Themes · Added October 30, 2026 New

Swiss

One grotesk family, a heavy display over a light lede, an off-centre column with a rail for labels.

For: Agencies, studios, product and tech companies

Open the live previewCompare with others

More demo pages in Swiss: Business home · Long article · Portfolio · Shop list · People · Visit. Dark: business page.

Download

Zip (theme + core + demo) Single HTML file

Install

With npm:

npm install @fluid-theme/core
@import "@fluid-theme/core";
@import "@fluid-theme/core/fonts";
@import "@fluid-theme/core/themes/fonts/archivo.css";
@import "@fluid-theme/core/themes/swiss.css";

Or link it from the CDN, core first:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fluid-theme/core@2/dist/fluid.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fluid-theme/core@2/dist/fluid-fonts.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fluid-theme/core@2/themes/fonts/archivo.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fluid-theme/core@2/themes/swiss.css">

Source: swiss.css on jsDelivr · GitHub (the GitHub repo is private for now; npm and jsDelivr are public)

Changelog

  • Packaged as themes/swiss.css with self-hosted Archivo (PR #109).
  • First shown as a look on the base v2 demo.