Alt–Border

Alt–Border

Preview image. Unlock full-res

monochromatic minimalist gallery

Industrydesign
Palette
#ffffff
#000000
#333333
#808080

Alt-Border embodies a minimalist art gallery aesthetic: stark white canvases juxtaposed with deep black text and hairline dividers. Layouts are tight and grid-based, preferring dense information presentation over expansive negative space. Typography is critical, using a precise, narrow sans-serif at varying weights for an intellectual and assertive tone. The visual system emphasizes content, with images acting as art pieces within structured frames, devoid of soft shadows or chromatic accents, relying on sharp contrast and precise alignment to communicate a high-end, curated feel. Prioritize Neuehaasdisplay 300 at extremely large sizes (e.g., 105px) for hero headlines to maximize immediate visual impact. Use Inferi across all typographic elements that require controlled, refined elegance, adjusting weights (200-400) for hierarchy but maintaining its signature narrow tracking. Employ Ink Black (#000000) for all primary text and critical borders to create strong visual anchors against the Canvas White (#ffffff) background. Structure layouts using visible 1px solid borders in Charcoal Grey (#333333) or Pale Stone (#808080) to define content areas without relying on shadows or heavy backgrounds. Maintain a compact visual density, using standard element gaps of 9px and card padding of 9px to keep elements close-knit. Apply a 10px border-radius consistently to all image frames and contained card components to soften hard edges slightly. Keep backgrounds minimal and pure, primarily using Canvas White (#ffffff) as the dominant surface for all content. Avoid using drop shadows or elevation effects; elements should rely on borders and spatial separation for hierarchy. Do not introduce chromatic colors for UI elements; the palette is strictly monochromatic with white, black, and grays. Refrain from using heavily padded buttons or buttons with solid backgrounds; actions should primarily be expressed through ghost buttons or text links. Do not deviate from the specified negative letter-spacing for headlines and navigation links; this is key to the brand's typographic identity. Avoid decorative gradients or background images that would disrupt the clean, high-contrast, text-forward aesthetic. Do not use generic sans-serifs where a custom font is specified; the precise character of Inferi and Neuehaasdisplay is foundational to the brand.

More like this