Short (one-liner)
- 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.
Public Brand Kit
Download the logo lockup and app icon, reference the live color and typography tokens, and follow the usage rules from the GarageHub design language.
Copy-paste boilerplate for articles, roundups, and directory listings.
Use these files for product press, partner pages, and social visuals.
The primary mark: icon + wordmark. The wordmark adapts to its background โ white on dark, near-black on light. The red never changes.
The icon-only mark. Reads on any background โ use it wherever the lockup won't fit.
Raster export set for web favicons and platform integrations.
Light and dark are first-class peers. Brand red and status hues hold constant; surfaces, text, and hairlines flip. Compose the token โ never the hex.
Constant in both themes.
--color-primary--color-primary-500Use for small white-on-red โ 6.47:1 vs primary's 4.83:1.
--color-primary-100The "Instrument Cluster" tier system. In light, page/pane/card all collapse to white โ separate them with --ui-deep plus a hairline, never a shadow.
--ui-app--ui-card--ui-deep--ui-railHairlines are decoration โ never the sole conveyor of a required boundary.
--text-primary--text-secondary--text-tertiary--border-subtle--border-strongerGreen is success only. Status hues darken in light to hold contrast on paper.
--color-green--color-yellow--color-red--color-blueExactly two fonts. Barlow Condensed for display, Inter for everything else โ including every figure.
TRACK EVERY BUILD.
Display font, weight 700, uppercase. Owns H1s, vehicle names, section titles, and big editorial numerals.
Clean body text for labels, forms, and long descriptions.
Text font. Owns eyebrows, body, labels, and buttons across mobile and web.
Odometer 145,320 mi | VIN 1HGCM82633A004352
Inter with tabular-nums carries mileage, VINs, parts, and technical values. There is no monospace face in the system.
Keep the GarageHub identity sharp and consistent.
--color-primary-500) for small white-on-red text.--ui-*, --text-*, and --border-* instead.GarageHub Brand Kit is public and versioned. For media or partnership requests, contact .