πŸ‡¨πŸ‡­ its-swissv0.7.0

sensible Swiss defaults, in one gem

I enjoy and am inspired by mid-century Swiss design β€” the style and the thought process behind it, figures like Josef MΓΌller-Brockmann and Emil Ruder. its-swiss condenses that into a set of sensible defaults I can use across my projects: a value scale, a baseline, a type hierarchy, a way to divide a page. The gem keeps them consistent everywhere, and as I learn more and refine the rules, they update in one place.

Below, the specimen: every component the library ships, the type scale, the value scale and the grid primitives, rendered by the library itself and published from its own repository.

The specimen, live. Unset the accent, or turn on the baseline grid.

its-swiss is a rubygem: 1,321 lines of CSS in seven files, everything inside @layer so any app rule wins without effort. 125 tests, twenty-two of them in a real browser β€” a rule on the wrong selector reads correctly in the CSS and does nothing on a page β€” and the published specimen is measured in Chromium, WebKit and Firefox, because a grid checked in one browser is a claim about that browser. Pandatone runs on it; Stripeclub is next.