Ingmar Coenen

Ingmar Coenen

Preview image. Unlock full-res

monochrome typographic canvas

Industrydesign
Palette
#ffffff
#000000
#f2f2f2
#3a4042
#919191
#cccccc

Ingmar Coenen's portfolio employs a stark, high-contrast aesthetic, built on a foundation of black and white with minimal chromatic interference. Typography plays a central role, featuring a custom, oversized display font that acts as a primary graphic element. Components are lightweight and interaction-focused, defined by crisp borders and extensive border-radius. The system favors a dense information hierarchy over spaciousness, utilizing tight spacing and a predominantly neutral palette to emphasize content and precise interaction points. Prioritize Ink Black (#000000) for all primary text and dominant graphic elements to maintain high contrast. Utilize Canvas White (#ffffff) for all main backgrounds and content surfaces to establish an expansive feel. Apply 100px border radius to all buttons for a consistent pill-shaped aesthetic. Use Megazoid Regular at 295px size as a graphic display element for prominent page titles, not for standard headlines. Maintain a compact elementGap of 10px between interactive elements and textual content. Employ Neue Haas Unica Pro Medium at its specified line height and letter spacing for all functional body text and links. Use Subtle Gray (#f2f2f2) sparingly for secondary button fills to provide a softer interactive alternative to Ink Black. Avoid using chromatic colors for functional UI elements; reserve them strictly for content imagery or specific brand assets if any. Do not deviate from the high-contrast black and white palette for core UI elements; color is not used for primary hierarchy. Do not introduce shadows or significant elevation; the design relies on flat surfaces and clean borders for depth perception. Avoid excessive line spacing for body text; aim for the tight 1.1 line height specified for Neue Haas Unica Pro Medium. Do not use generic sans-serif fonts where custom fonts are specified; font uniqueness is a core brand identifier. Do not add extra padding around cards or sections beyond the defined cardPadding of 14px and sectionGap of 80px, as density is valued over whitespace.

More like this