Bee Home

Bee Home's design system evokes a handcrafted blueprint aesthetic, combining structured layouts with an organic, tactile feel. Predominantly monochrome with subtle creams and charcoal grays, the visual system suggests natural materials and understated functionality. Typography uses a single confident, yet friendly, sans-serif, often in outlined states for interactive elements. Components prioritize soft edges and a light touch, focusing on content over heavy decoration. Use Neue Haas Unica W1G weight 400 for all text, maintaining a consistent brand voice without font variation. Prioritize Canvas Cream (#e9e9e1) and Inkwell Black (#2a2920) for ghost button borders and primary text to highlight interactive elements. Apply a 38px border-radius to all interactive buttons and navigation items for a distinct pill shape. Use 22px border-radius for cards, applied only to the top corners, to create a consistent grounded element. Employ a 2px solid border for all strokes, borders, and outlined elements to maintain the handcrafted aesthetic. Maintain a compact spacing rhythm, with element gaps typically around 6px and card padding at 20px. Utilize Inkwell Black for primary text and headings, providing strong legibility against cream and white backgrounds. Avoid using box-shadows or significant elevation; maintain a flat, natural surface aesthetic. Do not introduce additional font weights or families; Neue Haas Unica W1G 400 is the only typographic choice. Steer clear of vivid or vibrant colors; the palette is strictly monochrome with muted, natural tones. Do not use sharp 0px radii for cards or buttons, unless it explicitly represents an underlined text link. Avoid large empty spaces; maintain a compact information density across layouts. Do not add gradients or complex background fills; surfaces should be solid, single colors.