Glossier

Glossier's visual style is a 'modern classic' — grounded in a stark, high-contrast black and white palette, then infused with bursts of vibrant, youthful color. The interplay of minimalist typography and photography, punctuated by a signature vivid yellow, creates an aspirational yet approachable feel. Sharp rectangular forms dominate the layout, establishing a sense of order, softened slightly by the inviting warmth of the product imagery. Maintain a primary color palette of Ink (#000000) for text and Snow (#FFFFFF) for backgrounds to ensure high contrast and readability. Utilize Apercu for all text elements; vary weights (400, 500, 700) and sizes (12px, 14px, 16px, 20px, 32px) to establish clear hierarchy. Apply precise letter-spacing adjustments to Apercu typography: 0.002em at 12px, 0.003em at 14px, and 0.04em at 16px for optimal visual balance. Reserve Lemon Zest (#fff116) strictly for primary call-to-action buttons and brand accents to maximize its impact and recognition. Implement a consistent 0px border-radius across all buttons, cards, and input fields to uphold the sharp, modern aesthetic. Use 8px for element spacing by default, increasing to 14px for more significant separations between related content blocks. Avoid introducing gradients or shadows; the aesthetic relies on flat colors and crisp edges to define elements. Do not use highly saturated colors other than Lemon Zest (#fff116) or Twilight Indigo (#0600ff) in prominent UI elements, as this dilutes brand identity. Refrain from varying border-radius values; all UI elements should consistently use 0px radius. Do not deviate from Apercu as the primary brand font; alternative fonts like Apercu Mono or GTStandard-M have highly specific and limited use cases. Avoid organic or highly decorative imagery; favor clean, product-focused photography or abstract visuals. Do not dilute the Lemon Zest (#fff116) accent by applying it to secondary actions or informational text.