Allbirds

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. Prioritize Geograph for all body text, navigation, and button labels at its specified weights and sizes to maintain UI consistency. Use Self Modern 400 for all marketing headlines and display text to express brand elegance. Apply 1.67772e+07px radius to all interactive buttons and inputs for a soft, approachable feel, effectively making them pill-shaped. Utilize the color progression from White Linen (#ffffff) background to Charcoal Slate (#212121) buttons for clear contrast and hierarchy. Maintain a clear product focus by centering product imagery on clean backgrounds (White Linen, Muted Olive, or other Brand swatch colors). Avoid using box-shadows extensively; elevation is primarily achieved through background color shifts and subtle borders. Do not introduce sharp corners on primary interactive elements like buttons or input fields, as the pill-like radius is a signature brand element. Refrain from highly saturated or vibrant accent colors; the brand palette relies on muted, earthy tones and achromatic neutrals. Do not deviate from the established font families; Geograph and Self Modern provide a distinct dual-personality to the typography. Avoid using thin line-heights on body text; ensure readability with line-heights of 1.4 to 1.5 for optimal comfort.