Style · collection

Big Type web design

13 curated big type sites, shown as our own renders. Click any one to decode it — pull the palette, measure the spacing, or install its shadcn theme.

What to look for. Display sizes past 80px, often as the only image on the page. The tell of a confident scale is that the small text still holds up next to it.

Pranksy website design (Light, Big Type, Type-Based, Illustrative, Motion) Pranksy pranksy.io Decode Pale sage and brick red, with the display face outlined rather than filled, so the biggest thing on the page is a drawing of type instead of a slab of colour. Three faces do the whole job: a heavy condensed wordmark, a hand-drawn marker at marquee scale that never stops moving, and a small letterspaced sans for the labels. The homepage is three moves and a footer, which takes more confidence than another section would. EntertainmentCompanyCustom CodeLightBig TypeType-BasedIllustrativeMotion
Velour Productions website design (Dark, Big Type, Type-Based) Velour Productions velourproductions.com Decode Cream condensed caps at fold-filling scale on near-black, with film stills tucked into the gaps between the letters rather than laid out beside them. A mono caption row runs underneath like a slate, and orange is held back entirely for the mark and the closing panel, where the studio name fills the screen. VideoCompanyCustom CodeDarkBig TypeType-Based
HyperSuit website design (Dark, Big Type, Minimal) HyperSuit hypersuit.com Decode Near-black with one electric blue, photography bled to the edge, and mono telemetry ticking along the bottom of the fold like a readout. The feature row underneath is line icons and two lines each, which is what lets the hero stay as loud as it is. HardwareProductCustom CodeDarkBig TypeMinimal
Dominik Kostolnik website design (Dark, Big Type, Motion) Dominik Kostolnik dkton.at Decode Condensed caps at full-bleed scale in amber on black, with an equaliser of rounded bars standing in for the work itself. Video stills are sliced into vertical strips like a waveform, and the section titles block in magenta and yellow behind the type. It opens on a gate you have to push through, which is the rare case where the splash screen is the point. VideoPortfolioCustom CodeDarkBig TypeMotion
Don't Look Up website design (Illustrative, Big Type, B&W, Motion) Don't Look Up www.dontlookup.app Decode Pencil-line figures at ant scale under two enormous shoes, the whole thing black on bone white with one red line marking what the crowd will carry. A fat comic display face shouts the title while the crowd mutters in speech bubbles, and the only other colour that ever arrives is the yellow of someone who has just noticed your fee. EntertainmentProductCustom CodeIllustrativeBig TypeB&WMotion
yank.info website design (Big Type, Colorful, Type-Based) yank.info yank.info Decode Cream paper, a yellow highlighter swipe behind the second line of the headline, and a hard black shadow under the input: a summarizer that looks like a marked-up page instead of a chat box. The proof sits right under the fold as red quote cards. ProductivityCompanyCustom CodeBig TypeColorfulType-Based
Playback website design (Minimal, Big Type, Type-Based) Playback playback.tv Decode A paste-a-link hero with the product demonstrating itself directly underneath: two clips side by side, scrubber and all. One red carries the second half of the headline and every action, everything else is black on white, and a handwriting face marks the human asides. VideoCompanyCustom CodeMinimalBig TypeType-Based
Electronic Materials Office website design (Big Type, Minimal, Motion) Electronic Materials Office electronicmaterialsoffice.com Decode Sells hardware by switching the lights off: a near-black page where photography of the product is the only illustration, a serif display line over a light grotesque, and the single saturated colour on screen saved for one glowing Reserve button. 26,000px of scroll and twelve inline videos, and not one stock graphic. HardwareCompanyCustom CodeBig TypeMinimalMotion
Gyre website design (Dark, Big Type, Type-Based) ★ Design of the Week Gyre gyre.pro Decode Condensed uppercase display type at poster scale on pure black, one hot pink accent carrying every action, and a fur-rendered 3D mark doing the job an illustration usually does. A streaming tool that looks like a record sleeve instead of a dashboard. VideoCompanyCustom CodeDarkBig TypeType-Based
Mr.Day website design (Big Type, Colorful, Illustrative) Mr.Day mrday.it Decode Marquee strips of heavy display type alternate with cut-out product shots, so the page scrolls like a moving poster — orange and cyan carry the brand while a “level up” gaming motif runs through the copy. Food & BeverageCompanyWordPressBig TypeColorfulIllustrative
Pranksters.com website design (Dark, Big Type, Illustrative) Pranksters.com pranksters.com Decode A near-black stage lit by a single red: highlight blocks set behind the headline, one red primary button, and character art holding the entire right half of the fold. EntertainmentProductCustom CodeDarkBig TypeIllustrative
Pitch website design (Colorful, Big Type, Motion) Pitch pitch.com Decode Presentation software that presents itself: bold type, vivid color blocks, and motion that mimics a live deck. ProductivityCompanyCustom CodeColorfulBig TypeMotion
Superhuman website design (Big Type, Minimal, Gradient) Superhuman superhuman.com Decode Speed sold through restraint: a confident type-led hero and snappy micro-interactions that reinforce the pitch. ProductivityCompanyCustom CodeBig TypeMinimalGradient

Also in these collections

Other axes these sites overlap with, ranked by how many they share.

Other style collections

← Every collection · the whole showcase