A calm design system inspired by Apple's restraint. Sibling to str4tum-ds.
Three files. Zero build. Load tokens.css first, then components.css, and optionally str4t0s.js for scroll reveal and nav effects.
<link rel="stylesheet" href="https://ds-str4t0s.d0mus.com/tokens.css">
<link rel="stylesheet" href="https://ds-str4t0s.d0mus.com/components.css">
<script src="https://ds-str4t0s.d0mus.com/str4t0s.js" defer></script>Inter font self-hosted in production. For dev preview, Google Fonts is fine.
Sections breathe at 128px on desktop. Content max-widths cap reading line length around 65 characters.
Neutral scale of 11 steps. Four semantic accents used sparingly. No decorative colors.
Cubic-bezier curves with longer durations (300-700ms). Always paired with prefers-reduced-motion respect.