Expressive

Interface

Typography

Writing

Editorial

Stronger UX with Smarter Typography - Pimp my Type

Cheat Sheet: Adding Math Notation To Markdown

home - Typography & Graphic Communication

<n>Time to Change</n>, a typographic concept for the <n>Apple Watch</n> by designer <n>Sergei Gurov</n>, 2019.

Web Typography: Using The Golden Ratio and REM's - Greg Rickaby

March 2019 event calendar for Melbourne-based dance company <n>Lucy Guerin Inc</n>.

Promotional poster "<n>Blow it</n>" by designer <n>Karol Gadzala</n> from a series created in July 2015.

<n>NEW RENAIS_SANS</n>, a typeface by <n>Elia Bozzato</n> for the <n>36 Days of Type</n> challenge.

Vector Blender | Figma

Poster by <n>Philippe Apeloig</n> for the <n>Wim Crouwel: A Graphic Odyssey</n> exhibition at London's <n>Design Museum</n>.

Supported Functions · KaTeX

# **Reader's Right: Preferences and Light Modes**



It’s important to note that we’re not just reversing the colors. We’re selecting a palette that will work and be accessible in either mode. We’re also making a couple of small typographic adjustments.



As screen **quality** and text rendering has improved, it’s become more and more noticeable that text will appear a little bolder when shown light on a dark background versus the other way round.



So when we activate the ‘dark’ mode, we also lessen the font-weight just a tad, and add just a tiny bit of letter-spacing. It’s a very small amount, but it is noticeable—and adding just a touch more spacing between characters does improve legibility a bit and help preserve overall spacing. If we didn’t do both, you’d end up with text reflow that might feel a bit jarring too.

Manual: math fonts

Expressive Fonts: Past, present, and future

The 62.5% Font Size Trick | Aleksandr Hovhannisyan

5 Formatting Techniques for Long-Form Content

<n>Distortional Amplitude Diffusion Blaster 04 Type Bold</n> poster by <n>Evlogiev</n>, 2020.

Label design for the <n>Wick</n> N. 5 Over The Sea candle.

The <n>Cartograph</n> font, designed by <n>Connary Fagen</n>.

How Custom Fonts Empower Brands

Poster for the 1957 <n>Juni-Festwochen Zürich</n> festival, designed by <n>Josef Müller-Brockmann</n>.

Words of Type | Encyclopedia

Responsive Typography: The Basics

Web Typography: Designing Tables to be Read, Not Looked At

Visual by <n>Seth Eckert</n> for the <n>BB Strata Pro</n> typeface, designed by <n>Bold Studio</n>.

The <n>Autobahn neomatik 41 date</n> watch by <n>NOMOS Glashütte</n>.