Skip to preview
TypoGraashyv3
— × — —
Context Presets
Current Heading
Current Body
Heading Font
200 fonts in 11 categories
Size & Spacing
3.2rem51px
1.15
0em
0em
Body Font
200 fonts in 11 categories
Size & Spacing
1.05rem17px
1.7
0em
0em
20px
Heading — Nav Brand · H1 · Card Title
#
—
Body — Paragraphs · Nav Links · Input
#
—
Muted — Labels · Subtitle · Placeholder
#
—
Background
#
background
Accent
#
accent
Button / CTA Color
#
button
WCAG 2.1 Accessibility Score
—
Switch to this tab after adjusting settings
Colour Contrast — Live Preview
Heading on Background
—
The Quiet Grammar Aa Bb Cc 123
— :1 ratio —
Body Text on Background
—
Typography is the craft of arranging type to make written language legible and readable.
— :1 ratio —
Subtitle on Background
—
How letterforms shape thought and meaning.
— :1 ratio —
Font Sizes
Readability
Use Case Fit
⚠ A Personal Access Token is required
The Figma REST API requires a token for every request — even for public "anyone with link" files. This is a Figma platform requirement, not a bug.
1
Get your Figma token
Open figma.com/settings → Personal access tokens → Generate new token → copy it. Figma shows it only once.
🔒 Sent only to api.figma.com — never stored.
2
Paste your Figma URL
Copy the URL from your browser while the file is open. For one frame: right-click it in Figma → Copy link.
3
Run analysis
Extracts fonts, colours, and WCAG contrast scores from your Figma file.
Fonts detected
Colours
Accessibility — contrast pairs
Preview
© 2026 Built by Raashi Bhandari · raashibhandari@gmail.com · Corrections & improvements welcome