# lindy.ai

Source: https://www.lindy.ai/
Captured: 2026-09-20
Tags: saas, landing, light, both, editorial, corporate-clean, minimal, warm, trustworthy, confident, friendly
Colors: #fbf9f8, #cfd0d5, #aaacb0, #565f6a, #f1d4a5, #e4b55d, #898e94, #2a66fe
Type (h1): Manrope · 72px/75.6px · 700 · tracking -1.44px — "The AI teammate that will 3x your output."
Type (h2): Manrope · 20px/30px · 600 · tracking -0.2px — "People use Lindy at some pretty cool places."
Type (h3): Manrope · 32px/35.2px · 700 · tracking -0.64px — "Connected to everything."
Type (body): Manrope · 20px/30px · 500 · tracking -0.2px — "Lindy connects to all your tools, knows everything about your company, and does "
Type (small): Manrope · 12px/18px · 500 · tracking -0.16px — "+14"
Type (button): Manrope · 14px/21px · 600 — "Pause the campaign"
Button: "Pause the campaign" — fill #007a5a, text #ffffff, radius 8px, border 1px, padding 11px 18px, height 39px, type 14px/600
Radii: 12px (17), 8px (1)

## Images

- Hero (desktop): https://media.lvly.design/library/lindy-ai/hero.webp?v=8fc4b13b
- Page crop (mid-1): https://media.lvly.design/library/lindy-ai/mid-1.webp?v=60437dda
- Page crop (mid-2): https://media.lvly.design/library/lindy-ai/mid-2.webp?v=46df11b4
- Hero (mobile): https://media.lvly.design/library/lindy-ai/mobile-hero.webp?v=f9c4301c
- Full page (desktop): https://media.lvly.design/library/lindy-ai/full.jpg?v=e53c6dc6
- Full page (mobile): https://media.lvly.design/library/lindy-ai/mobile-full.jpg?v=60d9d95e
- Clip preview (mp4): https://media.lvly.design/library/lindy-ai/video-vucgmz.preview.mp4?v=5613aee1

A warm-paper SaaS landing page that behaves like a magazine spread: a near-white cream ground (#FCF9F8) carries a 72px Manrope headline in near-black navy with one clause flipped to gold, and everything else — the floating white header card, the hairline product cards, the two-row logo marquee — sits on that ground as a light, low-contrast object rather than a boxed section. The restraint is the point: there are exactly three inks (navy #0D1E2E for type, gold #E0A022 for emphasis, blue #2A66FE for every call to action) and one radius scale (12px on cards, 8px on buttons), so the page reads as calm even though it runs 11,000px and shows a dozen app mockups. Those mockups do the persuading — Slack threads, a file tree, a schedule grid, all drawn in the same cream-and-white palette so screenshots look like part of the page rather than pasted in — while the type does the talking, with gold uppercase eyebrows announcing each section and generous 120–180px of air between them. It works because the warmth (cream paper, gold, soft peach glows) offsets how technical the content is; the result feels like a friendly colleague's memo instead of an enterprise deck, and the single saturated blue is the only thing shouting, which is exactly what you want a CTA to do.

## Steal-worthy details

- Floating header card instead of a bar — a white 12px-radius panel inset ~16px from the top and ~9% from each side, soft shadow, no full-bleed fill and no bottom border, so the cream ground runs behind and above it
- One clause of the headline in gold — h1 is 72px/75.6 Manrope 700 at -1.44px tracking in navy #0D1E2E, with the payoff phrase ("3x your output") recolored to #E0A022 and the final period left navy, so the emphasis is color only, never weight or size
- Integration marks as hero wallpaper — a scattered field of ~24 small white rounded tiles holding partner logos, dropped to low opacity and thinned toward the center so the type column stays clean while the "connects to everything" claim is made visually before it is made in words
- Trust stack under the button, not beside it — CTA, then a 12–14px gray #494949 risk-reversal line ("7-day free trial · Cancel anytime"), then a G2 mark with five stars and a 4.9, each ~20px apart and center aligned; three small proofs stacked read stronger than one badge
- The product mock is cropped by the fold — the app screenshot starts ~76% down the viewport and is cut off by the bottom edge, a white 12px card with a hairline and no caption, so the first scroll is already rewarded
- Numbered feature ledger where only the live step is inked — items are labeled 01–05 in tiny gold caps, the active row's heading and body sit at full navy while the others fade to roughly 25% gray, turning a five-item list into a scroll-driven read with no accordion chrome
- Gold eyebrow above every section heading — 12px uppercase, ~0.1em tracking, #C9922E, sitting ~16px above the display line (USE CASES, WHERE IT LIVES, SECURITY BY DESIGN, PRICING); it is the only navigational device in a page with no section dividers
- Closing CTA on a warm glow panel — the final "Ready when you are." block sits on a wide rounded panel washed with a soft peach-gold radial gradient (#F1D4A5 fading to the page ground at every edge), the only place on the page with a colored ground, which makes the last button the warmest pixel on the site

## Style recipe

Set the page on warm paper, not white: ground #FCF9F8, cards #FFFFFF, hairlines #CFD0D5 at ~40% alpha. Use one typeface — Manrope — across the whole page, and buy contrast with size and color rather than family. Scale: display 72px/75.6 weight 700 at -1.44px tracking (-0.02em), section heads 32px/35.2 weight 700 at -0.64px, body 20px/30 weight 500 at -0.2px, eyebrows and captions 12px/18 weight 500, buttons 14px/21 weight 600. Three inks and no more: navy #0D1E2E for all type, slate #565F6A for secondary body, gold #E0A022 for emphasis, and a single saturated blue #2A66FE reserved exclusively for primary buttons — if a second element wants blue, it does not get it. Give every display heading a gold uppercase eyebrow 12px at 0.1em tracking, and recolor exactly one clause of each heading to gold; never bold it, never underline it. Radii: 12px on every card, panel and tile, 8px on buttons; buttons are 11px/18px padded, ~39px tall, solid fill, white label, no border, no gradient. Shadows stay near-invisible — 0 1px 2px rgba(13,30,46,.04) plus a wide 0 12px 32px rgba(13,30,46,.06) — so cards lift off the paper without casting. Rhythm: a 1180px content column, 120–180px between sections, 24px gaps inside card grids, and section text centered while feature rows split to a two-column text/visual pair. Warmth comes from washes, not fills: soft peach-gold radial gradients (#F1D4A5 → transparent) behind hero glows, media frames and the closing CTA panel, plus pale blue-to-cream gradients behind product shots. Draw product evidence as cropped UI in the same palette — a chat thread, a file tree, a schedule grid — framed in a white 12px card, and let one of them run off the fold. Motion is quiet: logo and testimonial rows scroll continuously behind CSS mask-image edge fades, stacked feature copy cross-fades between full navy and ~25% gray as it enters, and pill-shaped filter tabs swap the active state to the blue fill with a 150–200ms ease. Two moves make it recognizable: cream paper with one gold word per headline, and a floating rounded header card that never touches the top edge.