Fluid Typography + `color-scheme`
0
Design Systems Specialist
UI Designer
CSS
CSS3
HTML5
Living typography guidelines originating from a client hand-off.
Utilizes:
light-dark() with color-scheme:has() to toggle style-specific settings (only hyphenation for now)Utopia for fluid type settings
Like this project
0
Posted Dec 1, 2024
Web typography hand-off using the light-dark() color function with color-scheme to swap between light and dark mode to preview size and contrast details.
Likes
0
Views
0
Tags
Design Systems Specialist
UI Designer
CSS
CSS3
HTML5
![Rally [Component System]](https://media.contra.com/image/upload/ar_1.333,c_fill,f_avif,h_240,q_auto:good,w_320/a6zgri33qayxvoel1voh)
Rally [Component System]
Imaginable Futures
Responsive Grid Cards
Synthesis