DAYSTROM-83 // DESIGN SYSTEM

Style guide

Kleuren, typografie en componenten uit de huidige HTML- en CSS-schermen.

Terug naar de werkruimte

Werkruimte & configuratie

De werkruimte en configuratie delen de donkere CRT-basis, JetBrains Mono, turquoise tekst en amber accenten.

--bg / --bg-base#010008
--panel / --bg-surface#0a0826
--screen / --bg-screen#000010
--elevated / --bg-elevated#161244
--text / --text-main / --primary#33ffcc
--accent / --text-amber#ffb000
--white / --text-white#eef2ff
--border#2a2566
--primary-hover#5cffe0
--error#ff3366
--muted / --text-muted#5e6b99

Typografie

DAYSTROM-83 // Z80

// SECTIEKOP

Standaardtekst gebruikt JetBrains Mono met compacte regelafstand en lichte letterspatiëring.

src/main.asm · 64 KiB · MSX2

De fonts.css-bundel bevat ook Plus Jakarta Sans, maar de actieve hoofdschermen gebruiken JetBrains Mono. De werkruimte gebruikt rechte hoeken; admin-configuratie gebruikt 0–3 px radius.

Bediening & tabbladen

Tekstlink

// OUTPUTPANEEL

$ glass src/main.asm out/game.rom
Build voltooid · 65536 bytes

Formulieren & status

READY · Build geslaagd

WAIT · Bezig met laden

ERROR · Verbinding mislukt

Navigatie & kaarten

projects
  • moonpatrol_msx2
  • src/main.asm

// ROM INFORMATIE

Bestand
moonpatrol.rom
Grootte
64 KiB

Ingebouwde hwsMSX-player

De emulator is een aparte interface met eigen tokens in static/hwsmsx/styles/player.css; deze stijl wordt niet overschreven door de werkruimte.

--hws-background#111820
--hws-surface#18232d
--hws-screen#080c10
--hws-text#e0ece6
--hws-accent#52e29c
--hws-border#547064 · --hws-radius: 4px

De admin-configuratie gebruikt dezelfde CRT-kleurwaarden als de werkruimte. static/css/tailwind.css levert de Tailwind v4 utility- en resetbasis voor die configuratiepagina; het bepaalt niet de werkruimte- of playercomponenten. De player gebruikt systeem-monospace en 4 px afgeronde hoeken.