Finn

Finn uses a vibrant, playful e-commerce aesthetic with a strong emphasis on brand personality. The design couples a foundational dark blue and brown palette with a vivid pink and orange for accent, creating a cheerful yet trustworthy feel. Typography is structured and clean, ensuring legibility, while rounded forms in buttons and cards add a soft, approachable touch. The overall impression is energetic and customer-friendly, reflecting a modern pet wellness brand. Use Midnight Ink (#161345) for primary filled button backgrounds and key headline sections to establish brand presence. Apply 60px border-radius to all interactive buttons and tags for a consistent soft, approachable shape. Ensure primary body text and main link colors leverage Cedar Brown (#321004) to maintain warm readability. Utilize Athletics font for large display headings (64px and above) with a letter-spacing of 0.1em to achieve impactful, branded statements. Incorporate Vivid Pink (#feafbb) as a background for hero sections or prominent visual blocks to introduce energy. Maintain an elementGap of 15px between adjacent components to ensure comfortable readability and visual segmentation. All cards should use a 20px border-radius. Avoid using multiple chromatic colors for primary call-to-action buttons; restrict this role to Midnight Ink (#161345). Do not use Monosten for body text or large headlines; reserve it for specific small, technical labels. Refrain from sharp corners (0px border-radius) on interactive elements like buttons or cards, which contradicts the brand's soft aesthetic. Do not introduce strong shadows or aggressive elevation effects; the design relies on flat, clean surfaces. Avoid dense, information-heavy blocks of text; break content into manageable sections using a comfortable 15px element gap for readability. Do not use light text on light backgrounds or dark text on dark backgrounds; ensure sufficient contrast with the defined palette (e.g., Paper White on Midnight Ink, Cedar Brown on Paper White).