Preview image. Unlock full-res
Gallery Wall Catalog: off-white canvas, stark black typography, and carefully placed product visuals.
Waka Waka employs a stark, editorial aesthetic, reminiscent of print. Its visual system centers on high-contrast typography against an off-white canvas, conveying information with an almost journalistic directness. The layout is disciplined and grid-bound, using generous negative space around bold type and product photography to lend an artifact-like quality to content. Color is minimal, primarily serving as a background for the content block, with deep charcoal black for all text and UI elements.
Prioritize 'Canvas Parchment' (#edeae4) as the main background for content areas, providing a neutral, gallery-like surface.
Use 'Ink Jot' (#28282a) for all text and UI elements to maintain high contrast and a consistent monochrome palette.
Employ Waka Sans at 560px with weight 700 and -0.09em letter-spacing for all prominent display headlines, creating a poster-like visual impact.
Maintain a clear page max-width of 445px for primary content blocks to create a focused, contained reading experience.
Utilize Waka Sans at 14px, weight 400, and lineHeight 1.6 for body text, ensuring legibility within the compact layout.
Intersperse content with liberal white space; elementGap should range from 6px to 20px, and sectionGap between 40px and 54px.
Maintain a strict '0px' border-radius across all elements to reinforce the sharp, editorial aesthetic.
Avoid using any saturated colors beyond the strict 'Ink Jot' and 'Canvas Parchment' palette.
Do not introduce shadows or complex gradients; the design relies on flat surfaces and stark contrast.
Refrain from varying font families; Waka Sans is the exclusive typeface for the entire system.
Do not break the page max-width containment; all primary content should adhere to the 445px constraint.
Avoid decorative graphical elements; imagery should be product-focused and photography-based.
Do not implement any border-radius greater than 0px; all corners must remain sharp.
Do not use subtle neutrals to hint at hierarchy; rely on type size, weight, and spacing for visual differentiation.
