Theme

C64

Retro desktop pixel computing. A light Win95-inspired aesthetic with grey panels, pixel fonts, subtle shadows, and sharp corners.

Color Palette

C64 Grey

#e0e0e0 · --background

Background

Panel White

#f5f5f5 · --card

Cards, panels

Button Grey

#d0d0d0 · --secondary

Buttons, secondary

Dark Border

#444444 · --border

Borders, text

Muted Grey

#c8c8c8 · --muted

Muted backgrounds

Accent Blue

#0d6efd · --ring

Links, focus ring

Typography

Headings

Press Start 2P

Google Fonts · monospace · 400 weight

Blocky pixel font used for headings, titles, and hero text. Captures the authentic 8-bit computer aesthetic with square letterforms.

Body Text

VT323

Google Fonts · monospace · 400 weight

Monospace pixel font for body copy, labels, and UI text. Readable at small sizes while maintaining the retro terminal feel of the Commodore 64.

Shadow Style

C64 uses subtle offset shadows — like classic desktop UI depth cues. Lighter grey shadows for gentle contrast against the light grey backgrounds.

Default shadow

2px 2px 0 #999

Hover shadow

3px 3px 0 #999

Text emboss

1px 1px 0 #fff

Border Style

Thick borders with no border-radius — sharp 0px corners everywhere. Solid borders on panels, dashed borders for dividers. Dark grey (#444) for contrast against the light background.

Solid 3px

3px solid #444

Ridge border

3px ridge #444

Dashed divider

3px dashed #444

Special Effects

  • Uppercase transforms — Text is set to uppercase for that classic BASIC prompt feel
  • Text emboss — 1px 1px 0 #fff on headings for a light embossed depth effect
  • Dashed borders — Used as dividers between sections, mimicking screen scanlines
  • Checkerboard patterns — Transparency and background patterns using repeating-conic-gradient
  • Pixelated images — image-rendering: pixelated on all images for authentic low-res scaling

Related pages