Sackville & Co.

Sackville & Co. employs a vibrant, expressive visual language centered on high contrast and dynamic shapes. The design features a light, almost off-white canvas punctuated by a bold, energetic blue. Typography is confident and slightly quirky, mixing a strong sans-serif with a more artistic serif for impactful headlines. Components often prioritize outlined styles with organic, asymmetric radii, making elements feel handcrafted yet sophisticated. Prioritize Deep Space Blue (#245dc5) and Crimson Ember (#f04736) for interactive element borders rather than filled backgrounds. Use Canvas Creme (#f3f4ee) as the dominant background surface for all page sections to maintain a bright, airy feel. Apply the FoundersGrotesk font with varied sizes but consistent weight (400) for most UI text to create visual interest without additional typographic complexity. Employ the asymmetrical border radius '81px / 39px' for primary action buttons to give a unique, organic feel. Ensure large headlines leverage the contrast between TimesNow SemiLight (400) and FoundersGrotesk (400) for typographic hierarchy. Maintain comfortable spacing with an element gap of 10px and card padding of 20px to prevent visual crowding. Do not use solid background fills for primary action buttons; utilize outlined styles with brand colors. Avoid using multiple font weights within a single text block; stick to weight 400 for both primary typefaces. Do not introduce sharp, angular radii for primary interactive elements that are intended to feel organic or unique, such as oval buttons. Do not use dark backgrounds for entire page sections; reserve Deep Space Blue (#245dc5) for specific component surfaces or brand accents. Do not overuse highly saturated colors; focus on Deep Space Blue and Crimson Ember for functional highlights, allowing Canvas Creme to dominate.