
Preview image. Unlock full-res
Gallery Grid on Obsidian
Studio HEED employs a high-contrast dark aesthetic that feels like a refined digital gallery. Dominant dark backdrops are punctuated by crisp white typography and subtle gray surfaces, creating a strong sense of depth and focus on visual content. The system uses a singular, distinct violet accent for functional elements and occasionally as a card background, offering a cool, modern counterpoint to the monochromatic base. Components are minimalistic, with soft, rounded corners and no heavy shadows or borders, maintaining the clean, unobtrusive feel. Prioritize Obsidian (#000000) as the primary background for most sections to maintain a high-contrast dark aesthetic. Use Ghost White (#ffffff) for all primary text elements, including body, links, and headings, ensuring maximum legibility against dark backgrounds. Apply Suisse Intl, weight 600, across all text, varying only in size (12px, 14px) and line height (1.4) to establish a consistent, confident typographic voice. Maintain a uniform border-radius of 5px for all card-like components and images to promote a soft, cohesive visual language. Utilize Pale Stone (#c2c1bf) and Deep Violet (#00174f) as distinct background colors for cards to create visual variety and emphasize certain content without introducing complex patterns or shadows. Ensure generous element spacing, particularly 14px for internal link groups, to preserve readability and prevent visual clutter. Employ direct, minimal text links without background fills for interactive elements, relying on Ghost White (#ffffff) text and subtle underlines for interaction states. Avoid using drop shadows or complex gradients on components. The design relies on flat surfaces and color contrast for visual hierarchy. Do not introduce additional saturated colors beyond Deep Violet (#00174f); restrict accent usage to this specific hue to maintain visual restraint. Refrain from using thin font weights; the system's character is built on the robust weight 600 of Suisse Intl. Avoid decorative borders or heavy strokes around components; rely on background color changes for distinction. Do not break the dark theme with large, light-colored sections unless justified by specific content, as the system thrives on its high-contrast dark mode. Do not use generic system fonts; Suisse Intl is integral to the brand's unique typographic identity. Avoid dense packing of elements; maintain a comfortable density with ample negative space around components, especially with an element gap of 14px.









