Marvin Schwaibold
@MSchwaibold • 16,047 subscribers
@Shopify Product Design Studio, previously co-founder of Molly (acq by Shopify)
Shorts
Videos
A German tweeting about grids … oh well here goes nothing: Every component here follows a very simple and layered grid structure. First 8px base grid. I set that up as tightly as possible to allow for max flexibility later. 24px radius + Inset 24px Second padding (safe space) and content areas showing how things are grouped together. Then the structure with text hierarchy, image placeholders and controls, followed by the actual font sizes and weights used in each component. I’m only using two font families (Inter and Baskerville) and a max of three font weights and sizes per component (very important for visual hierarchy) Those are the basics but those constraints will get you pretty far and LLM is good at maintaining those consistently as it builds out more components on the fly.
Marvin Schwaibold98,212 次观看 • 7 天前
没有更多内容可加载