STYLE // DETAIL // 07 OF 15
NEON
DREAMS
80s 蒸汽波 + 霓虹冲击 + grid horizon + CRT 噪点·创意 demo / 游戏 landing / 音乐节品牌 / cyberpunk 项目的视觉爆点。
C STYLE / DNA
FIT // ADAPT
- 游戏 / 音乐节 landing
- 创意 demo / 实验作品
- cyberpunk / Web3 品牌
- 电子音乐 / vaporwave
- 视觉爆点 hero section
UNFIT // NO
- 严肃 B2B / 工程工具
- 编辑型长文
- 金融 / 医疗严肃产品
- 高端品牌 / 顾问
KEYWORDS
NEONVAPORWAVE80sCRTGRIDSYNTHCYAN/PINK
D CRAFT / 4 DISCIPLINES
PALETTE
深紫底 + cyan + pink + yellow accent。**禁用任何暖米 / pastel**·这风格要 saturation 拉满。
#0A001F
#1A0033
#4A0080
#FF0080
#FF00FF
#00FFFF
#FFFF00
#C5B3FF
TYPOGRAPHY
Audiowide 做 hero / heading 灵魂字·Orbitron 备份·Inter 仅做正文。**全 uppercase + letter-spacing 0.05em+**。
DISPLAY
AUDIOWIDE NEON
SECONDARY
ORBITRON 700
BODY
Inter Regular · for body text
SPACING
宽间距·hero padding 120px·section gap 90px·让霓虹光晕有呼吸空间·不挤。
VISUAL FX
- 01text-shadow 0 0 12px neon glow
- 02border-radius 0 · 全 sharp 边
- 033D perspective grid horizon
- 04retro sun gradient + 渐变文字
- 05CRT scanline overlay · subtle
- 06SVG noise grain fixed overlay
E INPUT / COMMANDS
STD
按 retro-futuristic 风格做这个 landing / 游戏首页 / demo 视觉
VAR
走 retro-futuristic + grid 更密 / accent 换 magenta / hero 加 CRT 故障
MIX
retro-futuristic hero + dark-dashboard 数据区
CC RECEIVES STYLE ID ·
auto-loads
frontend-design + retro-futuristic reference · 按 4 件 craft 实现·绝不冒出·暖米 / pastel / 圆角 / soft shadow / serif·这些是 retro-futuristic 的 DON'T。
F COMPONENTS / SIGNATURES
NEON OUTLINE BUTTON
3px outline · 双 box-shadow · text-shadow
80s GRID HORIZON
perspective transform · cyan grid · retro sun
CRT NOISE OVERLAY
scanline repeating gradient · radial vignette
STANDARD BTN
CARD
REVENUE / MTD
$847K
▲ +12.4%
HERO TYPE
RUN
SYSTEM
SYSTEM
v2.4 · online
G RELATED / SKILLS
I SIMILAR / SEE ALSO
VibeGlassFluid
GLASS_VIBRANT
glassmorphism-vibrant
同为multi 色 + 高饱和 + 渐变美·区别·iOS 26 玻璃柔光 vs 80s 霓虹硬光 + grid
LOUD
DOPAMINE
MAXIMAL_BOLD
maximalist-bold
同为bold + 高饱和 + dopamine·区别·撞色平面 + 现代 Duolingo 感 vs 紫黑底 + 霓虹 + 80s 复古
BOLD
NEO_BRUTAL
neo-brutalism
同为bold + 强对比 + 创意·区别·明亮黄底 + 硬阴影 + indie SaaS vs 深紫底 + 霓虹 + cyberpunk