Henry

Henry

Preview image. Unlock full-res

Distressed newsprint, black-and-white grid

Industrydesign
Palette
#2a2722
#fafafa
#3e3b36
#9f9f9f
#eeeeee
#666666
#b3b3b3
#a9a9a9
#c679c4

Henry.codes creates a dark, brutalist newsprint aesthetic, evoking a digital zine or an old-school BBS. The design uses stark monochrome contrast, large distressed display typography, and intentional visual chaos within a structured grid. Text blocks are dense, and the overall impression is one of raw, unfiltered information, avoiding typical 'clean' SaaS conventions. The system feels hand-coded, with a deliberate lack of smooth gradients, soft shadows, or rounded forms, opting for sharp edges and explicit separation. Prioritize high contrast using Midnight Ink (#2a2722) and Canvas White (#fafafa) for all backgrounds and main text. Use Neue Montreal for all functional text and body copy to maintain legibility and a consistent modern feel. Apply Louize Display at large sizes (77px-132px) for primary headlines, embracing its distressed, imposing character. Maintain a clear separation between content blocks using 2px solid lines of either Midnight Ink (#2a2722) or Canvas White (#fafafa). Employ a 12px border radius only for specific content cards or overlays, keeping most UI elements sharp-edged. Ensure all interactive elements have a clear 1px or 2px Midnight Ink (#2a2722) border for definition, without relying on fill colors. Utilize 16px as the primary base for padding inside interactive containers and for general element spacing. Do not use soft shadows or elevation effects; the design relies on stark lines and dark/light contrast for visual hierarchy. Avoid decorative gradients or subtle background textures, beyond the specific 'Rainbow Band' accent. Do not introduce highly saturated colors for functional UI elements; color is reserved for decorative accents or very specific indicators. Avoid soft, organic shapes or large, friendly radii; maintain sharp corners for most UI elements. Do not use multiple font families for body text or navigation; stick to Neue Montreal for consistency in these areas. Avoid thin, lightweight dividers; use prominent 2px solid lines to emphasize separation. Do not center-align long blocks of body text; reserve centered alignment for short, editorial statements.

More like this