Product Design
Refero Design Style
Beginner3 uses

Hyperstudio — Refero Design Style

Monochrome terminal with amber accents — a high-contrast developer-grade aesthetic.

design-systemuireferencereferodesign-mdmonochromeamberterminaldev
📋

Spec

Hyperstudio Design Style

Full design system reference including colors, typography, spacing, and component guidelines extracted from Hyperstudio.

View the interactive DESIGN.md, Tailwind v4 config, CSS variables, and design tokens at: https://styles.refero.design/style/8eb9c53e-d69c-497a-b640-610856cf3a60

▶️

Run Instructions

  1. Visit https://styles.refero.design/style/8eb9c53e-d69c-497a-b640-610856cf3a60
  2. Click the "DESIGN.md" tab to get the full markdown prompt
  3. Copy and paste it into your AI agent or coding tool
  4. Also available: Tailwind v4 config, CSS variables, and design tokens tabs