Design a light-mode mobile app interface screen: scandinavian minimalism sculpted with earthy pastels, airy whitespace, and refined architectural line art.
LAYOUT
Structured along a fluid 16px lateral mobile grid. A standard iOS status bar leads into the centered logo header, immediately followed by the search and filter action row. The body cascades from a dominant full-width hero collection banner to a balanced two-column promotional split, concluding with a horizontally scrollable category rail introduced by a standard header with a 'View all' text link.
PALETTE (use these exact hex values)
- #FFFFFF — Canvas White: Primary screen background and container foundation.
- #F8F6F4 — Alabaster Tint: Warm off-white background fill for the primary hero card.
- #FAF1EB — Blush Sand: Warm peach-tinted background dedicated to promotional sale cards.
- #EEF5F4 — Eucalyptus Mist: Pale cool sage background for seasonal new arrival cards.
- #2D4638 — Deep Pine: High-contrast action color for primary hero CTA buttons and cart badges.
- #CCA07A — Earthen Ochre: Warm circular navigation button fill on sale cards.
- #76B0A5 — Nordic Spruce: Muted teal circular navigation button fill on curated new arrival cards.
- #1E2428 — Charcoal Black: Headings, titles, brand wordmark, and prominent interface labels.
- #73797F — Slate Ash: Secondary subtitles, search placeholder copy, and metadata text.
- #ECECEC — Subtle Border: Delicate stroke for search inputs, utility buttons, and icon circles.
TYPOGRAPHY
Typeface Plus Jakarta Sans (or DM Sans, Sofia Pro, Inter), weights 400/500/600/700. Sizes 11px caption, 13px body-sm, 15px body, 17px subheading, 20px heading, 28px display. Tracking -0.01em at display, 0.12em at uppercase labels. The typographic tone is quiet, upscale, and deliberate. Geometric sans-serif letterforms maintain legibility and contemporary Nordic simplicity, while tracked uppercase accents provide editorial rhythm. Plus Jakarta Sans or DM Sans perfectly substitute the modern Scandinavian aesthetic without proprietary licensing.
GEOMETRY & SPACING
Corner radii — cards 18px, links 999px, inputs 12px, buttons 8px. Spacing on a 4px unit, 12px gaps, 24px between sections, 375px container, airy density.
DEPTH
Depth is rendered organically through realistic contact shadows cast by the cutout product photography directly onto soft pastel card surfaces. The UI containers themselves deliberately avoid box-shadows, remaining entirely flat with subtle 1px perimeter outlines and color zoning to articulate spatial hierarchy.
IMAGERY
Photographs are clean, studio-lit catalog cutouts with transparent or seamlessly matched white/off-white backings. Props feature light blonde Scandinavian wood, matte black iron details, and textured natural fabrics. Complex indoor scenes or colored busy environments are strictly forbidden.
SIGNATURE DETAIL — the thing that makes this design itself
The harmonious combination of soft organic pastel surfaces (#FAF1EB, #EEF5F4, #F8F6F4) anchoring cutout furniture photography with small, jewel-like circular action buttons (#CCA07A, #76B0A5). Misusing this by adding strong gradients or standard blue hyperlinks instantly erodes the tranquil Scandinavian showroom aesthetic.
MUST
- Retain ample whitespace around typography, allowing at least 16px padding inside cards.
- Use pristine studio product photography with natural downward contact drop shadows.
- Style uppercase eyebrow labels with at least 0.12em tracking and 10px-11px sizing.
- Confine saturated tints to soft pastel card backgrounds (#FAF1EB, #EEF5F4).
AVOID
- Never use pure black (#000000) for body text; rely on #1E2428 or #73797F.
- Do not introduce sharp 0px card corners; maintain soft 16px-18px radii.
- Avoid heavy drop shadows on card containers; use soft flat background tinting instead.
- Never crowd category icon pills closer than 12px horizontally.
OUTPUT
Render as a clean, pixel-crisp UI design at roughly 1280:3840. Flat vector rendering, real legible text, no browser chrome, no device mockup frame, no watermark, no lorem ipsum placeholder blocks. Try in DraPub