Your page, set in ink on a grid

This is a starter page built with swisskit. Edit the text, add sections, and the Swiss look holds: one red accent, hairline rules, sharp corners, and a strict left grid. The theme toggle in the corner flips light and dark.

Delete what you don't need. Everything below is a component you can copy from the showcase.

1
stylesheet
1
script, no build
0
dependencies

swisskit starter · replace this line

01

Start here

Write a section like this one. Use .sk-prose for body copy, lists, and inline code. The red list markers and the section rule come from the kit.

  • Put class="swiss" on <body> to opt into the base look.
  • Use component classes (.sk-card, .sk-callout, and so on) for everything else.
  • Override any --sk-* token in your own stylesheet to retheme.
Tip

Open index.html in this folder for the full showcase of every component, each one ready to copy.

Add a diagram, a data table, or a copyable prompt card from the showcase. If you add Mermaid diagrams, wire them with the snippet below so they match the theme and re-render on toggle.

Built with swisskit. Sibling of jawnpaper.