Design a light-mode web interface screen: sun-drenched editorial warmth structured by high-energy electric blue and disciplined brutalist curves.
LAYOUT
The page opens with an asymmetric hero: an architectural arch image on the left, display typography and dual action buttons centered, and an auxiliary floating preview card on the right. Below this airy intro, the rhythm tightens into a dense, monolithic cobalt banner spanning the container width. The layout resolves into a balanced 3-column offerings grid beneath a dual-aligned header with section title left and 'View all offerings' outline button right.
PALETTE (use these exact hex values)
- #FFFFFF — Pure Canvas: primary page background and crisp top-level card fill
- #F8F9FA — Off White Base: secondary card container surfaces and icon badge backgrounds
- #2553E8 — Cobalt Punch: primary callout container, primary buttons, and active tab indicators
- #D7F372 — Acid Chartreuse: high-contrast CTA button fill inside cobalt hero card and list checkmarks
- #CE6277 — Dusty Rose Eyebrow: category eyebrow labels and small decorative tags over white surfaces
- #14171F — Obsidian Body: primary headings, titles, navigation items, and high-emphasis body
- #667085 — Slate Neutral: supporting body text, metadata captions, and secondary link icons
- #E4E7EC — Border Grey: hairline borders on secondary buttons, cards, and icon badges
TYPOGRAPHY
Typeface Plus Jakarta Sans (or Inter, General Sans, DM Sans), weights 400/500/600/700. Sizes 12px caption, 14px body-sm, 15px body, 18px subheading, 24px heading, 38px heading-lg, 58px display. Tracking -0.03em at display, 0.08em at uppercase. The voice is confident, cultured, and design-literate. By pairing Plus Jakarta Sans' crisp functional geometry with Cormorant Garamond's literary flair, the brand communicates both modern strategic discipline and bespoke aesthetic sensibility. If substitutes are needed, pair Inter with Playfair Display.
GEOMETRY & SPACING
Corner radii — cards 24px, links 4px, inputs 8px, buttons 8px. Spacing on a 8px unit, 24px gaps, 96px between sections, 1200px container, airy density.
DEPTH
Depth is created via planar layering rather than multi-layered blurred shadows. High-contrast solid planes (like the cobalt card) sit directly atop the white canvas with zero blur, while small floating circular badges and overlapping photo cutouts rely on spatial overlap and subtle 1px translucent borders to separate planes.
IMAGERY
Photography focuses on tactile minimalism, warm natural light, soft linens, ceramics, and thoughtful editorial portraits with dramatic sunlight and shadow play. Stock business imagery, harsh flash studio shots, or cold corporate tech hardware would entirely disrupt the bespoke studio tone.
SIGNATURE DETAIL — the thing that makes this design itself
The arch-shaped hero photo contrasted immediately against the electric cobalt campaign block containing intersecting dashed circular orbit lines and an acid-chartreuse CTA button. To reproduce it, balance architectural, muted editorial photography with an unapologetic burst of saturated royal blue and chartreuse typography.
MUST
- Use uppercase rose (#CE6277) eyebrows with 0.08em letter spacing to introduce all major section headers.
- Restrict the electric cobalt (#2553E8) to primary structural anchors and interactive controls.
- Combine strict geometric arch masks with circular cutout badges for imagery to evoke boutique architecture.
- Pair geometric sans display headers with one phrase of fluid serif italics for bespoke tension.
AVOID
- Do not place chartreuse buttons onto the white canvas; it destroys contrast and visual hierarchy.
- Do not use sharp 0px rectangular image containers; every visual asset has an intentional curve or arch.
- Never make all display headline words italic; italics are reserved exclusively for the trailing emotional punchline.
- Do not introduce heavy drop shadows; depth is established purely via planar card overlaps and color contrast.
OUTPUT
Render as a clean, pixel-crisp UI design at roughly 1536:3840. Flat vector rendering, real legible text, no browser chrome, no device mockup frame, no watermark, no lorem ipsum placeholder blocks. 在 DraPub 中尝试 
