PIXEL QUEST

8-BIT DESIGN SYSTEM v1.0

HI-SCORE: 999,999    SCORE: 012,450

COLOR PALETTE

NES-inspired palette with 16 core colors for authentic 8-bit aesthetics.

BLU
PIXEL BLUE
#0077C0
CYN
PIXEL CYAN
#00D4FF
GRN
PIXEL GREEN
#00A854
LIM
PIXEL LIME
#7CFC00
YLW
PIXEL YELLOW
#FCBF00
ORG
PIXEL ORANGE
#FF7700
RED
PIXEL RED
#E4002B
PNK
PIXEL PINK
#FF6B9D
MAG
PIXEL MAGENTA
#C800C8
PUR
PIXEL PURPLE
#6B2D9E
WHT
PIXEL WHITE
#FCFCFC
BLK
PIXEL BLACK
#0F0F0F

TYPOGRAPHY SYSTEM

DISPLAY // PRESS START 2P
GAME START!
DISPLAY // SCALE
LEVEL UP
HIGH SCORE
PLAYER ONE
PRESS ANY KEY
BODY // VT323
Welcome to the adventure!
The princess is in another castle.
You have collected 99 coins. Your inventory is full of rare items and powerful weapons.
ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789

SPACING SCALE

4px base unit for pixel-perfect alignment on retro displays.

--space-1
4px
--space-2
8px
--space-3
12px
--space-4
16px
--space-5
24px
--space-6
32px
--space-7
48px
--space-8
64px
--space-9
96px

BUTTON COMPONENTS

// VARIANTS

// SIZES

// STATES

FORM ELEMENTS

// 3-8 CHARACTERS
// LEVEL SELECT CODE
ERROR: NAME ALREADY TAKEN!

// CHECKBOXES

CARD COMPONENTS

QUEST LOG
📜
Defeat the dragon in the Northern Cave. Collect 10 magic crystals to unlock the secret passage.
INVENTORY
🎒
⚔
SWORD
🛡
SHIELD
❤
POTION
x5
🔑
KEY
x3
PLAYER STATS
👤
HP 85/100
MP 42/60
XP 2,450/3,000

BADGE LABELS

// STANDARD

NEW COMPLETED IN PROGRESS FAILED RARE LEGENDARY

// OUTLINE

LVL 99 +1 ATK BOSS

// ACHIEVEMENT BADGES

★ FIRST BLOOD ★ DRAGON SLAYER ★ SPEEDRUNNER

GAME UI ELEMENTS

// HUD DISPLAY

WORLD 1-4
x 073

// HEALTH BARS

PLAYER 100%
PLAYER 45%
PLAYER 15%

// STATS DISPLAY

HIGH SCORE
999,999
TIME
03:42
LEVEL
24
COINS
1,337

// MESSAGE BOX

Thank you for playing! Your adventure has only just begun. The fate of the kingdom rests in your hands...
PRESS A TO CONTINUE_

DITHERING PATTERNS

Classic dithering techniques for creating gradients with limited colors.

25% DITHER
50% DITHER
CHECKER
STRIPE

SPECIAL SCREENS

GAME OVER
YOUR SCORE: 087,650
INSERT COIN _

// PIXEL ART DECORATIONS

HEART
STAR
COIN