Typoscale
Save Your Eyes
Scale
50
📥
Import
▾
First time? Download a template:
⬇ Type Scale template (CSV)
⬇ Themes template (CSV)
⬇ CSS variables template
Export ↗
Scale
50
Aa
Type
◑
Style
⧉
Colours
⊞
Themes
↗
Export
Article
Cards
UI
Scale Table
Type Scale
+ Add
Reset
✕
Style
✕
Mode Presets
🌙 Dark
☀️ Light
📜 Sepia
Palette — tap to edit
Contrast Ratio
—
Dim Text Opacity
68%
Backdrop Blur
0px
Surface Opacity
100%
Border Radius
8px
Shadow Depth
30%
Colours
Recalc
✕
Themes
📥 Load
✕
No themes loaded yet. Import a
themes.csv
or
.css
file to see palettes here.
Export
✕
Format
CSS Vars
JSON
Tailwind
Type CSV
Themes CSS
📋 Copy
⬇ Download
⬇ Themes CSV
Pick colour
Tap to open picker
Hex value
Cancel
Apply