···23[](https://www.npmjs.com/package/@intergrav/dev.css) [](https://cdn.jsdelivr.net/npm/@intergrav/dev.css/) [](https://discord.gg/m5tUgaM3uK) [](https://github.com/intergrav/dev.css)
45-dev.css is a tiny, simple, classless CSS framework inspired by Vercel's [Geist](https://vercel.com/geist) design system. It is designed to make any plain HTML file look clean and modern. The minified stylesheet weighs only **~5.5kb** and includes both light and dark themes.
67You can find the website at <a href="https://devcss.devins.page">devcss.devins.page</a>, which contains a demo page.
8
···23[](https://www.npmjs.com/package/@intergrav/dev.css) [](https://cdn.jsdelivr.net/npm/@intergrav/dev.css/) [](https://discord.gg/m5tUgaM3uK) [](https://github.com/intergrav/dev.css)
45+dev.css is a tiny, simple, classless CSS framework inspired by [new.css](https://newcss.net). It is designed to make any plain HTML file modern and responsive. The minified stylesheet weighs only **~5.5kb**. It also has some extra features, such as an optional sidebar and addons.
67You can find the website at <a href="https://devcss.devins.page">devcss.devins.page</a>, which contains a demo page.
8
+3-4
dev.css
···1/* dev.css v4, a lightweight CSS framework - https://github.com/intergrav/dev.css */
2-/* about: tiny, simple, classless CSS framework in the style of Vercel's Geist design system */
34/* table of contents
5 1. configurable variables
···24:root {
25 /* font families */
26 --dc-font: "Geist", "Inter", ui-sans-serif, system-ui, sans-serif;
27- --dc-font-mono:
28- "Geist Mono", ui-monospace, "Cascadia Code", "Source Code Pro", Menlo,
29- Consolas, "DejaVu Sans Mono", monospace;
3031 /* light/dark colors */
32 --dc-cs: light dark; /* light and dark scrollbars, inputs, etc */