SUPERFAMICOM

Design System v1.0

01. PALETTE

Plastic & Pigment
#E2E2E2
Chassis GreyBase
#9E9E9E
Faceplate GreyAccent
#2D2D2D
D-Pad BlackText/UI
#DD2C00
#FFD600
#2962FF
#00C853

02. TYPOGRAPHY

Inter / Sans-Serif

Display Header (Black Italic)

SUPER POWER

Section Header (Bold)

Controller Input Test

Body Text

The Super Famicom design language relies on soft curves and high readability. Use bold weights for emphasis rather than color changes within body text. Keep line-heights loose to mimic the friendly nature of the console.

Label / Meta

PLAYER 1 STARTHigh Score: 50,000

03. CONTROLS

Interactive Elements
INPUT
Primary
Danger/Hot
Success
Warning

Functional Buttons

Action Pills

Input Fields

04. COMPONENTS

Cards & Alerts
Hot

SUPER COMPONENT

A standard card container with rounded corners (2rem) and soft shadows.

$19.99

System Update

New levels available for download.

Save Complete

Your progress has been recorded.

Low Battery

Please connect charger soon.

MENU SELECTION

  • 1 PLAYER GAME
  • 2 PLAYER GAME
  • OPTIONS

Feature Cards (Colored)

Turbo Speed

Optimized for high performance rendering and quick load times.

Multi-Layer

Stackable components that fit together perfectly.

Star Power

Highlight your best content with our "B-Button" yellow accents.

User Love

Designed with user experience as the primary directive.

05. INPUTS

extended controls

Directional Control

System Power

Shoulder Buttons

Menu Actions

Select
Start