Web Design

Timeless Identity blog cards

A side-by-side comparison of light and dark mode card components, featuring a monochromatic stippled astronaut visual and clean, minimalist typography for a Berlin-based design studio.

A side-by-side comparison of light and dark mode card components, featuring a monochromatic stippled astronaut visual and clean, minimalist typography for a Berlin-based design studio.

About

A light/dark mode card comparison for Timeless Identity, a Berlin-based design studio. Same component, same stippled monochromatic astronaut illustration, same minimalist typography — set once against white, once against black.

Ava's own design work. The side-by-side format makes the comparison the subject, not just a technical deliverable. You're not just seeing two colour modes — you're seeing what the same decisions look like under different conditions.

What I Find Inspiring About This

The stippled astronaut was almost certainly built for dark first. Stipple illustration on black has a glow to it — the dots read as light emerging rather than marks on paper. On white it flips: the same image becomes more graphic, more print-like, the contrast working in the opposite direction.

Neither version is wrong. That's the thing a comparison like this makes visible. Dark mode isn't just an inverted palette — it's a different visual register, and a good illustration has to be designed knowing which one it's optimised for. This one holds in both, which means it was thought through.

Minimalist UI design that earns the word. Nothing added that doesn't contribute. The card works because the type hierarchy is clean enough that the illustration doesn't have to compete with anything else.

Continue exploring

Lovelo geometric inline display font cover by Renzler Design and Fontfabric — free for personal use
Remboy elegant serif font with swashes and ligatures by Alit Design — free for personal use
Delicious Handrawn playful handwritten font cover by Agung Rohmat — free on Google Fonts
Madimi One rounded sans serif font cover by Taurai Valerie Mtake and Mirko Velimirović — free on Google Fonts
Instrument Serif condensed display font cover by Rodrigo Fuenzalida — free on Google Fonts
Viaoda Libre display serif font cover by Gydient — free on Google Fonts
Righteous geometric sans serif font cover by Astigmatic — free for commercial use on Google Fonts
Rondure bold rounded display font cover by Ruari Smith — free for commercial use
Lovelo geometric inline display font cover by Renzler Design and Fontfabric — free for personal use
Delicious Handrawn playful handwritten font cover by Agung Rohmat — free on Google Fonts
Instrument Serif condensed display font cover by Rodrigo Fuenzalida — free on Google Fonts
Righteous geometric sans serif font cover by Astigmatic — free for commercial use on Google Fonts
Remboy elegant serif font with swashes and ligatures by Alit Design — free for personal use
Madimi One rounded sans serif font cover by Taurai Valerie Mtake and Mirko Velimirović — free on Google Fonts
Viaoda Libre display serif font cover by Gydient — free on Google Fonts
Rondure bold rounded display font cover by Ruari Smith — free for commercial use
Lovelo geometric inline display font cover by Renzler Design and Fontfabric — free for personal use
Righteous geometric sans serif font cover by Astigmatic — free for commercial use on Google Fonts
Viaoda Libre display serif font cover by Gydient — free on Google Fonts
Delicious Handrawn playful handwritten font cover by Agung Rohmat — free on Google Fonts
Remboy elegant serif font with swashes and ligatures by Alit Design — free for personal use
Rondure bold rounded display font cover by Ruari Smith — free for commercial use
Instrument Serif condensed display font cover by Rodrigo Fuenzalida — free on Google Fonts
Madimi One rounded sans serif font cover by Taurai Valerie Mtake and Mirko Velimirović — free on Google Fonts