A minimal, monospace-first CSS stylesheet with automatic light/dark mode.
https://sites.wisp.place/wisp.place/wisp.css/wisp.css
Ideally, download and serve it with your site. It's simple CSS - feel free to take it wholesale and modify as you like.
This is a paragraph with bold text and a link. The stylesheet uses JetBrains Mono for that clean monospace aesthetic.
This is small text for captions or metadata.
Here's some inline code in a sentence.
// Code block
const greeting = "Hello, wisp.css!";
console.log(greeting);This is a basic card component with some content inside.
Use this for positive feedback or confirmations.
Use this for errors or destructive actions.
Use this for warnings or important notices.
Use this for informational messages.
Use card-flex and card-icon for icon layouts.
text-muted - Secondary text
text-subtle - Tertiary text
text-accent - Accent color
text-success - Success state
text-danger - Danger state
text-warning - Warning state
text-left
text-center
text-right
Colors automatically adapt to light/dark mode via CSS custom properties.