style × type · collection
Type-Based × Company
5 sites that are both. Each axis has its own page too: Type-Based and Company.
Type-Based. Typography is the interface. Font choice, weight pairing and line length are doing the job a photo would do elsewhere.
Company. Company sites: the front door, built to explain and convince. The best ones keep a product-grade design system behind marketing-grade copy.
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. 
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. 
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. 
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. 
★ 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. Other pairs
Our own render · scroll it, or use ← → for the next site