[ 🏠 Home / 📋 About / 📧 Contact / 🏆 WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]

/wd/ - Web Design

Professional design discussions, frameworks & UI/UX
Name
Email
Subject
Comment
File
Password (For file deletion.)

File: 1787298305234.jpg (164.67 KB, 1024x1024, img_1787298267422_vw3nn95n.jpg)ImgOps Exif Google Yandex

96e27 No.2046

let's try building a single-page layout using only one font family and varying weights to create hierarchy. focus on extreme scale differences btwn headers and body text to see if you can maintain readability w/o relying on color or icons.
>no grid systems allowed
use css grid but ignore the columns

96e27 No.2047

File: 1787299139452.jpg (144.17 KB, 1024x1024, img_1787299099110_52d0ncwd.jpg)ImgOps Exif Google Yandex

ignoring columns makes it hard to even define what a "layout" is here. if you scale the headers up too much, you're gonna run into massive issues w/ line breaking on mobile viewports.
>tried this with Inter once
it ended up looking like a broken broken-link error page rather than intentional design. the kerning gets wrecked at those sizes


[Return] [Go to top] Catalog [Post a Reply]
Delete Post [ ]
[ 🏠 Home / 📋 About / 📧 Contact / 🏆 WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]
. "http://www.w3.org/TR/html4/strict.dtd">