03
Typography is visual tone of voice: it shapes how people feel our words before they read them. Stanzegic Grotesk gives headlines weight and personality. Montserrat handles reading and numbers. Together they show a Squad22 that is direct, senior and free of ornament.
Aa Bb Cc Dd
Stanzegic Grotesk
Bold
Headlines, calls and openers
Aa Bb Cc 22
Montserrat
ExtraBold
Large numbers and supporting headlines
Aa Bb Cc 22
Montserrat
Bold and SemiBold
Body text, labels and buttons
Stanzegic Grotesk is never used for numbers. Every digit, even inside headlines, is set in Montserrat ExtraBold.
Campaigns use Stanzegic Grotesk large, with tight leading and tight tracking. Montserrat Bold goes in the subhead and SemiBold in the body.
The period can take the highlight color. Never use all caps: the strength comes from size and weight.
We kill bad
ideas early.
Headline
Hard questions up front, while changing course is still simple.
Stanzegic Grotesk Bold
Subhead
Montserrat Bold
Body
Montserrat SemiBold
Digital projects usually break at the brief, long before the code. That's why we validate before the first line.
Tight tracking, letters almost touching.
Built and live.
Stanzegic Grotesk is the headline typeface.
For large headlines, use tracking between -3% and -6% and leading between 85% and 95%.
Always in sentence case: only the first letter capitalized. Check that ascenders and descenders don't collide.
Tracking -5%: reduces manual kerning.
From brief
to live.
Built, shipped
and billing.
Headline
Stanzegic Grotesk Bold
Leading 95%
Tracking -4%
Subhead
Montserrat Bold
Leading auto
Tracking 0
Body
Montserrat SemiBold
Leading 145%
Tracking 0
Five live cases, from brief to post-launch
Scaelife, Norlu, Covered, IDTR and Wieldy: websites, apps and systems for companies in Brazil, the US and Europe.
From first test
to post-launch.
Use Stanzegic Grotesk in sentence case for everyday headlines, in pieces, presentations and on the website.
Color highlights guide the eye to what matters. On light backgrounds, the highlight is rose or signal blue, depending on the post's color. On dark, turquoise. Whole headlines can use signal blue.
Always check that ascenders and descenders don't touch.
Highlight: the end of the sentence changes color. One color per headline.
The keys are yours.
It can be one word or the end of the sentence.
Number typeface
Large numbers use Montserrat ExtraBold. Montserrat's open figures read better than Stanzegic at giant sizes and give data its rhythm.
Use tracking between -6% and -8%. The unit (%, NPS, days) sits smaller beside it, in Stanzegic. Fixed rule: Stanzegic never sets digits, not even inside a headline.
05
live cases
Brazilian team, products
that run worldwide.
H1
Stanzegic Grotesk Bold
Leading 100%
Tracking -4%
H2
Montserrat Bold
Leading auto
Body
Montserrat SemiBold
18 to 20 px on desktop, 16 px on mobile
A senior team that designs, builds and ships
Punctuation
The website decides case by case. Short headlines can end without a period.
Websites, apps and systems for companies in Brazil, the US and Europe.
We kill bad
ideas early.
Headline
Montserrat ExtraBold
Leading 95%
Tracking -3%
Subhead
Montserrat Bold
Body
Montserrat SemiBold
Note
In Canva, don't color the period. Apply the color to the last word.
From brief to live
When Stanzegic Grotesk isn't in the Canva brand kit, use Montserrat ExtraBold for headlines.
Aa Bb Cc 22
Arial
Black
Bold
Arial is the everyday backup when brand fonts aren't available: PowerPoint, Google Docs and shared files.
Apply the same tracking and leading rules from page 34 and adjust by hand when needed.
The presentation template is already set up, so most people won't need to touch this.
Arial isn't installed in this Figma file, so the sample shows Montserrat. In office tools, use Arial.
01
Data and numbers
Arial Black
Tracking -4%
Headline
Arial Bold
Tracking -3%
Leading 95%
Body
Hard questions up front,
while change is still simple.
Arial Bold
Tracking normal
Leading 130%
Digital projects usually break at the brief, long before the code.
Arial isn't installed in this Figma file, so the sample shows Montserrat. In office tools, use Arial.
Clear, consistent calls drive action. Every button uses Montserrat Bold in sentence case, with equal padding on both sides.
In Canva and on social media, the same rule applies with Montserrat ExtraBold.
Use the approved combinations: white on signal blue, white on nocturne, nocturne on turquoise and turquoise on nocturne. Outlines only on dark backgrounds.
Button copy is two to four words.
next section
04 Graphics