Dima Kutsenko

Dmitrkutsenko.com uses a muted, high-contrast dark aesthetic that highlights content through stark value differences rather than color. The design feels photographic, focusing on bold typography and subtle interactive elements against a deep gray canvas. White is reserved primarily for high-impact headlines and functional UI elements, creating a clear visual hierarchy. Interactions are minimal, often relying on border changes or text color shifts to signify state. Always use Obsidian Slate (#1d1d1f) as the primary background color for pages and dark-themed components. Reserve Ghost White (#f1f1f1) for primary text, interactive states, and outlined borders to ensure high contrast. For display text and large headlines, use Greycliff at 75px, 400 weight, with a line-height of 0.95 and letter-spacing of -0.0200em. Apply Muted Ash (#656565) for secondary text and subtle navigational or informational elements. Utilize circular shapes (100% border-radius) for decorative card elements, creating soft visual accents. Maintain a compact layout, prioritizing content density while providing sufficient visual breathing room through minimal element spacing (e.g. 7px for tight groups). Do not introduce additional saturated colors; the palette is strictly achromatic with high contrast. Avoid using box shadows for elevation; rely on color contrast and direct sizing for visual hierarchy. Do not break away from the defined typefaces (Greycliff, Arial, Corradine) or their specified sizes and weights. Do not use large, prominent buttons with solid backgrounds; interactive elements should be minimal, often text-based or ghost-bordered. Avoid decorative gradients; the visual system is flat and relies on solid color blocks. Do not over-space elements; the design emphasizes a compact and focused presentation.