Allbirds

# Allbirds — Style Reference
> Soft Natural Palette. Like hand-woven textiles and smoothed river stones.
Theme: light

Allbirds presents a natural, approachable e-commerce experience. Soft neutrals and muted chromatic colors provide a calming backdrop for product-focused layouts. The combination of a friendly sans-serif with a distinctive serif for headlines creates a balance of modern utility and understated elegance. Key elements like buttons and inputs feature large, almost pill-like border radii, contributing to an overall soft and inviting touch.

## Colors
| Name | Value | Role |
|------|-------|------|
| Black Ink | `#000000` | Primary text, brand accents, button text on light backgrounds, borders. |
| White Linen | `#ffffff` | Page backgrounds, card surfaces, button backgrounds, text on dark backgrounds. |
| Charcoal Slate | `#212121` | Secondary text, dark button backgrounds, navigation elements, subtle borders. |
| Warm Mist | `#e0dacf` | Subtle section backgrounds, atmospheric accents maintaining a light theme. |
| Storm Gray | `#525252` | Muted secondary text, outlines, and subtle shadows. |
| Muted Olive | `#222519` | Background for specific product sections, offering slight earthy contrast. |
| Desert Clay | `#a57e75` | Product background swatches, indicating natural tones. |
| Sky Dust | `#879aab` | Product background swatches, introducing a cool, soft hue. |
| Sandstone Tan | `#d1b0a4` | Product background swatches, a light, earthy neutral. |
| Sunlit Ochre | `#9e8949` | Product background swatches, a warm and inviting accent. |

## Typography
| Family | Role |
|--------|------|
| Geograph | Primary UI font for body text, navigation, buttons, and general informational display. Its clean geometric shape ensures readability across various sizes, anchoring the user interface. |
| Self Modern | Used for distinctive, editorial-style headlines and display text, particularly 'Bold By Nature'. Its traditional serif form provides a contrast to the sans-serif, adding a touch of sophisticated naturalism. |
| HurmeGeometricSans3-Regular | Limited use, primarily for specific button text where a slightly more open, geometric feel is desired, reinforcing the modern and clean aesthetic. |