lindy.ai

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.

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.