A race shop at night: a car on the lift under strip lights
Brand book · design system

Your garage, with a mechanic who’s read all of it.

Logos, colours, type and how we use them — for press, partners and anyone linking to GarageHub.

Photo: Quentin Martinez / Pexels
Color

Both themes are peers

Each chip is painted by the live token, light on the left and dark on the right; the hex values are read from the token package when this page is built. Compose the token — never the hex.

Brand

Identical in both themes. Red is the next action or a live state — never decoration, never a price, never a second button.

Racing Red--color-primary
Light
#DC2626
Dark
#DC2626
Red, pressed--color-primary-500
Light
#B91C1C
Dark
#B91C1C
Accent label--color-accent-eyebrow
Light
#B91C1C
Dark
#FCA5A5

Editorial grounds

The public site's four surface tones. Depth is a tone step plus a soft shadow, never an outline.

Ground--editorial-ground
Light
#F6F6F4
Dark
#0F0F12
Surface--editorial-surface
Light
#FFFFFF
Dark
#16161A
Raised--editorial-raised
Light
#EDEDEA
Dark
#1D1D22
Sunk--editorial-sunk
Light
#E7E7E3
Dark
#0A0A0C

Ink

A three-step ramp. Tertiary is the floor for anything a reader must read; on the lightest grounds small tertiary text is set a touch deeper so it clears 4.5:1.

Primary--text-primary
Light
#18181B
Dark
#FAFAFA
Secondary--text-secondary
Light
#52525B
Dark
#A1A1AA
Tertiary--text-tertiary
Light
#65656D
Dark
#94949D

Status

Never color alone — every status also says what it is (“Due now”, “Soon”, “OK”).

Success--color-green
Light
#107535
Dark
#22C55E
Warning--color-yellow
Light
#985404
Dark
#F59E0B
Error--color-red
Light
#C62020
Dark
#F58F8F
Info--color-blue
Light
#1658EA
Dark
#7EADF9
Typography

Say, operate, measure

Spectral says: headlines and long reads. Sofia Sans operates: interface, body, labels and buttons. Sofia Sans Condensed measures: mileage, intervals, prices. A face used outside its job is a bug.

display · Spectral 400 · fluid to 84px · lh 1Tacoma, 85k.
h1 · Spectral 500 · fluid to 56px · lh 1.06Service intervals
h2 · Spectral 500 · fluid to 40px · lh 1.1What’s due at 60,000
h3 · Spectral 500 · 24px · lh 1.2Rear differential fluid
lead · Sofia Sans 400 · 20px · lh 1.5Every job, part and receipt for every vehicle.
read · Sofia Sans 400 · 18px · lh 1.7Long-form body for Learn, held at 66 characters so a reader never loses the line.
body · Sofia Sans 400 · 16px · lh 1.6Interface text, cards and lists.
small · Sofia Sans 400 · 15px · lh 1.5Buttons and card copy.
meta · Sofia Sans 400 · 13px · lh 1.45Reviewed Sep 2026 · 8 min read
label · Sofia Sans 600 · 12px · lh 1.2Maintenance schedule
numeral · Sofia Sans Condensed 600 · fluid to 40px · lh 184,200 mi · $45.00
Cyrillic · Spectral · lang bgСмяна на маслото на 85 000 км
Cyrillic · Sofia Sans · lang ruЗамена масла каждые 8 000 км
Italic · the one headline emphasisSomething’s wrong with it, or you’re building it.
Imagery

Real machines, real product

Use
  • Credited stock photography of real garages, shops and engine bays, graded toward graphite, including people doing the work. The credit stays visible.
  • Genuine app screenshots, refreshed when the screen they show changes. Demo data is labelled.
  • Photography under a dark veil so type on it passes AA. It is the only surface that stays dark in both themes.
Never
  • Posed stock portraits, or people as decoration.
  • Mascots. The old garagebot mascot is retired and does not return.
  • Dealership gloss, device mockups or AI-generated images.
Press kit

About GarageHub

Copy-paste boilerplate for articles, roundups and directory listings.

Short

GarageHub is a vehicle maintenance app with Rev, a built-in AI mechanic that knows your specific cars, reads your service history, and tells you what to do next.

Standard

GarageHub is a maintenance and build tracker for people who work on their own vehicles. Its AI mechanic, Rev, answers repair questions in the context of your actual garage — service history, mileage, parts inventory — instead of generic forum advice. It diagnoses problems from photos, builds maintenance schedules for your exact model year, and turns them into reminders. Available on iOS, macOS, Android, and the web in 13 languages, free to start. Built by Dabanny LTD.

Fast facts
Product
Your garage, with Rev — an AI mechanic who’s read the file
Platforms
iOS, macOS, Android, Web
Languages
13
Pricing
Free tier + Premium subscription
Company
Dabanny LTD · Founder: Daniel Georgiev
Web
getgaragehub.com · app.getgaragehub.com

Media and partnership requests: .

See the system at work in the app.

Free for one vehicle. No card to start.

Start free