Victor Cango

Victor Cango

Preview image. Unlock full-res

Editorial type on stark canvas

Industrydesign
Palette
#0f0f0f
#f7f7f7

Victor Cango's design system cultivates a bold, editorial aesthetic with high-contrast typography as its primary visual lever. The stark achromatic palette emphasizes content, allowing the expressive serif and sans-serif typefaces to dictate hierarchy and tone. Understated interactions and minimal UI elements focus attention on the typographic compositions and carefully placed visual assets, often with a subtly distorted or layered quality. The overall impression is one of confident, art-directed communication. Prioritize Ink Obsidian (#0f0f0f) for all primary text and critical UI elements against Canvas Parchment (#f7f7f7) backgrounds to ensure high contrast. Use century-old-style-std for expressive and editorial headlines, specifically at 50px with a letter-spacing of -0.0940em. Apply MetroSans for functional text elements, navigation, and body copy headings, ensuring 21px/24px sizes use -0.0500em letter-spacing. When creating interactive links, use Ink Obsidian (#0f0f0f) text and an Ink Obsidian (#0f0f0f) 1px underline, offset by 6px padding-bottom. Maintain a clear visual hierarchy by utilizing the distinct styles of century-old-style-std (serif) and MetroSans (sans-serif) purposefully. Structure sections with a minimum vertical separation of 48px to create comfortable density in the layout. Incorporate 16px padding on interior content blocks and cards to provide ample breathing room for text. Do not introduce new primary background or text colors; adhere strictly to Ink Obsidian (#0f0f0f) and Canvas Parchment (#f7f7f7). Avoid using decorative borders or drop shadows on cards or elements; rely on typography and spacing for separation. Do not deviate from the specified letter-spacing values for type roles, especially for larger headings and navigation where it defines the character. Refrain from using color to indicate interactive states; underlines and bolding in Ink Obsidian (#0f0f0f) are preferred. Do not use generic system fonts as substitutes for century-old-style-std or MetroSans without explicit approval, as their unique character is central. Avoid overly dense content blocks without sufficient element gaps; ensure 16px spacing between most adjacent UI elements. Do not use corner radius on any UI elements; maintain sharp, crisp edges throughout the design.

More like this