Improving a Smooth Directory

Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus.

Overview

Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat.

• Consistent spacing and typography.
• Reusable components with limited variants.
• Neutral palette with one accent.

Key points

Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi.

Phasellus ullamcorper ipsum rutrum nunc. Nunc nonummy metus. Vestibulum volutpat pretium libero.

Internal notes

Details

Nam adipiscing. Vestibulum eu odio. Donec mollis hendrerit risus. Phasellus nec sem in justo pellentesque facilisis.

1. Validate in a kitchen-sink page.
2. Create patterns (directory list, grid, filters).
3. Define your tokens (radius, shadows, type scale).
4. Lock canonical components (card, list row, button).

What we changed

Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue.