v2.5 STABLE RELEASE

HAKKA
DAIKON

A high-energy, neo-pop design system built for gamified web applications. Features pixel-perfect typography, hard shadows, and distinct "clicky" interactions.

NEW!
LVL. 99 MASCOT

Color Palette

Click any color card to copy its hex code to your clipboard.

CLICK TO COPY

Salmon

#f98476

CLICK TO COPY

Gold

#ffcc00

CLICK TO COPY

Green

#88d66c

CLICK TO COPY

Sky

#74b9ff

CLICK TO COPY

Ink

#2d3436

CLICK TO COPY

Cream

#fff4f2

CLICK TO COPY

White

#ffffff

CLICK TO COPY

Shadow

#1e272e


Typography

A mix of retro pixel fonts for impact and clean monospace for data.

Font Stack

Hakkadaikon

THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG

JetBrains Mono_

const designSystem = "Complete"; // Used for code, data, and technical UI elements.


Buttons

Tactile, pressable buttons with deep shadows.

Variants

Sizes & States


Forms

Chunky inputs with bold borders that are easy to tap.

Inputs

Drop file here

or click to browse

Controls

Settings

Enable Notifications
Dark Mode (Beta)

Agreements


Feedback

Communicate game state effectively.

Alerts & Status

Quest Updated

You have successfully completed the tutorial. New regions are now unlocked.

Server Maintenance

Servers will be down for scheduled maintenance at 03:00 UTC.
NewUpdatedBug

Overlays

Inventory (I)

Data Display

Windows into your content.

Structured Data

IDNameRole
#001Fuji SanAdmin
#002SakuraUser
#003TaroGuest
  • Item 1: Sword of Truth
  • Item 2: Shield of Valor
  • Item 3: Potion of Healing

Rich Content

ReactTailwindTypeScript
You have 3 active quests in the Northern Region.

Settings

Profile Settings


Preferences

Sound Effects
Music