Stylepack

Fonts

The fonts rivian.com uses

rivian.com sets its headlines and body text in Adventure. Adventure is a licensed font the site serves itself. The closest free match on Google Fonts: Inter.

Measured from rivian.com 4 days ago.

Open the full design packDownload the pack

Font families

1 family
Adventure
Used for
h1, h2, body, label, button
Source
Self-hosted
Free alternative
Inter

CSS to reproduce it

Font variables with the free stand-in in the stack, so the same CSS works with or without the licensed font.

:root {
  --font-heading: "Adventure", "Inter", sans-serif; /* Inter stands in for Adventure */
  --font-body: "Adventure", "Inter", sans-serif; /* Inter stands in for Adventure */
  --font-size-base: 14px;
}

How the type is set

headline-displayQuick brown foxAdventure / 72px / 600 / lh 72px / -3px
headline-lgQuick brown foxAdventure / 72px / 600 / lh 72px / -1.8px
headline-mdQuick brown foxAdventure / 24px / 400 / lh 1.4
body-mdThe quick brown fox jumps over the lazy dogAdventure / 14px / 400 / lh 20px
label-mdThe quick brown fox jumps over the lazy dogAdventure / 16px / 400 / lh 24px
buttonThe quick brown fox jumps over the lazy dogAdventure / 14px / 600 / lh 16px / -0.14px
Font sizes in use
1011121416202432445672

For AI agents

The pack is plain text, no key: fetch DESIGN.md, or hand the whole pack to Claude Code, Cursor or Copilot with the MCP server.

curl -s https://stylepack.ai/packs/rivian.com/DESIGN.md

Questions

What font does rivian.com use?

rivian.com uses Adventure. Headlines are set in Adventure and body text in Adventure, measured from the site as it renders, not read from its stylesheet.

Is the rivian.com font free to use?

No. Adventure is a licensed font that rivian.com serves itself. The closest free match is Inter, available on Google Fonts. The CSS on this page puts it in the font stack as the stand-in.

How do I get the same typography as rivian.com in my project?

Download the rivian.com design pack from Stylepack: it holds the font stack, the type scale, every text style and the screenshots, in a form an AI coding agent such as Claude Code or Cursor can build from.