COLLINS

COLLINS

Preview image. Unlock full-res

Architectural parchment and chiseled stone

Industryagency
Palette
#f8f8f7
#ffffff
#140700
#cccccc
#5e5855
#514c49

COLLINS employs a minimalist, sophisticated aesthetic, utilizing a pale canvas and precise typography to convey authority and restraint. The visual identity emphasizes clarity with high-contrast text and a deliberate absence of busy elements. Subtle interaction cues and carefully defined spacing create a sense of calm composure, allowing content to take precedence. The system avoids vibrant colors, relying instead on a refined neutral palette for impact. Prioritize Deep Onyx (#140700) for all primary text and calls to action against Canvas Parchment (#f8f8f7) backgrounds to ensure high contrast and brand coherence. Use Portrait Text 400 at 72px for hero headings to establish a commanding, yet refined textual presence with -1.44px letter spacing. Maintain a highly achromatic palette, reserving the subtle brown tint of Deep Onyx (#140700) as the most saturated element. Employ Graphik 400 with its characteristic tight letter spacing for body text and interactive elements to convey modern precision. Utilize 96px border-radius consistently for primary filled buttons and 0px for ghost/outlined buttons to define interaction types. Apply 16px border-radius to card-like elements or content containers where a softer edge is desired, contrasting with the generally sharp aesthetic. Ensure all interactive text elements use either Deep Onyx (#140700) for active states or Absolute White (#ffffff) in dark contexts, maintaining strong readability. Avoid introducing additional chromatic colors; the visual system is built on a precise neutral and near-black palette. Do not use generic sans-serif fonts for headings; Portrait Text and Times are critical for the brand's sophisticated voice. Steer clear of heavy drop shadows or strong gradients; the system relies on flat surfaces and high-contrast typography for visual depth. Do not deviate from the established tight letter spacing for Graphik and Portrait Text; it's a signature characteristic of the typography. Avoid overly generous padding or wide element gaps that would disrupt the comfortable but precise density of the layout. Do not round corners on elements intended to be sharp and austere, such as the ghost buttons and form inputs with zero radius. Never use light text on light backgrounds or dark text on dark backgrounds without ensuring WCAG AAA contrast levels, particularly with the subtle off-white tones.

More like this