Screenshot of Rive

Rive

rive.app

The reference for a pure #000000 canvas where a wide-set technical display face ('Tomorrow') and a single Ignition Orange #ffa41c CTA carry the whole interface, with a full-bleed row of live animated use-case tiles as the proof.

Creative Tool flagship

Design tokens

background
surface
text
textMuted
accent
border
tone1
tone2
display
Inter
body
Tomorrow
mono

Do / Don't

Reference it for

  • True black #000000 background as the dominant canvas, not a dark grey, so animated content and the orange CTA pop
  • Wide-set technical display face (Tomorrow, uppercase, ~40px) for headlines to read as blueprint/engineering, paired with a neutral sans for body
  • A single warm accent (Ignition Orange #ffa41c) reserved only for the primary CTA, everything else monochrome
  • Two-CTA hero row: filled orange gradient primary button beside a dark outlined secondary with a small logo glyph
  • Centred hero stack: small letter-spaced wordmark, big two-line headline, muted grey subhead (#999999), CTA row, tiny status label under the buttons
  • Full-bleed horizontal scroller of labelled use-case tiles (AUTOMOTIVE, PRODUCT UI, GAME UI, MOBILE APPS, FILM + TV) as live-motion proof rather than static screenshots
  • Elevation by layered near-black surfaces (#111111, #1d1d1d, #262626) instead of shadows, giving a nested-hardware-panel feel
  • 8px corner radius across buttons, inputs and cards for a consistent precision-instrument geometry

Do not copy

  • The Rive 'R' logo mark and the RIVE wordmark
  • The exact Ignition Orange #ffa41c gradient button treatment as-is
  • The 'Tomorrow' typeface if you need a distinct identity (it is the literal Rive signature)
  • Product-specific claims (Spotify Wrapped, Duolingo, '2 billion users', 'AGENT NOW AVAILABLE')
  • The specific use-case tile artwork and their game/film thumbnails
  • 'The Interactive Experience Engine' headline line