← OpenDesign
CURATED · OPEN · FREE
Dae
Warm, desert-inspired haircare that is playful and inviting.
beauty haircare
01
Identity DNA
warm playful natural desert inviting
A sunny desert road trip with your best hair products
02
Color
#E92C5BAccent
#BE6A14Ink
#6A6C77Ink soft
#FFFDF5BG
#EDD6C4BG soft
#DDA69DMuted
rgba(190,106,20,1)Line
Earthy desert warmth anchored by a creamy base and punctuated by energetic pink accents.
03
Typography
didone-serif · geometric-sans · mono-sans
display 56px · 400heading 24px · 700body 15px · 400Use all-caps for secondary calls to action and promotional badges. · Use uppercase monospaced text for the scrolling brand values marquee.
04
Spacing
4px
8px
16px
24px
32px
48px
64px
96px
Generous padding within sections and clear vertical spacing between content blocks.
05
Surfaces
sm · 3px
md · 10px
lg · 0px
pill · 999px
1px solid accent brown for buttons and marquee dividers.
none
06
Layout
1440 container
12 columns
24px gutter
768 / 1024 breakpoints
Full-width hero followed by a descriptive left column with a horizontal product grid on the right.
07
Motion & Interaction
220ms micro
400ms small
800ms medium
cubic-bezier(0.25, 0.1, 0.25, 1) easing
Continuous horizontal scrolling for the values marquee.
Subtle opacity or color shift on navigation links and buttons. · Standard button press effect.
08
Components
button Pill-shaped with thin solid borders and uppercase text. card Image-centric with subtle rounded corners and absolute-positioned badges. chip Absolute 'NEW!' badges in solid pink. input Minimal, likely thin-bordered or borderless. hero Large cinematic photograph with text and a call-to-action button overlaid on the left.
09
Voice & Don'ts
Tone Warm, approachable, and slightly poetic. Headlines Large, elegant serif typography for product names. CTAs Clean, uppercase, sans-serif for clear calls to action. Don't use stark, clinical white backgrounds — screenshot shows warm cream (#FFFDF5) instead. Don't use neon or purely digital accent colors — screenshot uses natural warm pinks (#DDA69D, #E92C5B). Don't use harsh, boxy buttons — screenshot uses rounded, pill-shaped buttons with thin borders. Don't use dense, text-heavy layouts — screenshot relies heavily on generous whitespace and photography. Don't use modern, minimalist sans-serifs for hero text — screenshot uses a prominent didone-serif for product names. Don't use rigid, hard-edged grid containers — screenshot uses softer, more organic grid alignments. Avoid: Clinical or overly technical haircare jargon. Avoid: Harsh, neon, or purely digital color palettes. Avoid: Rigid, grid-heavy corporate layouts.
10
Inside the pack — real screenshots
桌面首屏(hero) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 移动首屏 Captured from the live site · real computed styles
11
System prompt
This is a warm, consumer-facing haircare brand site. It uses a desert-inspired palette of creams (#FFFDF5), tans (#EDD6C4), and earthy browns (#BE6A14), with energetic pink accents (#E92C5B) for promotional elements. Typography mixes elegant didone-serif displays with clean geometric-sans body text. Key critical dons: Never use stark white backgrounds, avoid neon colors, and do not use harsh boxy UI components. The layout is generous and image-heavy, relying on cinematic photography.
More from the library
en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
Why we curated this: Worth including for its strong, cohesive visual identity that successfully blends warm, natural aesthetics with a clear e-commerce structure.