Skip to content

feat(design): add Pixel Pop (8-bit pastel arcade) preset#9

Merged
fmw666 merged 1 commit into
mainfrom
claude/quizzical-jones-b1e777
Jun 8, 2026
Merged

feat(design): add Pixel Pop (8-bit pastel arcade) preset#9
fmw666 merged 1 commit into
mainfrom
claude/quizzical-jones-b1e777

Conversation

@fmw666

@fmw666 fmw666 commented Jun 8, 2026

Copy link
Copy Markdown
Owner

Pixel Pop — 8-bit pastel arcade design preset

Adds a self-authored 15th --design preset for the template + playground.

What it is

Neo-brutalist hard-outline chassis (3px ink borders, hard-offset zero-blur shadows, zero radius) re-skinned in a candy pastel palette — lavender / mint / pink / butter / sky — with bitmap pixel headlines (Press Start 2P) over a retro monospace body (Space Mono). Ships light + dark (arcade-night purple-black) halves, a pixel-dot field, image-rendering: pixelated, and hover-pop / active-slam press motion.

Changes

  • Register pixel in the CLI design choices, preview params-schema (+ dropdown label), and the audit-design voice spec.
  • Load Press Start 2P + Space Mono behind the design=pixel variant marker in both template index.html copies (graceful fallback to ui-monospace where Google Fonts is blocked).
  • CJK-safe font stacks — append PingFang SC / Microsoft YaHei / Noto Sans SC before the generic so Chinese/Japanese titles render in a clean sans instead of the browser default serif clashing with the bitmap Latin. Comment documents the swap path to Zpix / Fusion Pixel / Cubic 11 for true pixel CJK.
  • Re-sync create-eikon-react/template/package.json to the source template (drop unused @radix-ui/react-label; native <label htmlFor> is used).

Verification

  • pnpm audit:design pixel100/100 (completeness · WCAG contrast · design voice).
  • pnpm verify:pr green locally: typecheck · lint · test · lockfile · build · e2e:pr (2m41s).
  • Rendered in the playground (light + dark); confirmed the CJK fallback resolves to Microsoft YaHei on a Chinese heading rather than serif.

🤖 Generated with Claude Code

A self-authored 15th `--design` preset: the neo-brutalist hard-outline
chassis (3px ink borders, hard-offset zero-blur shadows, zero radius)
re-skinned in a candy pastel palette (lavender / mint / pink / butter / sky)
with bitmap pixel headlines (Press Start 2P) over a retro monospace body
(Space Mono). Ships light + dark (arcade-night) halves, a pixel-dot field,
`image-rendering: pixelated`, and hover-pop / active-slam press motion.

- register `pixel` in the CLI design choices, preview params-schema (+label),
  and audit-design spec (voice checks)
- load Press Start 2P + Space Mono behind the design=pixel variant marker in
  both template index.html copies (fall back to ui-monospace where blocked)
- CJK-safe font stacks (PingFang SC / Microsoft YaHei / Noto Sans SC before
  the generic) so Chinese/Japanese titles render in a clean sans instead of
  dropping to the browser default serif against the bitmap Latin
- re-sync the create-eikon-react template package.json to the source template
  (drop unused @radix-ui/react-label — native <label htmlFor> is used)

Audit: pixel scores 100/100. Local verify:pr green
(typecheck / lint / test / build / e2e).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
@fmw666 fmw666 merged commit 53be51e into main Jun 8, 2026
4 checks passed
@fmw666 fmw666 deleted the claude/quizzical-jones-b1e777 branch June 8, 2026 07:32
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant