Thomas Vimare

Thomas Vimare's design system is a stark, high-contrast dark theme emphasizing readability and a minimalist aesthetic. Typography reigns supreme, with delicate 'HelveticaNowDisplay-Light' forming the core of its visual identity. Surfaces are deep black, providing a silent backdrop for content defined by subtle borders and carefully chosen typefaces, allowing visual work to take center stage. Always use Deep Night (#171717) as the background for body and component surfaces to maintain the dark theme. Render all primary text and active states in Polar White (#ffffff) for maximum contrast against Deep Night (#171717). Apply Quiet Fog (#9a9a9a) sparingly for secondary information, subheadings, or subtle decorative borders. Maintain generous spacing: use 120px for vertical section gaps and 20px horizontally between elements. Utilize HelveticaNowDisplay-Light for all typography, adjusting size and letter-spacing according to the type scale for semantic roles. Implement the 2px solid Polar White (#ffffff) border for emphasizing interactive or visually contained elements like images or navigation items. Avoid using any colors other than Deep Night, Polar White, and Quiet Fog for UI elements; stick to the achromatic palette. Do not introduce heavy shadows or overt elevation patterns; surfaces should remain flat. Do not deviate from the specified HelveticaNowDisplay-Light font family; do not mix in other typefaces. Avoid tight element spacing; maintain at least 20px between horizontal elements and 120px between major sections. Do not use rounded corners on UI elements; maintain sharp, crisp 0px radii across the board. Refrain from using gradients on backgrounds or interactive elements; surfaces are solid Deep Night. Do not use bold or heavy font weights; the system relies on the light weight of HelveticaNowDisplay-Light for its aesthetic.