Downloads
6,482
+124 todaythis week
You have seen this website.
Here is how I got out of it, and how you can too.
Six businesses. Six looks. One website.
A model gives you the most likely answer. That page is the most likely website. Nobody told it who you are.
I made the same mess by hand.
- 8sites
- 4frameworks
- 7typefaces
- 8accent colors
None of it looked like me.
So I started saying no.
Most of what came back got thrown out. These are from my notes.
Gradient sectionsclassic AI slop
Wide display fontsnot human-readable
Heavy headlinestoo much bold
Buttons that move when you press themwe never want position drift
A different color per productlooks horrible
3D atom arthorrible
What was left was mine.
One orange. One typeface. Rings drawn from a name, so every name gets its own.
hmziq
Same name, same rings. Every time.
Then I turned it into parts.
295 pieces for Svelte and Astro. These ones are running right here. The words inside are examples.
Browse all of them
brand.ts
1
const rings = draw("you");2
const color = theme.orange;3
const font = "Onest";hmziq
Most dogs
Daily walks
One long walk, every day, rain or not.
$18
a walk · Cancel any morning
Book a walk- An hour outside
- A photo when it's done
- The same walker every time
Can I use your orange?
You can, but then it's my orange.
Will my site look like yours?
If you copy it, yes. Copy the method instead.
Do I need to be a designer?
No. I'm not one.
my-site
$ bun run new-project astro ../my-site --local
▸ Theme › yours
✓ Ready. Now change everything.
$ bun run new-project295
pieces in the kit
Release
v0.3.1
Tagged v0.3.1 on main.
01 tag
git push --tags
02 build
on native runners
03 sign
your keys · ed25519
04 update
checked on launch
- Fieldnotes-0.3.1-arm64.dmgqueued11.8 MB
- Fieldnotes-0.3.1-x64.dmgqueued12.4 MB
- Fieldnotes-0.3.1-x64.msiqueued9.6 MB
- Fieldnotes-0.3.1.AppImagequeued14.1 MB
- fieldnotes_0.3.1_amd64.debqueued10.2 MB
Then I told the machine.
Every rule went into one file. Agents read it before they touch a page, and the build checks their work.
- If a button moves on hover, the build fails.
- If a color isn't in the theme, the build fails.
- If text is too faint to read, the build fails.
Now do yours.
Or start from how I do it: my rules, my workflow, my stack.
- 1Write down what you hate.Screenshots help. Be rude.
- 2Pick one color and one typeface.Then stop looking.
- 3Make one thing nobody else has.Mine is rings. Yours could be a drawing, a shape, a joke.
- 4Write the rules down.Put them where your tools read them first.