Curated inspiration sent every Tuesday
Unsubscribe at any time
Partly as a reaction to the overly polished flat design era. Noise adds a sense of craft and materiality — it makes digital surfaces feel handmade and tangible. It also references print, photography, and analogue media in a way that feels culturally resonant.
CSS noise using SVG filters is lightweight and performant. A semi-transparent PNG noise overlay is simpler to implement. For animated noise, canvas-based approaches work but require more careful performance management.
Notable examples include Clarasight, Tavus, Sendr, MonoDesk and Cartesia Sonic-3. These are just a few of the 23 noisey landing websites in this collection, each selected for strong visual design and execution.
Frequently used typefaces include Inter, Geist, Geist Mono and Suisse. Typography plays a key role in defining the noisey aesthetic across these landing websites.
