Skip to content

PROJECT WALKTHROUGH

FreeBrandTools.com

Twenty-two branded business tools that run entirely in the browser. No signup, no backend, no watermark. Specified completely before any code existed, then delegated and verified.

22
tools
0
accounts required
0
data leaves the browser
The FreeBrandTools home page: the headline “Branded business tools, actually free” above buttons reading Browse the tools and Set up your brand kit
freebrandtools.com

Invoices, receipts, quotes, purchase orders, statements, business cards, email signatures, letterheads, QR codes, certificates, résumés, cover letters, and a brand kit that remembers your logo, colors and fonts across all of them.

The technical position

Everything runs client-side. There is no server, no account, and no upload. Your files never leave your device, which is not a privacy feature bolted on afterwards but the architecture the whole thing is built on.

That decision costs me analytics and a mailing list. It buys a product that cannot leak your data, because it never has it.

Spec, delegate, verify

Before a line of code existed, I wrote the storage schema, a five-method API surface, a CSS custom-property contract, and a library-selection table. Then I handed it over as a delegation with a reading order, six hard rules, and eight testable acceptance criteria.

Compliance with the mount-point boundary was verified by diffing every produced file against the original. Not by reading the code and feeling good about it.

It is also a component library

The tool suite ports into every company brain I build, pre-seeded with that client’s brand tokens. A client gets twenty-two working branded tools on day one because the suite already exists and the brand system tells it what to look like.

The twenty-two

Each one reads the brand kit and produces finished, on-brand output. The names below are the real list, and they are the same names the brain hubs assert against when they check that every tool is wired to its brand seed.

Brand

Brand kitColor paletteGradientColor contrast checker

Stationery and identity

Business cardEmail signatureLetterheadCertificate

Career documents

ResumeCover letter

Money documents

InvoicePro forma invoiceQuotePurchase orderPacking slipReceiptDonation receiptRent receiptCredit noteStatement

QR

QR codeWiFi QR code

Why This Matters

Live

The loop is the actual job.

Specify completely, delegate cleanly, verify mechanically. That loop is the actual job in AI implementation, and this is the cleanest example of it I have shipped.

DJVF Built by DJ Von Frank

INSIDE THE PRODUCT

Two pages from the live site.

Full-page captures of the FreeBrandTools home page and one tool page. Open either at full size.

The home page, full-page capture
The home page · Open full size ↗
A tool page: the invoice generator, full-page capture
A tool page: the invoice generator · Open full size ↗