Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- Gray page dominated by an enormous black abstract rounded wordmark; beneath it a slim list/grid pill and search flank wide pale rounded category rows with count pills.
- Type
- Extremely heavy, tightly fitted sculptural black wordmark contrasts with regular uppercase sans row labels.
- Color and surface
- Gray field, pale gray rows, black text and thin outlines.
- Components
- Giant wordmark, compact pill controls and stacked rounded category rows with counts.
What makes it work
- Sculptural oversized black wordmark
- pale rounded rows
- outlined count pills
On a new subjectFor a public plant index, use a giant sculptural black wordmark over broad pale rounded category rows with outlined counts.
Measured
Fonts loadedUncutSansWeb
H124.48px / 400
Body text24.48px
Page backgroundtransparent
Text color#020203
Page height1,652px
Computed CSS at 1440px, 2026-10-24.
Live behavior
- Today
- Uncut is a type catalogue with an oversized black wordmark cropped across the top of a light gray desktop field. Beneath it, outlined pill controls show Grid, List, and Search, followed by four broad rounded gray category rows: Sans Serif, Serif, Monospace, and Display, each paired with a count in an outlined oval. At the desktop scroll position the lower rows remain visible above a centered help pill, submit-a-font prompt, and large underlined Instagram/Email links. The tablet and phone captures keep the same sequence in a narrower single column; the giant wordmark is more heavily cropped on phone.
- Responsive
- At 1440×1000 the wordmark spans almost the full top width, Grid/List are left aligned, Search is right aligned, and category rows run nearly edge to edge. At 768×1024 and 390×844 the wordmark remains oversized and clipped, Grid/List are absent from the visible layout, Search is centered above the category rows, and the rows stack full width. The narrower captures reveal the help and submission area below the rows. These samples do not determine exact breakpoints.
- Scroll
- The desktop-scroll state records actual scrollY=652 in a 1440×1652 document. It shows the lower catalogue rows, a centered “How can I help?” pill, a “Submit a font” prompt, large underlined Instagram and Email links, and small privacy/terms footer text. One scroll position does not establish fixed behavior or test these controls.
