Exaflair design context / Inspiration round 1
Exploration
Inspiration round 1 · 2026-09-09

Inspiration round 1: screenshot board

13 reference sites in three directions; reply in Slack with the numbers you like. Each card has the live link, the first screen at 1440×900, a full-page capture behind the toggle, and the two or three things worth taking.

A

Warm editorial

For Exaflair this means Tangerine as an accent on off-white: light mode leads, Montserrat Medium headlines at 52–72 px with underlines or weight carrying the emphasis, and one orange moment per screen. Photography or a single orange field supplies the colour; the chrome stays monochrome. It inverts the kit's dark-dominant default, so choosing it means saying so in the brand notes.

1

Anthropic

anthropic.com
https://www.anthropic.com
Anthropic homepage at 1440×900: off-white ground, black headline, photograph as the only colour.
Anthropic full-page capture.

Scroll inside the frame. Captured at 1440 wide, shown at 1200.

What to steal

  • Off-white paper ground and pure-black type; the photograph is the only colour on the first screen.
  • Underlined key words do the emphasis instead of colour.
  • 55/45 hero: heavy sans headline beside a ~26 px serif paragraph, then a full-width rounded image.
2

Pentagram

pentagram.com
https://www.pentagram.com
Pentagram homepage at 1440×900: full-bleed project image with a centred filter sentence.
Pentagram full-page capture.

Scroll inside the frame. Stitched from scroll steps because the masonry lazy-loads.

What to steal

  • Chrome is nearly nothing: a serif wordmark, six text links, then edge-to-edge work.
  • A filter sentence ("We design [Packaging] for [Fashion & Beauty]") replaces the menu.
  • Strict 3-column masonry with 12 px gutters; the imagery carries all the colour.
3

Linear

linear.app
https://linear.app
Linear homepage at 1440×900: near-black ground, white headline, product screenshot bleeding off the bottom.
Linear full-page capture.

Scroll inside the frame. Capped at 6000 px tall.

What to steal

  • Near-black ground, ~72 px white headline with tracking and leading around 1.05, one grey sentence.
  • The product screenshot is the hero and bleeds off the bottom of the viewport.
  • Long page = short headline, one paragraph, one image, repeated; nothing decorative.
B

Precise engineering-grade

The closest fit to the kit as written: Almost Black grounds built from gradients, borders and glows rather than flat black, Montserrat at one size in two colours, and --gradient-brand used once as a single large field. Tangerine appears as a hairline, a pill border or one object per screen; code and product screenshots do the imagery.

4

Stripe

stripe.com
https://stripe.com
Stripe homepage at 1440×900: one diagonal gradient ribbon behind a white hero.
Stripe full-page capture.

Scroll inside the frame. Capped at 6000 px tall.

What to steal

  • Exactly one gradient object per screen, then strict monochrome below it.
  • One type size, two colours: black headline, mid-grey run-on subhead.
  • A tiny live stat above the headline as a credibility line; ~1170 px content width framed by hairlines.
5

Vercel

vercel.com
https://vercel.com
Vercel homepage at 1440×900: black and white, headline left, 3D triangle centred.
Vercel full-page capture.

Scroll inside the frame. Stitched from scroll steps.

What to steal

  • Black and white only; no accent anywhere on the first two screens.
  • Three-column hero on an invisible grid: ~64 px headline, one 3D object, three short grey lines.
  • The announcement is plain text with an arrow; the logo strip is pure black marks.
6

Work & Co

work.co
https://work.co
Work & Co homepage at 1440×900: red top bar, black on white two-column editorial grid.

The "Latest" Vimeo embed shows a player error in the sandbox.

Work & Co full-page capture.

Scroll inside the frame.

What to steal

  • Red used exactly twice: a 6 px top bar and the logo block.
  • Two-column editorial grid: labels left, content right, one hairline between them.
  • Case-study-first: the second block on the page is already a project video.
7

Resend

resend.com
https://resend.com
Resend homepage at 1440×900: dark ground with a diagonal light sweep and a serif display headline.
Resend full-page capture.

Scroll inside the frame. Capped at 6000 px tall.

What to steal

  • Dark ground with a soft diagonal light-sweep instead of flat black.
  • ~88 px serif display headline against a plain grotesque body.
  • An announcement pill with a thin gradient border is the only colour; code blocks serve as imagery.
8

Raycast

raycast.com
https://www.raycast.com
Raycast homepage at 1440×900: dark UI with a diagonal red and black brushed gradient behind a centred headline.
Raycast full-page capture.

Scroll inside the frame. Capped at 6000 px tall.

What to steal

  • A huge diagonal brushed gradient behind a centred ~64 px headline.
  • The nav is a floating rounded panel with an inset border.
  • Dark mode built from layered gradients, borders and glows, not flat #000.
C

Bold single colour with motion

Tangerine as the ground rather than the accent: a full-field orange with white line-work and Montserrat set large, alternating with off-white or Almost Black sections, and motion that is structural rather than decorative. It is the highest-energy option and a deliberate departure from the kit's "accent, not fill" rule, so it would need to be recorded in BRAND.md.

9

Instrument

instrument.com
https://www.instrument.com
Instrument homepage at 1440×900: viewport-wide wordmark above an empty video container.

The hero is a video that could not render in the sandbox; see the live site.

Instrument full-page capture.

Scroll inside the frame. Stitched from scroll steps.

What to steal

  • The wordmark set at viewport width as the header.
  • One acid-yellow full-width block carries the manifesto: one saturated field per page, not per section.
  • A giant ~300 px grey display serif used as texture.
10

Locomotive

locomotive.ca
https://locomotive.ca
Locomotive homepage at 1440×900: red-tinted full-screen video with a cyan serif headline bottom-left.

Stitched; the sticky nav repeats at each 900 px seam.

Locomotive full-page capture.

Scroll inside the frame. Stitched from scroll steps.

What to steal

  • Two colours and nothing else: a red-tinted video field and a cyan serif headline.
  • The nav is one line of comma-separated links; the intro is a text-scramble into place.
  • Below the fold it goes white: an enormous serif client list with hairlines and reveal-only motion.
11

Razorpay Sprint 26

razorpay.com/sprint/26
https://razorpay.com/sprint/26
Razorpay Sprint 26 at 1440×900: electric-blue 3D scene with a wireframe sneaker and white line-work.

Scroll-hijacked WebGL scene; "full page" is seven stitched frames.

Razorpay Sprint 26: seven viewport frames stitched after successive scroll steps.

Scroll inside the frame. Seven viewport frames after successive wheel steps, not a real full-page capture.

What to steal

  • One electric blue owns everything; the scene, billboards and ground plane are blue plus white.
  • Scroll is hijacked into a camera move; a single pill is the only UI.
  • The closest preview of "Tangerine everywhere": one hue, white line-work, display type only on objects.
12

Jeton

jeton.com
https://www.jeton.com
Jeton homepage at 1440×900: solid orange-red field with a large white headline bottom-left.
Jeton full-page capture.

Scroll inside the frame. Capped at 6000 px tall.

What to steal

  • Solid orange-red field with white type; a ~120 px headline bottom-left in a rounded grotesque.
  • UI is white outline pills and a frosted bottom dock; the only dark element is Support.
  • Sections alternate the brand colour with white; every hero is one colour plus white.
13

Adko

adko.in
https://www.adko.in/
Adko homepage at 1440×900: off-white ground, one huge condensed black word centred, a fan of tilted work cards below.

Sent by Bhavya as a late addition. Overdone parts to leave: 91 MB of autoplay video, the 3D hero, body text in vw, no reduced-motion handling.

Adko full-page capture; video slots are blank because media was blocked.

Scroll inside the frame. Stitched from scroll steps with video requests blocked, so the video slots are blank.

What to steal

  • One yellow takeover band as the only colour on the page.
  • Three stacked sticky campaign cards, titles on solid plates.
  • Huge condensed display type over small body copy.