reducto.ai

Reducto's landing page is an AI-infrastructure pitch dressed as a broadsheet: a warm off-white paper ground (#f8f8f6), a very large high-contrast serif display face (custom "reductoSerif", 136px at weight 650 with a tight 100px line-height) set centered over quiet Inter body copy, and a single saturated magenta (#9f1ea2) doing every job an accent can do — the logo, the highlighted word "data." in the headline, the primary CTA, the pull-quote marks, the inline "Fortune 10" link and the announcement strip's lavender tint. The typographic twist is that the accent word is set in a monospace face, so the hero literally reads as prose turning into code. Chrome is deliberately un-rounded and tactile: square 38px buttons with 1px borders (white ghost for "Sign up", near-black solid for "Contact sales") carry a hard 3–4px offset shadow that gives them a pressed, letterpress feel against the flat page. Product is shown as a paper-like document card — yellow legal-pad edge, a spreadsheet with magenta cell outlines marking what the parser extracted, greeked text elsewhere — with a serif customer quote beside it. Hairline section rules and generous vertical space keep the whole thing calm; nothing glows, nothing blurs. Sections open with a small olive-green sparkle eyebrow ("How it works") that is the only second color on the page.

Set the page on warm paper: background #f8f8f6, cards #ffffff, hairlines #e6e4e1, body text #4a4846, headings #1a1918. Use a high-contrast transitional serif for all display type (Tiempos, Söhne Serif, or Instrument Serif as a free stand-in) at weight 600–650, sizes 56–136px, line-height 0.74–0.85, letter-spacing normal; everything else is Inter 400 at 16–18px / 1.65, in gray rather than black. Pick one saturated brand hue — magenta #9f1ea2 — and use it for the logo, the primary button, link text, quote marks and exactly one word per headline, which you set in a monospace face (JetBrains Mono / Berkeley Mono) at the same size as the serif around it. Derive a 10% tint of the accent (#efe5f0) for announcement strips and highlighted table cells. Buttons are square (radius 0), 38px tall, 14px side padding, 14px/500 Inter, 1px solid border, with a hard offset box-shadow (3px 3px 0 #1a1918 on light fills, 3px 3px 0 rgba(0,0,0,.35) on the accent) and no blur; offer white-ghost, accent-solid and black-solid variants. Add one restrained secondary color, olive green #7a8a1e, only for eyebrow labels with a small sparkle icon. Center hero copy in a ~660px measure; separate sections with full-width 1px rules and 96–140px of vertical space. Render product imagery as documents — paper cards, ruled edges, tables with accent-outlined cells and greeked text — never as glossy device frames. No gradients, no blur, no glow, no rounded pills except avatars; motion limited to fades on load.