ArcadeNeon Design System

ArcadeNeon Design System mockup preview
Click to expand

ArcadeNeon is a neon-soaked, CRT-glow, retro-arcade design system for retro gaming platforms and arcade-style applications. Its electric palette of hot pink, cyan, and lime pulses against a deep navy-black background, channeling the energy of dimly-lit arcades and glowing CRT screens. Bold display typography and colored glow shadows complete the immersive throwback aesthetic.

Primary Hot Pink#FF006E
Secondary Electric Blue#00F0FF
Tertiary Lime#39FF14
Background#0A0A14
Headline
Aa
Search
Body
Aa
Label
Aa
Label

Color Palette

Typography

DisplayBungee · 48px · Regular

Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.

H1Bungee · 36px · Regular

Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.

H2Bungee · 28px · Regular

Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.

H3Bungee · 22px · Regular

Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.

H4Bungee · 18px · Regular

Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.

Body LGWork Sans · 18px · Regular

Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.

BodyWork Sans · 16px · Regular

Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.

Body SMWork Sans · 14px · Regular

Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.

CaptionWork Sans · 12px · Medium

Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.

CodeSpace Mono · 14px · Regular

Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.

Spacing

Base: 8px

ArcadeNeon is a neon-soaked, CRT-glow, retro-arcade design system for retro gaming platforms and arcade-style applications. Its electric palette of hot pink, cyan, and lime pulses against a deep navy-black background, channeling the energy of dimly-lit arcades and glowing CRT screens. Bold display typography and colored glow shadows complete the immersive throwback aesthetic.

Components

Buttons

Cards

Card Title

Sample body text for the card component.

Card Title

Sample body text for the card component.

Inputs

Please enter a valid email

Chips

FilterFilter ActiveStatus SuccessStatus WarningStatus Error

Lists

Default

Checkboxes

Unchecked

Checked

Radio Buttons

Unchecked

Selected

Tooltips

Default

Elevation & Depth

sm
DEFAULT
Download .md

License MIT
Uploaded yesterday
Version v1
File size 6.5 KB
Downloads 0

Use with MCP

Using designmd mcp, download the design system https://designmd.ai/chef/arcadeneon and implement it in my code

Don't have the MCP? Install it here