getclera.com

Clera · AI Talent Agent · Get Introduced to Top Startupssaved 26d ago · captured 26d ago

Eight details, seven pinned.

View as Markdown ↗

Colors8 colors · ground #1C1816

ground#1c1816·53.26%#3f3528·18.17%#f7f5f3·12.36%#5d5447·5.92%#98938b·4.12%#73716e·1.95%#b8b3a9·1.66%#d3d5d5·1.39%

Sized by coverage · click to copy.

Typography2 families · 5 styles · Source Serif 4, Be Vietnam Pro

Stop applying to startups. Start getting introduced.

Source Serif 4 · 60/60 · 500 · -3px

Find out what you're worth.

Source Serif 4 · 60/60 · 400 · -3px

ELO Score

Source Serif 4 · 18/28 · 500 · normal

Body

Based on your profile, here are 2 roles you’re a strong fit for

Be Vietnam Pro · 12/17 · 400 · normal

Small

Founding Engineer

Be Vietnam Pro · 12/17 · 300 · normal

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

ButtonsChat with Clera2 styles

Chat with CleraFind a job

primary · fill — · label #004e52 · radius 9999px · border 1px · padding 10px 24px · height 46px · type 16px / 400

secondary · fill — · label #ffffff · radius 10px · border 0px · padding 4px 12px · height 28px · type 14px / 400

Shape5 radii · 91 uses

10px42 uses · 46%

9999px23 uses · 25%

20px14 uses · 15%

4px6 uses · 7%

22px6 uses · 7%

AnalysisClera sells an AI talent agent with the voice of a quiet, well-dressed recruiter rather than a job board.

Clera sells an AI talent agent with the voice of a quiet, well-dressed recruiter rather than a job board. The hero is a full-viewport warm black (#1c1816) that dissolves rightward into a golden-hour photograph of a founder at a desk among moving boxes, with tiny chat bubbles composited over the scene to show the product without a UI screenshot. Source Serif 4 at 58px / 500 weight with -2.32px tracking carries the two-line headline, set against Be Vietnam Pro body text at a deliberately small 12–16px. Below the fold the page turns to cream paper (#fbf8f4) held inside hairline column rules, section titles switch to a deep teal-green serif, and the product is shown as job cards floating over dusky, film-grained cityscapes. Everything is soft-cornered (10px cards, 20–22px panels, pill chips) and the palette never leaves warm neutrals except for that single teal, which does all the CTA work.

Style recipeBuild on a cream paper ground (#fbf8f4) with white (#f7f5f3) cards and one warm near-black (#1c1816) for dark blocks and primary text; secondary text in warm grays (#5d5447, #98938b).

Build on a cream paper ground (#fbf8f4) with white (#f7f5f3) cards and one warm near-black (#1c1816) for dark blocks and primary text; secondary text in warm grays (#5d5447, #98938b). Reserve a single deep teal-green (approx. #0e4a44) for primary buttons, section headings and small icons — never use it as a background wash. Headlines in Source Serif 4, weight 500, 56–60px, line-height 1.0, letter-spacing -0.04em; body in Be Vietnam Pro 400 at 14–16px with line-height 1.4, and allow labels down to 12px. Radii: 10px for cards and buttons, 20–22px for large media panels, 9999px for chips and secondary CTAs; 1px hairline borders in a warm gray, no heavy shadows. Compose the hero as a two-part surface: flat dark color on the text side, a warm golden-hour photograph on the other, blended with a horizontal gradient. Frame light sections with full-height vertical hairlines at the content edges. Show product UI as small floating cards or bubbles over atmospheric, slightly grainy photography rather than as flat screenshots. Buttons: primary = solid teal with white 16px text, 10px radius, 36–44px tall; secondary = 1px outline pill on cream. Keep the palette entirely warm-neutral apart from the teal, and let serif type carry all the personality.

Details8 worth noting

getclera.com — the captured page — Landing, 1440 × 900 · captured Sep 13, 2026

1Split hero: flat color meets photograph
Split hero: solid warm-black left half fading into a cinematic photograph on the right, so the headline sits on flat color while the image sets the mood — no overlay gradient needed on the text side.
2Chat bubbles over a lifestyle photo
Product shown as overlaid chat bubbles on a lifestyle photo instead of a dashboard screenshot; the "Yes, intro me to the first one" reply bubble is a saturated blue, the only cool note in the hero.
3Prompt box as the hero CTA
A large multi-line textarea-style input as the hero CTA (with typing placeholder "GTM E|" and a circular white arrow button inside), followed by example-query pill chips — a prompt box, not a form.
4Monochrome line-art Product Hunt laurels
Product Hunt laurels rendered as monochrome white line art so the badges match the hero rather than shouting.
5Hairline column rules framing the page
Full-width hairline column rules that frame the light sections at the content width — a subtle editorial grid that survives at 1440px.
6Teal square eyebrow above a serif heading
Section eyebrow = tiny teal square icon + word ("Process"), then a serif H2 in the same teal; the accent lives in type, not backgrounds.
7Job card fan with a rationale line
Three-card fan of job cards, each with logo, underlined company name, serif role title, muted salary chips, and a "Why?" rationale line — a card pattern that explains itself.
8Three joined pills as a process row
Three-step process expressed as three pills joined by arrows, middle step filled teal, outer steps outlined — state and sequence in one row.