directory / gameplay / arcade-chrome
GameplayBoldPlayful

街机铬面

高分榜能量、刚性模块和清晰操作状态。 这个变体强调更硬对比、更强操作和发布页能量。

By Rofi

$npx designdotmd add arcade-chrome
了解 CLI
try on →
1440×900
gameplay / bold / UI

Kitchen sink

Arcade Chrome — the kitchen sink.

Every primitive in the system, styled straight from tokens.

Levels
53
Tokens
64
Installs
24K
Accent
#F73B87
Surface
#FFF1F7
Ink
#140918
gameplay / bold / UI
FoundationsComponentsPatternsChangelog

Kitchen sink

Arcade Chrome — the kitchen sink.

Every primitive in the system, styled straight from tokens.

Levels
53
Tokens
64
Installs
24K

mobile · 390×844

The file

---
version: alpha
name: Arcade Chrome
description: High-score energy, rigid modules, and readable action states. This variant adds harder contrast, stronger actions, and launch-page energy.
colors:
  primary: "#F73B87"
  surface: "#FFF1F7"
  ink: "#140918"
---

## Overview

High-score energy, rigid modules, and readable action states. This chrome variant emphasizes harder contrast, stronger actions, and launch-page energy.

## Usage

Use this system for gameplay products that need fast preview, installable tokens, and readable agent instructions.

## Rules

- Keep one dominant action color per screen.
- Let spacing and type hierarchy create the signature.
- Keep generated UI components readable before expressive.

Tokens

Colors

primary
#F73B87
surface
#FFF1F7
ink
#140918

Typography

display
Fraunces · 4rem
body
Inter · 1rem
label
JetBrains Mono · .72rem

Rounded & Spacing

rounded
2px / 4px / 6px
spacing
8px / 16px / 32px