cyberneticlibrary

Apply Swiss Design system with Tailwind

swiss-designskillsetup L10
Sheshiyer/skill-clusters
What it does

Apply Swiss International Style design system with Tailwind CSS

Best for

When building apps that require modernist, grid-based, accessible UI with restrained color.

Inputs
  • · webpage HTML/CSS
  • · viewport breakpoints
Outputs
  • · styled UI with 12-column grid
  • · typography + color system
Requires
  • · Tailwind CSS
  • · Google Fonts API
Preconditions

Tailwind CSS installed; font imports accessible

Failure modes
  • · Missing Google Fonts link
  • · Tailwind config incomplete
Trust signals
  • · MIT license
  • · Zeke author
  • · complete typography matrix
  • · color opacity system documented