Firstandforemost

First + Foremost casts a vibrant, modern tone through the interplay of a single bold orange and off-white neutrals. Typography is large and declarative, often acting as a primary visual element. The layout is spacious with strong rectangular sections, allowing content to breathe and emphasizing the punchy color contrast. Components use soft rounding for buttons against typically sharp-edged backgrounds, creating an approachable yet direct aesthetic. Prioritize Amber Blaze (#ff4501) for significant background sections and primary interactive elements to maintain visual energy. Use Vanilla Cream (#ffefe9) as the default background color for content sections for optimal readability and a warm base. Employ NeueMontreal at its full display sizes (58, 80, 200px) with appropriate line heights (1.0, 0.8) for impactful headlines. Apply 80px border-radius to all filled buttons to achieve a consistent pill-shaped aesthetic. Maintain spacious layouts: use 160px for section vertical gaps and 72px for horizontal content margins (left/right). Use Obsidian Ink (#000000) for all body text and general UI text against Vanilla Cream (#ffefe9) background. Do not introduce additional bold chromatic colors beyond Amber Blaze (#ff4501); rely on its contrast with neutrals. Avoid tight spacing: do not use vertical gaps less than 30px between textual elements or less than 50px between sections. Do not use subtle variations of orange for text; text links should be Amber Blaze (#ff4501). Avoid heavy shadows for elevation; rely on color contrast and subtle borders like Dusty Rose (#ffc2a9) for separation. Do not use square buttons; maintain consistency with the 80px border-radius for all primary/secondary actions.