Freelance frontend UI developer and designer, Rou Hun Fan

Freelance frontend UI developer and designer, Rou Hun Fan

Preview image. Unlock full-res

retro arcade glow

Industrydesign
Palette
#161b1b
#ffffff
#ff0000
#e82f5c
#f0f26a
#ffa8a8
#00ffff
#b3aba4
#b333b3

The Rou Hun Fan design system is a high-contrast, text-dominant interface built around a dark canvas punctuated by neon accents and an unconventional typographic play. It combines bold, blocky sans-serifs with ornate serifs, creating a distinct visual language that feels energetic and disruptive. The layout emphasizes direct and impactful messaging, using minimal interactive elements to draw attention to stark color contrasts and unique typography. Prioritize high contrast between foreground and background colors; use Ghost White (#ffffff) on Midnight Charcoal (#161b1b) and Vermilion Red (#ff0000) or Aqua Glow (#00ffff). Employ Azeret Mono, weight 700, for all primary headings and impactful statements at sizes 100px or larger. Use geometric lines and sharp corners; avoid rounded borders as the primary radius is 0px. Introduce elements using the Vermilion Red (#ff0000) or Aqua Glow (#00ffff) backgrounds to create distinct interactive zones or visual breaks. Treat Ephidona font (size 100-108px) as a decorative accent for section titles or artistic statements, not for body copy or functional text. Maintain a compact element spacing of 9px to keep components tightly grouped, reflecting a high-density aesthetic. Do not use subtle color variations for backgrounds; keep a stark contrast between Midnight Charcoal (#161b1b) and Ghost White (#ffffff) or the vibrant accent colors. Avoid generic line heights or letter spacing; stick to the normal letter spacing and 1.2 lineHeight for existing typefaces. Do not use soft shadows or gradients for elevation; the system relies on flat color blocks and visual overlap for depth. Do not apply subtle typography; if text isn't a headline using Azeret Mono or Ephidona, it should be a functional, small detail. Do not use standard button components; interactive elements are expressed through high-contrast colored blocks with unique text styles. Do not add extra padding or whitespace around core elements without clear design intent; the density is inherently high.

More like this