delphi.ai

Delphi | Scale Your Insight. Stay Focused on What Matters.saved 26d ago · captured 26d ago

Seven details, six pinned.

View as Markdown ↗

Colors8 colors · ground #F7F0E8

ground#f7f0e8·87.86%#d4c9be·2.48%#a49485·1.76%accent#986e52·1.51%#070a09·1.21%#7e4e36·1.20%#655e57·0.80%#37312c·0.76%

Sized by coverage · click to copy.

Typography2 families · 4 styles · fontPythia, fontInter

What's on your mind

fontPythia · 50/51 · 500 · -1.75px

Quick questions

fontInter · 20/28 · 500 · -0.5px

How do I host a dinner party that actually feels effortless?

fontInter · 23/30 · 500 · -0.46px

Small

CREATIVITY

fontPythia · 11/11 · 600 · 0.99px

Specimens are the page's own words at their measured metrics; shown in Inter when the family is not loaded.

ButtonsCreate Your Delphi3 styles

Create Your DelphiSign InDiscover

primary · fill #fd5400 · label #ffffff · radius 26px · border 1px · padding 0px 12px · height 36px · type 14px / 500

secondary · fill — · label #63635e · radius 26px · border 1px · padding 0px 12px · height 36px · type 14px / 500

tertiary · fill — · label #63635e · radius 0px · border 0px · padding 0px 12px · height 36px · type 14px / 500

Shape5 radii · 61 uses

12px26 uses · 43%

16px20 uses · 33%

6px6 uses · 10%

10px5 uses · 8%

140px4 uses · 7%

AnalysisDelphi's landing page is a cream-paper stage for faces.

Delphi's landing page is a cream-paper stage for faces. The whole canvas sits on a warm off-white (#fdf6ee ground, #f7f0e8 covering nearly 90% of the page) with almost no hairlines — sections are separated by a barely-there tonal step to a second cream card, so the page reads as one continuous sheet. Type does the heavy lifting: a light-weight serif (Martina Plantijn Light, 64px, tracked to −2.56px) for every headline, set in short two-line sentences, against Inter 17px body in warm grays and browns. The hero is a single arch-topped portrait card with a dark chat input and an orange "Ask" pill inside it, orbited by softly rotated paper "chips" (LinkedIn · 180 posts, Talks · 41 videos, a reply card) that float and drift on load. Color is disciplined to one hot vermilion-orange for the primary action and the chat bubbles; everything else is cream, tan (#d4c9be) and cocoa (#986e52, #7e4e36). Feature sections repeat the motif — a portrait on a warm radial glow, ringed by dotted orbits holding source pills (Podcast, YouTube, Books, TikTok, Notes) — so the product's "a person, made of their sources" idea is drawn rather than explained.

Style recipeBuild a warm, editorial, light-mode page.

Build a warm, editorial, light-mode page. Ground everything on cream: page #fdf6ee, section cards #f7f0e8, secondary controls #f0e6dc; use #d4c9be for muted lines and dotted decoration and warm cocoa #986e52 / #7e4e36 for tertiary text and small labels. Ink is near-black brown #2b180a (never pure black), body copy a warm gray #655e57. Reserve exactly one saturated vermilion-orange (a hot red-orange, approx. #f04a12) for the primary button, chat bubbles and inline highlight text — it appears nowhere else. Headlines: a light-weight high-contrast serif (Martina Plantijn Light or a substitute like Instrument Serif / Fraunces Light), 56–64px, weight 300, line-height 1.0, letter-spacing −4%; keep them to two short sentences with full stops. Body: Inter 17px/1.4, weight 400, letter-spacing −1%; UI labels Inter 15px/500. Radii: 12px for buttons and inputs, 16px for cards, 140px top radius for an arch-shaped portrait card. No hairlines — separate regions by stepping one cream tone lighter or darker, and add depth with soft radial warm-orange glows behind portraits and ~3%-contrast dotted orbit rings. Buttons are solid, unbordered, 45px tall, 12×16px padding, no uppercase. Decorate with small rotated (±10–20°) paper chips carrying an icon, a label and a count, floating with a slow drift on load. Photos are warm-toned, close-cropped portraits, never product screenshots. Keep the composition centered and symmetrical, generous vertical space (120px+ between sections), and let the serif headline and one orange control carry each section.

Details7 worth noting

delphi.ai — the captured page — Landing, 1440 × 900 · captured Sep 13, 2026

1Arch-topped portrait hero card
Arch-topped portrait card (140px top radius over 12–16px corners): the photo bleeds to the edges, the name is set in the serif in white, and a dark rounded chat input with an orange pill CTA sits inside the card's lower edge — the product demo *is* the hero image.
2Rotated paper chip cards
Scattered "paper chip" cards rotated ±10–20°, each a tiny fact (source icon + label + count) or a mock reply in orange text — a warm, tactile way to show breadth of data without a feature grid.
3Two-tone CTA pair
Two-tone CTA pair: a cream secondary (#f0e6dc on #2b180a text, 12px radius, 45px tall) beside one solid orange primary — the orange is used nowhere else in the hero, so it owns the eye.
4Tonal layering instead of borders
Tonal layering instead of borders: 12–16px-radius cream cards on a slightly lighter cream ground, with dotted orbit rings at ~3% contrast as decoration.
5Source pills on concentric orbits
Source pills (icon + word) placed on concentric orbits around a portrait — a diagram that doubles as illustration.
6Chat-bubble mock as illustration
Chat-bubble mock as a feature illustration: the user's question in an orange bubble, the answer in a cream bubble, set inside a card headed by a serif line.
7Two-line serif headline with periods
Serif headlines kept to two lines with a full stop each — "Meet a mind. Ask it anything." — full stops make the light serif feel decisive.

saas · landing · light · editorial, minimal, retro-warm · warm, premium, human, elegant, calm

delphi.ai

More like this