NakedZombo Design System
A comprehensive guide to the visual language, components, and patterns used throughout the NakedZombo Community Hub for ARK: Survival Ascended. Inspired by the Neon Frankenstein aesthetic.
Dark theme inspired by retro-futuristic neon aesthetics with vibrant accents.
WCAG AA compliant colors (≥4.5:1 contrast ratio) for all users.
Built for gaming communities with tribe and event features.
Color Palette
Our Neon Frankenstein color system is inspired by vibrant, retro-futuristic neon aesthetics. All colors meet WCAG AA standards (≥4.5:1 contrast ratio).
Primary - Neon Purple (Frank's Shades)
Primary
#8B00FF
[#8B00FF]
5.2:1 contrast
Primary Hover
#7A00E0
[#7A00E0]
Primary Light
#A855F7
purple-500
Secondary - Hot Pink (Neon Accents)
Secondary
#FF0080
[#FF0080]
4.6:1 contrast
Secondary Hover
#E00070
[#E00070]
Secondary Light
#FF4DA6
[#FF4DA6]
Accent - Neon Cyan (Swirling Energy)
Accent
#00D4FF
[#00D4FF]
4.7:1 contrast
Accent Dark
#00B8E0
[#00B8E0]
Accent Light
#4DE4FF
[#4DE4FF]
Background Colors (Dark Mode)
Background
#0D0F12
bg-[#0D0F12]
Card
#16181D
bg-[#16181D]
Elevated
#1C1F26
bg-[#1C1F26]
Semantic Colors
Success (Green)
#00A000
[#00A000]
8.9:1 contrast
Error (Red)
#CC0000
[#CC0000]
9.1:1 contrast
Text Primary
#1A1A1A
[#1A1A1A]
14.5:1 contrast
Text Secondary
#4A4A4A
[#4A4A4A]
6.8:1 contrast
Typography
Geist Sans for body text and UI, Geist Mono for code and technical content.
Heading Hierarchy
Survive Together
Join Our Servers
Tribe Management
Server Status
Body text for descriptions and content.
Small text for captions and metadata.
Special Text Styles
Gradient Text (Brand)
NakedZombo Community
Gradient Text (Neon Theme)
Survival Ascended
Card Components
Container cards for grouping related content.
Server Cards
Feature Cards
Tribe Management
Manage your community with powerful tools built for ARK players.
Events
Manage your community with powerful tools built for ARK players.
Leaderboards
Manage your community with powerful tools built for ARK players.
Form Elements
All form inputs styled for dark theme with focus states.
Text Inputs
Select Dropdown
Badges
Status indicators and labels.
Server Status Badges
Badge Variants
User Role Badges
ARK-Specific Elements
Custom components designed for ARK: Survival Ascended.