Iad-lab

Iad-lab

Preview image. Unlock full-res

Academic Dark Canvas – a stark, authoritative presentation with bold typographic statements on a deep charcoal ground.

Industryagency
Palette
#222222
#f8f8f8
#2a2b2d
#757577

IAD-Lab's visual identity centers around stark contrasts and heavy typography, creating an assertive, academic tone. The dark canvas provides a backdrop for crisp white text and geometric imagery, prioritizing content legibility. Minimal use of color ensures that any visual elements that do use color, such as hero imagery, carry significant impact. Component styling uses softened corners and generous spacing, allowing individual elements to exist distinctly within the dark layout. Always use Storm Charcoal (#222222) as the primary background for sections and canvases. Prioritize Neue Haas Unica 700 for all significant headlines and calls to attention, using Cloud White (#f8f8f8) for maximum contrast. Apply 20px border radius to all interactive elements, cards, and list items for a consistent softened aesthetic. Maintain a clear visual hierarchy by using Cloud White (#f8f8f8) for primary text and titles, and Slate Ink (#2a2b2d) for secondary details or within light-colored containers. Utilize 24px as the default vertical and horizontal element spacing to ensure comfortable readability and distinct content blocks. Integrate the 15px border radius token specifically with headings to create a subtle, structured visual break or emphasis. Avoid using multiple chromatic colors; color should be introduced sparingly and for specific visual impact in imagery. Do not use subtle variations of dark gray for backgrounds; maintain the stark contrast between Storm Charcoal (#222222) and Cloud White (#f8f8f8). Do not introduce strong shadows or excessive elevation; the design relies on flat surfaces and minimal depth. Avoid tight spacing; maintain the generous 24px element and section gaps to prevent visual clutter, especially in text-heavy areas. Do not use custom letter-spacing; all text, regardless of size, should use 'normal' tracking for block-like typographic presence. Never use rounded corners less than 15px; the design language favors a distinctly soft, rounded feel for all contained elements.

More like this