The same Mise content, set four ways. Tap a typeface to swap every specimen on this page — the phone, the type scale, the numbers, and the buttons all change together so you're comparing like for like.
01 — In context
Type never reads the same in a specimen as it does in a product. This is a live Mise screen at true mobile width — cream field, herb green frame, turmeric at roughly ten percent.
What to watch for
02 — Type scale
One content block at every level in the Mise scale. Sizes are fixed across all four typefaces so any difference you see is the face itself, not the setting.
03 — Numerals
Mise leans on figures everywhere: calendar dates, distances, shift times, pay. All numerals below are set tabular so columns line up.
| S | M | T | W | T | F | S |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 |
04 — Controls
Button labels are the most weight-sensitive type in the app — short strings, semibold, often reversed out of herb green or turmeric.
Primary · 16px
Secondary · 14px
Chips & badges · 13px
05 — Side by side
The switcher above shows each face in full. This is the direct comparison — identical strings, identical sizes, four columns.
06 — Read
Trade-offs in plain terms, for the conversation with the client.