Fable

Fable crafts a comforting, refined aesthetic for pet products. It blends warm, inviting neutrals with a singular, muted blue accent that signals interactivity without harshness. Typography is precise and legible, complementing detailed product imagery and subtle illustrative elements. The system emphasizes soft surfaces and rounded edges, creating a gentle, approachable feel for a premium brand. Use Midnight Ink (#030e28) for all primary text and critical UI outlines to maintain brand identity. Apply Sky Dust (#b0c7fa) for primary call-to-action button backgrounds, ensuring a consistent interactive feel. Maintain a default border radius of 2px for cards and containers, and 4px for interactive buttons. Utilize Moderat for all UI elements and body text, with precise letter-spacing as per type scale for optimal legibility. Employ Gelica for headlines and display text, prioritizing its distinct character and larger sizes for impactful messaging. Structure layouts using a 1200px max-width content container, centered on the page for visual stability. Ensure section gaps are consistently 64px to create comfortable breathing room between content blocks. Avoid using multiple chromatic colors for primary actions; reserve Sky Dust (#b0c7fa) for this role. Do not introduce sharp corners or excessively large radii; adhere to the established 2px and 4px radii. Refrain from heavy shadows or strong elevation; opt for minimal, subtle elevation when necessary. Do not deviate from the defined letter-spacing values for Moderat and Gelica fonts; precise tracking is critical. Avoid using purely black (#000000) for body text; reserve it for headings and high-contrast icons. Do not use gradients unless explicitly defined; the system relies on solid colors for clear, understated design. Avoid dense, text-heavy sections without image support; integrate product visuals or illustrations frequently.