Hero architecture
Design with chromatic aberration RGB split effect. Use: color channel offset (R/G/B), glitch aesthetic, retro tech feel, VHS error look, lens distortion, scan lines, noise overlay, analog imperfection.
Style 66 · General · News/Media Platform
Chromatic Aberration / RGB Split
RGB split, color fringing, glitch, retro tech, VHS, analog error, distortion, lens effect. This mock website translates the UI/UX Pro Max style notes into a client-ready landing/dashboard hybrid with its own palette, typography, chart module, and component system.
Live product surface
NOVA News/Media OS
Music platforms, gaming, tech brands, creative portfolios, nightlife, entertainment, video platforms
89%
style fit score
Effects
RGB offset animation, glitch timing, scan line movement, noise flicker, distortion on hover
A full-page mock website in this style
Component language
filter: drop-shadow with offset colors, text-shadow: RGB offset (-2px 0 red, 2px 0 cyan), animation: glitch (random offset), ::before for scanlines, mix-blend-mode: screen for overlays
Best-fit market
Music platforms, gaming, tech brands, creative portfolios, nightlife, entertainment, video platforms
Palette used
Breaking red + link blue
Typography pairing
Developer Mono
JetBrains Mono / IBM Plex Sans
JetBrains for code, IBM Plex for UI. Developer-focused.
Implementation checklist
- ☐ RGB split visible
- ☐ Glitch effect controlled
- ☐ Scan lines subtle
- ☐ Performance ok
- ☐ Readability maintained
Chart module: Network Graph
Mapping connections between entities; network topology or social graph exploration context
Interaction spec
Accessibility: ⚠ Can cause strain · D
Performance: ⚠ Good
Mobile: ◐ Medium
Avoid: Corporate, healthcare, finance, accessibility-critical, elderly users
Visual system samples
Gallery rhythm
Conversion section
One primary action, one secondary proof path, clear visual hierarchy, focus states, 44px+ hit targets, and token-driven colors.
Primary CTA