Brand
Brand Guidelines
Everything you need to represent AutoSmoke correctly. Download assets, grab color values, and follow our usage guidelines.
Logo
Icon mark & wordmark
Icon mark — light
Icon mark — dark
AutoSmoke
Wordmark — light
AutoSmoke
Wordmark — dark
Colors
Brand palette
Primary Teal
Teal 800
Teal 950
White
Typography
Typefaces & weights
Body
Outfit
Used for body text, UI labels, and navigation. Clean and geometric with excellent legibility at all sizes.
RegularMediumSemiboldBold
Headings
Source Serif 4
Used for page headings and hero titles. A modern serif that adds editorial weight and contrast.
SemiboldBold
Code
JetBrains Mono
Used for code snippets, technical values, and monospaced content. Distinctive and highly readable.
Regular
Usage
Do's & don'ts
Do
- Use the official brand colors
- Maintain clear space around the logo
- Use on solid, uncluttered backgrounds
- Keep the logo proportions intact
Don't
- Stretch or distort the logo
- Change the brand colors
- Add drop shadows, outlines, or effects
- Place on busy or low-contrast backgrounds