Most of the week is not design-system work. It is outlines, a few reference shots, and pages that need to read cleanly on a laptop and a phone. The less ceremony around that, the better.
I keep one stylesheet, ordinary HTML, and a short list of habits: one h1, real lists, and figures with captions. Grids and spacing helpers only show up when the layout needs them.
What stays in the kit
A laptop, a second monitor when available, and a folder of unfinished drafts. Prefer real headings over nested div trees so the structure stays clear for readers and tools.
Inline styles still work the way authors expect:
strong, emphasis, code, and plain links.
Write the page first. Style it second.
A simple routine
- Sketch the outline in plain text.
- Move it into HTML with real headings.
- Check contrast and focus on a phone-width viewport.
Link one file
For classless dark pages, one link is enough:
<link rel="stylesheet" href="bullframe-classless-dark.min.css" />Lists, tables, and forms then share the same tokens as the rest of the site.
Before you publish
- One
h1, then a clearh2ladder - A short lead under the title
- Real lists instead of line breaks
- A dark build if the reading surface should stay dark
More examples
See the gallery, the kitchen sink, or typography for the type scale.