Designing an interface with its own character

A request for a modern website often produces familiar patterns: a purple-blue gradient, rounded cards around everything and arbitrary spacing. A more personal interface starts with deliberate choices.

1. Choose type intentionally

Pick typefaces that carry the site's voice. This site pairs Bricolage Grotesque for the interface with Newsreader for longer reading and editorial details. Different roles matter more than adding more fonts.

2. Reduce gradients and shadows

Decoration works better when it has a purpose. Fine borders, a limited accent palette and a consistent spacing scale help organise content without surrounding every element with effects.

• Thin rules to separate sections
• Small, deliberate colour accents
• A spacing scale such as 4, 8, 12, 16, 24, 32 and 48

3. Use one icon family

Mismatched icons make an interface feel assembled from unrelated pieces. This site uses Lucide with restrained stroke weights.

4. Make movement respond

Motion is most useful as a response: a preview comes alive when approached, a control confirms an action, or a mascot joins a scroll. Respecting reduced-motion preferences is part of that design.

The goal is a site with character that still leaves room for its content.