Preview image. Unlock full-res
High-contrast typographic canvas
Instrument's visual system evokes a stark, high-contrast, minimalist agency aesthetic. Dominated by a monochrome palette of deep nearly-black gray and pure white, it leverages strong typography as its primary visual identity. Typography is both commanding and refined, with distinctive custom typefaces varying dramatically in size and tracking. Components are lightweight and functional, often using ghosting or subtle background tints against large, open white canvases, emphasizing content and a clean, editorial layout.
Prioritize Midnight Ink text (#070708) on White Canvas (#ffffff) for readability and high contrast.
Use Instrument-Sans for all body text, navigation, and button labels, adjusting sizes and letter-spacing for impact.
Apply 999px border-radius to all buttons and badges for a consistent pill-like shape.
Break up page content with distinct blocks of Midnight Ink background for dramatic negative space and visual hierarchy.
Employ 24px for internal card padding and image corner rounding to maintain soft block definition.
Utilize the Instrument-Serif typeface sparingly for large, editorial headlines to introduce a layer of sophisticated tension.
Maintain a compact spacing density, generally utilizing multiples of 4px with an 8px base unit for element gaps.
Avoid generic border radii; stick to 0px, 8px, 24px, 32px, or 999px as defined.
Do not introduce strong accent colors; the palette is strictly monochrome with subtle translucent effects.
Refrain from using shadows or heavy elevation styles; surfaces should remain flat or use minimal transparency.
Do not deviate from the specified typefaces and their distinct letter-spacing values to preserve the brand's typographic identity.
Avoid excessive padding or large gaps between elements; maintain a compact, information-dense layout where appropriate.
Do not use generic system fonts; Instrument-Sans and Instrument-Serif are central to the brand.
Do not dilute the high-contrast ethos with mid-tone backgrounds or multiple shades of gray for primary content areas.
