NaN

NaN

Preview image. Unlock full-res

Digital Acid-Green Canvas: A hyper-digital screen, like a glowing terminal displaying custom fonts on a luminous green background.

Industrydesign
Palette
#b7ffb4
#00ff00
#0000ff
#262626
#000000
#ffffff
#999999
#efefef
#767676
#ffb005

NaN employs an experimental and vibrant aesthetic, channeling a 'digital paper' feel through a primary mint green canvas. Typography is the central visual element, utilizing custom typefaces with expressive weights and massive display sizes. Interaction is marked by sharp contrasts between dark charcoal and the vivid mint, with subtle holographic gradients adding a touch of digital luminescence. Prioritize Screen Mint (#b7ffb4) as the dominant background color for most page sections, creating a luminous base. Use Midnight Graphite (#262626) for primary text and important borders to ensure high contrast against Screen Mint (#b7ffb4). Employ NaN Holo Mono at 14px weight 400 with 0.075em letter spacing for all body text and UI labels. Apply a Hologram Gradient to key 'Discover More' or 'Subscribe' actions, using rounded edges (29.4px) for a distinct interactive feel. Structure information using prominent, large-scale custom display typefaces like NaN ArchyONExtraBlack_PREVIEW for visual impact in showcasing fonts. Maintain minimal border radii (2px) on most interactive elements and cards, reserving larger radii (18px, 29.4px) for specific design accents. Use a default element gap of 5px for inline elements and tight groupings, building up to 40px for section separation. Avoid using vibrant colors for large blocks of text; reserve them for accents, backgrounds, or specific UI elements. Do not introduce new typefaces; the system relies heavily on its custom NaN font family for brand identity. Refrain from using drop shadows or heavy elevation; the design system favors a flat, digital aesthetic with strong color contrasts. Do not use generic circular or heavily rounded buttons; specific, often asymmetrical, radii (e.g., 0px 2px 2px 0px) are characteristic of this design. Avoid breaking the high-contrast pairing of Screen Mint (#b7ffb4) and Midnight Graphite (#262626) for primary interactive elements. Do not use excessive visual flourishes or gradients beyond the defined Hologram Gradient; the system communicates through typography and bold color. Do not deviate from the compact density; generous negative space should be achieved through section gaps rather than element-level padding.

More like this