120 of the best outline websites

Outline web design uses stroked rather than filled shapes, creating interfaces built from borders, wireframe-like elements, and hollow letterforms. This approach creates a lightweight, architectural feel where the structure of elements is visible without the visual weight of solid fills.

Browse collections

77 sites

29 sites

27 sites

24 sites

Get the best outline websites each week

Curated inspiration sent every Tuesday

Outline design FAQs

What visual effect does outline typography create?

Outline or stroked text feels lighter and more graphic than filled type, creating a distinctive display aesthetic. It works best at large sizes where the letterform structure remains legible, and pairs effectively with solid text for contrast and hierarchy.

How do designers use outline elements beyond typography?

Outlined buttons, card borders without fills, icon outlines, and wireframe-style illustrations all contribute to this style. The transparency of outline elements allows background colours and images to show through, creating layered compositions with a sense of depth and openness.