Diogo Akio

Diogo Akio's design system evokes a minimalist gallery experience. It operates on a dark canvas, providing a stark backdrop for high-contrast white typography and isolated portfolio pieces. The aesthetic prioritizes clarity and directness through generous spacing and a strong typographic focus, with minimal use of color or elaborate components. The system is designed to showcase content without visual distraction, relying on subtle interactions and precise spatial relationships. Prioritize Pitch Black, Slate Canvas, and Canvas White as the core color palette; avoid introducing additional saturated colors. Use Helvetica Neue LT Pro Roman at 16px (line height 1.4, letter spacing 0.02em) for all body text and small UI elements. Apply Pitch Black as the default background for all primary sections to maintain a consistent dark theme. Utilize 30px for vertical gaps between major sections to ensure generous content separation. Define interactive elements with Canvas White text and a 1px Canvas White border or outline against dark backgrounds. Employ consistent 0px border-radius across all UI elements for a sharp, rectilinear aesthetic. Maintain an element gap of 19px for consistent horizontal and vertical spacing between most UI components. Do not introduce complex shadows or gradients; rely on color contrast and spatial arrangement for visual hierarchy. Avoid using multiple font families or excessive font weights; Helvetica Neue LT Pro Roman 400 is the only typeface. Do not use small, dense text blocks; leverage 16px as the minimum text size and ample line-height for readability. Refrain from adding decorative iconography or illustrations that deviate from the stark, functional aesthetic. Do not break the dark theme with large, light-colored sections; maintain the dominant Pitch Black canvas. Avoid inconsistent spacing, as precise and generous spacing is critical to the system's minimalist identity. Do not use rounded corners on any UI elements; all shapes should be rectilinear and sharp.