HOUSEPLANT

HOUSEPLANT

Preview image. Unlock full-res

Artisanal Collector's Canvas

Industryecommerce
Palette
#f4f1e0
#321e1e
#464545
#bdb498
#463938
#000000
#f4f4f4

HOUSEPLANT's visual system evokes a collectible-driven, high-end artisanal aesthetic. It features a stark contrast between a dominant, warm off-white canvas and deep, earthy neutrals, lending a sophisticated yet grounded feel. Typography is paramount, leveraging a distinctive custom serif for headlines and strong sans-serifs for body text, creating an almost editorial quality. Components are minimal, often borderless or with subtle shadows, allowing the rich product imagery and bold type to command attention. Prioritize Canvas Parchment (#f4f1e0) as the dominant background for light sections to maintain the warm, aged base. Use Houseplant Deep Bark (#321e1e) for primary text and critical interactive elements, ensuring strong contrast. Apply the Houseplant typeface with negative letter-spacing for all primary headings and product names to emphasize brand identity. Utilize a border-radius of 4px for interactive buttons and 8px for prominent cards to provide consistent component shaping. Employ subtle box shadows (rgba(0, 0, 0, 0.1) 0px 2px 8px 0px) for cards and buttons for gentle elevation, avoiding harsh overlays. Maintain a comfortable element gap of 20px between distinct UI components for visual breathing room. Contrast Houseplant Deep Bark (#321e1e) against Canvas Parchment (#f4f1e0) for optimal readability and brand impact in text. Avoid using bright, saturated colors for backgrounds or large areas; color should predominantly come from product imagery or small accents. Do not introduce sharp, angular shapes or radii beyond the defined 4px and 8px, as this deviates from the soft, artisanal feel. Refrain from heavy, multi-layered shadows; elevation should be minimal and understated. Do not use generic system fonts for headlines or prominent text; the custom Houseplant typeface is essential to brand identity. Avoid dense, tightly packed layouts; the design system values comfortable spacing and a focused presentation. Do not use highly reflective or glossy textures; the aesthetic leans towards matte, tactile surfaces. Do not dilute the contrast between text and background with mid-tone grays; rely on the established dark neutrals on light backgrounds.

More like this