IKEA

IKEA's global digital presence is built on a foundation of optimistic simplicity. The interface features a clean, bright canvas, primarily using high-contrast typography and a distinct, energetic yellow as the primary brand accent. Component surfaces are generally flat and rounded, creating a friendly and approachable feel. This system prioritizes clear communication and intuitive interaction, using color sparingly for functional highlights, while maintaining a spacious, user-friendly layout. Prioritize Ikea Yellow (#ffdb00) for all primary call-to-actions, ensuring it's the most prominent interactive element. Maintain a clear visual hierarchy using Core Black (#111111) for main headlines and Canvas White (#ffffff) for backgrounds. Apply an 8px border radius consistently to all cards, buttons, and interactive elements for a cohesive, friendly aesthetic. Use letter-spacing of -0.0290em for 'display' type (51px) and -0.0270em for 'heading' type (36px) to give titles a distinct composed feel. Ensure generous vertical spacing between sections, defaulting to 80px, to promote a comfortable, scannable layout. Reserve Deep Sea Blue (#0159a3) for decorative link backgrounds or highly specific interactive accents, not for primary actions. Use Off-White (#fffefb) for subtle background variations, providing visual depth without harsh color changes. Do not use Core Black (#111111) for general body text; reserve it for high-contrast headlines or specific dark UI elements. Avoid arbitrary color choices outside of the defined palette; color should always serve a specific functional or brand-aligned purpose. Do not vary border radius values across components; all interactive elements and contained content should use a consistent 8px radius. Do not crowd content; maintain an 'elementGap' of 24px for horizontal and vertical spacing between internal elements. Avoid using multiple accent colors in close proximity that compete with Ikea Yellow (#ffdb00) or Deep Sea Blue (#0159a3). Do not use generic system fonts; only use Noto IKEA (or Inter as a substitute) to maintain typographic brand identity. Do not create an overly dense layout; ensure a maximum page width of 1440px with content centered, leaving ample breathing room.