Brand guidelines · v1 · October 2026

Everything you need
to build like RushFi.

The logo, the colours, the type, the zebra print, the rocket and the motion rules — one page for people, one file for AI.

02 · Colour

Cream ground, ink type, one blue.

Flat fields, hairline borders, no gradients. Blue marks the point — once per element. Decline and approved colours live only inside data. Tap any swatch to copy its value.

Grounds

Ink & text

Accent

Data only

03 · Type

A Book serif, a quiet sans, a mono for labels.

P22 Mackinac carries every headline and figure — Book for the hero, Medium everywhere else. Inter does the reading. Geist Mono does the labels, kickers and window URLs.

P22 Mackinac · Book 400 · hero

Funding in 24 hours.
Not 24 days.

P22 Mackinac · Medium 500 · sections

One application. Every lender.

The explanation continues in the grey serif lede, 500 at 24px, ghost grey.

Inter · 400 · ledes and body

Apply in minutes. Compare real offers. Get funded as soon as tomorrow.

Body copy is Inter at 15px with a 1.6 line-height, colour #5E5C57, max-width 470. Emphasis is ink, or blue — never bold. Buttons are Inter 15px at weight 400.

Geist Mono · 10.5px · uppercase · .1em

Business funding

Approved — 3 offers in

rushfi.co/offers

Hero H1P22 Mackinac Book 40050–64px · lh 1.06 · ls −0.012em
Section H2P22 Mackinac Medium 50044–52px · lh 1.1 · blue second sentence
Card titlesP22 Mackinac Medium 50019–20px · lh 1.3
Big figuresP22 Mackinac Medium 50036–96px · ls −0.02em
Grey serif ledeP22 Mackinac Medium 50022–25px · lh 1.28 · #9A9791
LedeInter 40016.5–18.5px · lh 1.55 · #55534E
BodyInter 40015px · lh 1.6 · #5E5C57 · max 470
ButtonsInter 40015px · lh 1 — never Medium
NavInter 40012px · rgba(18,16,16,.78)
Mono labelsGeist Mono 40010.5px · uppercase · ls .1em · #8A8783

P22 Mackinac

Book 400 + Medium 500 · licensed webfont (P22 Type Foundry)

/fonts/mackinac-book.woff2 · /fonts/mackinac-medium.woff2

Inter

400 + 500 · Google Fonts

fonts.google.com/specimen/Inter

Geist Mono

400 + 500 · Google Fonts

fonts.google.com/specimen/Geist+Mono

04 · The zebra print

The site’s one texture, in five colourways.

Seventeen organic stripes, rotated −18°, at 5–11% opacity. Always clipped by the band or box it fills. Text that must sit on it goes in a white card.

LavenderHero panel · results heroes#EEEDFE ground · #3A33F2 at 0.09
Lavender strongThe apply band · offer band#EEEDFE ground · #3A33F2 at 0.11
GreyHow-it-works band · review walls#FAF8F3 ground · #121010 at 0.05
Grey bandA bolder grey band, masked off the text column#F2F0EA ground · #121010 at 0.05
DarkThe dark hero container only — white type on it#121010 ground · #FFFFFF at 0.07
  • In code: the parent gets position: relative; overflow: hidden, the print is absolute inset: 0, content sits at z-index: 1.
  • Never two zebra bands of the same colour in a row; a white band always separates a lavender band from a grey one. Never above .11.
  • The print is generated, not drawn: use the ZebraPrint component or the path in the LLM file. Do not redraw it.

05 · The rocket

The mascot is pixel art. Always.

The same rocket as the logo mark: blue hull, porthole windows, an exhaust trail that breaks into loose pixels. Placed from the files, never redrawn — crisp edges, no smoothing, no badges, no shadows.

  • Sizes 56–120px on pages. It always points up and to the right — forward is up-right.
  • Motion: a 1.6s idle hover (2px bob) with the exhaust flickering; one launch up-right after a form step is completed. Nothing under reduced motion.
  • The exhaust colour is the only place Exhaust lavender appears next to the logo.
The RushFi rocket

06 · Components

Windows, pills, cards. Used as-is.

Every element below is a named class in components/site and app/(site)/site.css. Buttons are ink or soft. Product lives in white windows. Text on a print lives in a white card.

Buttons

Apply nowSee how it works ↓Learn more

Button card · the hero

Check my offersSee how it works ↓

Chips

RestaurantsSalons & spasConstruction+ every industry

Black pill

› Soft credit check only. Your score never moves.

Window

rushfi.co/offers

Your offers

3 offers in

LenderAmountTermFactorPayment
Lender A$85,0009 mo1.32$545/day
Lender B$120,00012 mo1.29$618/day
Lender C$100,00010 mo1.35$643/day

Best fit: $120,000 over 12 months. Funded as soon as tomorrow.

Dark cards — the process steps

01

Apply in 5 minutes

One short application. Soft pull only.

02

Compare real offers

Lenders compete. You see every term up front.

03

Get funded

Sign, and the money lands as soon as tomorrow.

Quote

“

Real customer quote goes here — one sentence, serif, no exclamation marks.

Name · Business

07 · Motion

Motion lives in windows. Sections only fade once.

This is the offers loop, live.

Match“Matching lenders…” with a pulsing blue dot0.85s
ArriveEach offer row slides in, one every 850ms0.3s
MarkThe best fit gets the one blue mark + the foot line0.85s
HoldFinished frame holds, then the loop restarts3.4s

Blue marks what RushFi picked — never just “good”. Windows never grow while they animate. Reduced motion gets the finished frame.

rushfi.co/offers

Your offers

3 offers in

LenderAmountTermFactorPayment
Lender A$85,0009 mo1.32$545/day
Lender B$120,00012 mo1.29$618/day
Lender C$100,00010 mo1.35$643/day

Best fit: $120,000 over 12 months. Funded as soon as tomorrow.

08 · For AI

The brand LLM file.

One markdown file with every token, font, the zebra print recipe, the component CSS and the motion timings — precise enough for an AI to rebuild a RushFi page on the fly.

rushfi.co/brand/rushfi-brand.md