🎨 Palette — "Atardecer en San Juan"
Token Hex Use
Alabaster Plaster (background) #FAF9F6 Page background, cards
Clay Terracotta (primary) #D97757 Buttons, links, accents, CTAs
Deep Palm Shadow (text) #2D3A3A Headings, body text
Golden Sol (accent) #EBCB8B Highlights, tags, warm details
Forest Green #27503C Secondary accents, dividers
Warm Stone (muted) #F2EFE9 Muted sections, input fields
Soft Border #E7E0D4 Hairline borders, dividers
Gradient used in hero: terracotta→transparent (from-background/85 via-background/30 to-transparent) over a warm photo.
🔤 Typography
Headings & Display: Instrument Serif (Google Fonts) — used for all big titles, hero, section headings. Serif, elegant, slightly editorial.
Body & UI: Plus Jakarta Sans (Google Fonts, weights 300–700) — all paragraph text, buttons, nav, labels.
Heading scale: Hero clamp(48px, 8vw, 128px), Sections 48–60px, Cards 30px, all with tight leading (line-height ≈ 0.98 on hero).
Eyebrow labels: 12px, uppercase, letter-spacing: 0.4em, terracotta — appears above every section title.
🧱 Section order (top → bottom)
Navbar — fixed, blurred translucent (bg-background/80 backdrop-blur), logo left, links center, bag right
Hero — full-screen (100svh) photo, left-aligned text over gradient overlay, 3 CTAs
LatinOwned — 3-pillar values grid (Community / Culture / Accessibility)
Mercado — 3 collection cards (4:3 images) + a terracotta quote band
Shop — product grid with modal-on-click
Curtains — signature styles showcase
StylingGuide — 4 room→drapery recommendation cards
Visualizer — AI curtain visualizer
CurtainCalculator — interactive sizing tool with live preview
Raices — brand story with texture image
Delivery — 4 delivery value points grid
Footer — brand, newsletter, contact, legal
✨ Styling details
Corners: 0.75rem (12px) radius on cards/buttons; pills are rounded-full
Spacing: section padding 80–112px vertical; container max-width 1280px with 20–32px side padding
Motion: fade-up entrance (opacity 0→1, y 16px→0, 0.5s ease), image hover scale 1.03 over 700ms
Imagery: editorial photography, warm natural light, Latin-Mediterranean arches & plaster walls, no text/logos in images
Buttons: terracotta fill with alabaster text, pill shape, 14px 28px padding; secondary = underline link
Tone: warm, minimalist, editorial, inclusive ("every home" not "modern homes")
That's the full visual recipe — colors, fonts, layout, and motion. Paste those hex codes into Wix's color manager and set Instrument Serif + Plus Jakarta Sans as your site fonts, and you'll land very close to this design.
Token Hex Use
Alabaster Plaster (background) #FAF9F6 Page background, cards
Clay Terracotta (primary) #D97757 Buttons, links, accents, CTAs
Deep Palm Shadow (text) #2D3A3A Headings, body text
Golden Sol (accent) #EBCB8B Highlights, tags, warm details
Forest Green #27503C Secondary accents, dividers
Warm Stone (muted) #F2EFE9 Muted sections, input fields
Soft Border #E7E0D4 Hairline borders, dividers
top of page
Kitchen Café Tier Curtains
0 products
No products here yet...
In the meantime, you can choose a different category to continue shopping.
bottom of page
Token Hex Use
Alabaster Plaster (background) #FAF9F6 Page background, cards
Clay Terracotta (primary) #D97757 Buttons, links, accents, CTAs
Deep Palm Shadow (text) #2D3A3A Headings, body text
Golden Sol (accent) #EBCB8B Highlights, tags, warm details
Forest Green #27503C Secondary accents, dividers
Warm Stone (muted) #F2EFE9 Muted sections, input fields
Soft Border #E7E0D4 Hairline borders, dividers
