A clean reference for the brand’s typography, color system, text styles, and effects.
Primary and accent typefaces used across the Web Impetus brand system.
Click any swatch to copy the hex code to your clipboard.
Reference styles for headings, body copy, labels, and UI text.
| Style Name | Specimen | Specs |
|---|---|---|
| Heading/H1 | Revenue. |
Hero main headline. Scale to ~44px on mobile.
|
| Heading/H1 Serif | Your revenue isn't. |
Payoff phrase in hero only. Set font style to Italic after creating.
|
| Heading/H2 | Section Heading |
All section titles. Scale to ~32px on mobile.
|
| Heading/H3 | Card Title or Sub-heading |
Card titles, FAQ questions, dropdown item names.
|
| Body/Large | Intro paragraph or hero subheadline text. |
Hero sub, section intros.
|
| Body/Default | Standard body copy for most paragraphs and descriptions. |
|
| Body/Small | Card descriptions, secondary body text and FAQ answers. |
|
| Body/XSmall | Fine print, small card labels, badge text. |
|
| Label/Eyebrow | What We Do |
Section eyebrow labels. Color: Neutral/Soft on light, Brand/Accent on dark.
|
| Label/Small | Badge text or pill label |
|
| Button/Primary | Get in Touch → |
Primary CTA buttons.
|
| Button/Secondary | See Our Work |
Secondary and outline buttons.
|
| Stat/Number | 65+ |
Homepage big stat numbers only (65+ Projects, 7+ Years, 40+ Businesses).
|
Reference shadows used across buttons, cards, and interface elements.