Valon — Warm Serif Fintech

Editorial Luxury

Warm cream-to-tan gradient hero with an italicized serif headline, giving a regulated-industry B2B product an editorial, confident feel.

Valon — Warm Serif Fintech preview — Scrolling capture — scroll inside the frame to see the whole page

Mood: Confident and editorial-serious, like a fintech that wants to be read as a publication rather than a dashboard. Warm instead of cold, restrained instead of flashy.
Colors: Warm cream-to-tan gradient hero (#F7EEE3 fading to #E8D2B8), near-white content sections (#FFFFFF), light stat-card gray (#F2F0EC), near-black text and CTA (#17140F). No blue, no saturated brand color anywhere.
Type: A high-contrast display serif (like GT Sectra or Tiempos Text) for headlines, used with italic emphasis on key words, paired with a plain grotesque (Inter-like) for body copy, nav, and UI labels.
Layout: Centered hero with eyebrow link, large serif headline, one-line subhead, single black pill CTA, then a row of investor/partner logos. Below: a 2x2 stat grid in bordered light-gray cards, then alternating text-plus-product-screenshot sections with generous whitespace.
Motion: Understated: hero gradient likely static or very slow drift, content fades/slides in on scroll, no bouncy or flashy transitions — everything reads calm and considered.
Texture: Soft radial gradient wash behind the hero only, hairline borders on stat cards and UI screenshots, subtle drop shadows on floating document/ledger panels, otherwise flat white below the fold.
Imagery: Generate: soft peach-to-cream radial gradient backdrops, a minimal black circular badge/icon mark, and clean app-UI mockups (document extraction panels, ledger tables, terminal-style code snippets) on off-white cards. Tool: kie-ai Flux or GPT-Image for the UI mockups; Seedream for the gradient backdrop textures.
Don't: No dark mode, no saturated accent color, no rounded cartoon shapes, no dense multi-color dashboards — keep it quiet, editorial, and mostly monochrome.

Use in a session

valon-ai

Tell Claude: build [my thing] using swipe ref valon-ai

Full recreation prompt

Recreate a landing page in the "Valon — Warm Serif Fintech" style (Editorial Luxury). This is a VIBE / STYLE-TRANSFER task, not a clone: apply the design DNA below to MY content and section structure, do not copy the reference's copy or exact layout.

Design DNA:
- Mood: Confident and editorial-serious, like a fintech that wants to be read as a publication rather than a dashboard. Warm instead of cold, restrained instead of flashy.
- Colors: Warm cream-to-tan gradient hero (#F7EEE3 fading to #E8D2B8), near-white content sections (#FFFFFF), light stat-card gray (#F2F0EC), near-black text and CTA (#17140F). No blue, no saturated brand color anywhere.
- Typography: A high-contrast display serif (like GT Sectra or Tiempos Text) for headlines, used with italic emphasis on key words, paired with a plain grotesque (Inter-like) for body copy, nav, and UI labels.
- Layout: Centered hero with eyebrow link, large serif headline, one-line subhead, single black pill CTA, then a row of investor/partner logos. Below: a 2x2 stat grid in bordered light-gray cards, then alternating text-plus-product-screenshot sections with generous whitespace.
- Motion: Understated: hero gradient likely static or very slow drift, content fades/slides in on scroll, no bouncy or flashy transitions — everything reads calm and considered.
- Texture: Soft radial gradient wash behind the hero only, hairline borders on stat cards and UI screenshots, subtle drop shadows on floating document/ledger panels, otherwise flat white below the fold.
- Avoid: No dark mode, no saturated accent color, no rounded cartoon shapes, no dense multi-color dashboards — keep it quiet, editorial, and mostly monochrome.

Imagery (generate real assets, do not use placeholders): Generate: soft peach-to-cream radial gradient backdrops, a minimal black circular badge/icon mark, and clean app-UI mockups (document extraction panels, ledger tables, terminal-style code snippets) on off-white cards. Tool: kie-ai Flux or GPT-Image for the UI mockups; Seedream for the gradient backdrop textures.

Reference exemplar: https://www.valon.ai/. Build the page around the content I give you next, faithfully channeling this aesthetic, and generate the matching imagery described above.

Reference exemplar

https://www.valon.ai/ ↗