swiss-bauhaus-design

Installation
SKILL.md

Swissted Design System

The Editframe landing page is modeled on Swissted — Mike Joyce's project reimagining punk/indie concert posters in the Swiss International Style. This is the specific reference. Not generic Swiss/Bauhaus, not De Stijl.

Swissted characteristics:

  • Saturated primary colors as full-bleed grounds (not muted, not "sophisticated")
  • Heavy all-caps type set directly on color — no cards, no containers
  • Hard geometric rules as structural dividers
  • Three to four compositional elements per section, no more

Quality and Completion

Design quality is felt before it is named. A developer lands on the page and either thinks "these people know what they're doing" or they feel an unease they can't name. That gap — between trust and almost-trust — is where the system runs out of care.

A system feels complete when:

  • Every token has a declared role
  • Every role is actually used
  • Color choices are motivated, not arbitrary
  • A new agent reading the CSS understands what to use and why
Related skills

More from editframe/skills

Installs
72
GitHub Stars
4
First Seen
Apr 21, 2026