Personal & Professional · Free to copy

Quarto

A cream-and-burgundy author site with book jackets drawn in pure CSS.

Yours in seconds, on your own URL. Free.

Quarto author website template — full design preview

Literata on cream paper, a burgundy ribbon of an accent, and covers your agent can redesign in a sentence. For the writer whose backlist deserves better than a photo grid. Open the live demo

The design, up close

Every section ships exactly like this — swap the words and photos for yours.

No editor to fight. Just ask.

Once it's yours, your AI (Claude, ChatGPT, Cursor…) stays connected — these are real requests it handles.

“My new novel Winter Bees is out in May. Make it the hero book with a dark green jacket and move The Understory into the backlist row.”

“Replace the excerpt on the chapter page with the opening of Winter Bees. Here is the text.”

“Add a reading at Dorset Street Books on November 14 at 7pm, in conversation with my editor, and remove the September event.”

“Add my essay The Long Thaw, published in Lamplight Quarterly this year, to the top of the essays list.”

“Restyle the essay collection jacket: small caps title, a thin double border, and swap the site accent from burgundy to bottle green.”

Design details

Jackets with no cover art

Every book is a pure-CSS jacket: spine, title type, imprint mark, a slight hand-placed tilt. No designer, no image files. Restyling one is a sentence to your AI.

A hero that sells the new book

Your name set large, one line on what you write, and the latest title with its hook, buy pills, and a first-chapter link that actually goes somewhere.

A real excerpt page

The opening chapter set like a printed page at /chapter, drop cap included. Paste in your own first pages and the link starts earning preorders.

Backlist and essays, shelved properly

Three jackets in a row with a review line each, then a five-row index of selected essays with publication and year. Quiet, complete, easy to extend.

Events without a widget

Three upcoming readings with date, venue, city, and who joins you on stage. Adding November is one ask; clearing September is another.

Press contacts set formally

Agent, publicist, and everything else, each with a name and a direct address, plus a newsletter card that promises a letter most months and no padding.

How it works

Copy it

One click puts this exact site on your account, live at your-name.hatchable.site. The code is yours — no lock-in, no "Powered by."

Make it yours

Connect your AI and talk: "swap in my photos," "change the name to Lupa," "rewrite the about page." It edits the real files and redeploys in seconds.

Point your domain

Keep the free URL forever, or put the site on your own domain when you're ready.

More designs

Start with Quarto tonight.

Free to copy, live in seconds, and every future edit is one sentence to your AI away.