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.

Survivor-Focused

Dark theme inspired by retro-futuristic neon aesthetics with vibrant accents.

Accessibility

WCAG AA compliant colors (≥4.5:1 contrast ratio) for all users.

Community-Driven

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

H1

Survive Together

H2

Join Our Servers

H3

Tribe Management

H4

Server Status

Body

Body text for descriptions and content.

Small

Small text for captions and metadata.

Special Text Styles

Gradient Text (Brand)

NakedZombo Community

Gradient Text (Neon Theme)

Survival Ascended

Button Components

Interactive buttons for all use cases with hover effects and states.

Primary CTA Buttons

Button Variants

Icon Buttons

Card Components

Container cards for grouping related content.

Server Cards

The Island
Online
PvE - Boosted Rates
42/70Ping: 32ms
Scorched Earth
Offline
PvE - Boosted Rates
0/70Maintenance

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

OnlineOfflineStartingUpdating

Badge Variants

DefaultSecondaryDestructiveOutline

User Role Badges

AdminModeratorTribe LeaderMember

ARK-Specific Elements

Custom components designed for ARK: Survival Ascended.

Map Badges

The IslandScorched EarthAberrationExtinctionFjordur

Event Type Badges

Boss FightRaceCommunityGiveaway

Boss Difficulty Badges

GammaBetaAlpha