boardy.ai

Boardy - The AI Superconnectorsaved 26d ago · captured 26d ago

Seven details, seven pinned.

View as Markdown ↗

Colors8 colors · ground #F3F1EA

ground#f3f1ea·90.36%#d1cfc9·2.00%#72706c·1.59%#989691·1.49%#b2b5ad·1.20%#52504d·1.01%#32302d·0.74%accent#1f8a40·0.66%

Sized by coverage · click to copy.

Typography3 families · 5 styles · Plus Jakarta Sans Variable, Bricolage Grotesque Variable, -apple-system

I can introduce you to anyone, try me

Plus Jakarta Sans Variable · 70/72 · 700 · -2.816px

A useful introduction starts with context.

Plus Jakarta Sans Variable · 58/60 · 700 · -2.304px

Tell me the outcome you need.

Plus Jakarta Sans Variable · 30/33 · 700 · -0.888px

Body

210,160+ introductions made to investors, customers, talent, founders, creators,

Bricolage Grotesque Variable · 17/26 · 400 · normal

Small

Today 1:18 PM

-apple-system · 12/18 · 600 · normal

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

ButtonsMessage Me1 style

Message Me

primary · fill #1a1715 · label #f5f2eb · radius 12px · border 1px · padding 0px 18px · height 48px · type 14px / 580

Shape5 radii · 18 uses

12px7 uses · 39%

50%4 uses · 22%

999px4 uses · 22%

3px2 uses · 11%

16px1 use · 6%

AnalysisBoardy's landing page is written in the first person by an AI that makes introductions, and the design is built to make that voice feel like a person texting you.

Boardy's landing page is written in the first person by an AI that makes introductions, and the design is built to make that voice feel like a person texting you. The whole page sits on warm parchment (#f5f2eb, ~90% of the canvas) with a soft cream vignette behind the hero; the headline is Plus Jakarta Sans at 86px, weight 650, tracked to −3.9px so "I can introduce you to anyone, try me" reads as one tight, confident block, while body copy switches to Bricolage Grotesque for a slightly quirkier, more human counterweight. A floating pill-shaped nav (12px radius, hairline border, near-black #1a1715 CTA) hangs over the hero; the single accent is iMessage green (#1f8a40), used for the "Message Me" button, the sent bubbles inside an iPhone mockup showing a real-feeling conversation, and the green stat numeral. Deeper down, a single near-black-green card with a radial glow carries the proof — "204,958+ introductions made" in cream, three stats separated by hairlines — and a row of tilted, spring-scattered channel icons (WhatsApp, iMessage, LinkedIn, X, Gmail, Meet) orbits Boardy's pixel-art avatar. Restraint everywhere, one color, one voice.

Style recipeSet the page on warm paper `#f5f2eb` (surfaces `#f3f1ea`, hairlines `#d1cfc9`, secondary text `#72706c`, ink `#1a1715`).

Set the page on warm paper #f5f2eb (surfaces #f3f1ea, hairlines #d1cfc9, secondary text #72706c, ink #1a1715). Use exactly one accent, a saturated iMessage-style green #1f8a40, for primary CTAs, "sent" states, and highlighted numerals; never introduce a second hue. Headlines in Plus Jakarta Sans (or a geometric humanist sans) at weight 650, 80–90px, line-height 0.98, letter-spacing −4.5%, centered, two lines max, written in first-person conversational copy. Body and UI in Bricolage Grotesque at 400, 16–17px, line-height 1.55; keep captions at 12–13px muted. Buttons are 48px tall, 12px radius, 0 18px padding, weight 580 at 14px, solid fill (near-black for secondary, green for primary), with a trailing arrow icon; pills use 999px. Cards use 12–16px radii with a 1px hairline and a barely-there shadow; float the nav as a detached white pill 20px from the top. Add one inverted "proof" section: a near-black green card (#1a2a20 → #0f1a14 radial glow) with cream headline text and green key numbers, stats separated by hairline dividers. Show the product as a device mockup with real OS chat chrome rather than illustrated UI. Motion: soft fade-and-rise on load, icons scattered with ±10° rotation and slight parallax; nothing bouncy. Overall feeling: calm, human, confident — the interface of a friend who texts you back.

Details7 worth noting

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

1Paper ground and one green
Paper ground + one green: #f5f2eb page, #1a1715 ink, and a single green #1f8a40 for every interactive or "message" moment — the palette is three values and never wavers.
2Display and body type pairing
Type pairing that carries the personality: Plus Jakarta Sans 650 at −4.5% tracking for display, Bricolage Grotesque 400 at 16.8/26 for body — geometric confidence up top, a warmer, slightly eccentric grotesque underneath.
3Floating nav pill
Floating nav pill: white card, 12px radius, 1px hairline, soft shadow, detached from the page edge; the nav CTA is a solid near-black 48px button with a → while the hero CTA is green — two buttons, two weights of urgency.
4iPhone mockup as the demo
iPhone mockup as the product demo: real iMessage chrome (status bar, avatar header, gray/green bubbles) makes the "AI" tangible as a text thread; lowercase, casual copy in the bubbles does more selling than the headline.
5Scattered app icon row
Scattered app-icon row: rounded-square channel icons rotated ±10° with staggered vertical offsets and soft shadows, the brand avatar centered in a cream circle — a "we live in your apps" statement with no copy.
6Inverted proof card
Proof card in inverted scheme: one dark green-black card (radius ~24px, radial glow top-right) holds the big number (green) and headline (cream) at the same 86px scale as the hero, with three stats under a hairline rule — the only dark surface on the page, so it lands.
7Live counter repeated as headline
Live counter as headline: the same "204,958+" appears in the hero subline (bold) and again as the stat headline; repetition of one moving number reads as momentum.

saas · landing · light · minimal, retro-warm · friendly, warm, confident, human, trustworthy

boardy.ai

More like this