← All website designs
Shops & Boutiques · Free to copy

Dogear

A lamplit, cream-and-green design for the neighborhood bookstore.

Preview live

Yours in seconds, on your own URL. Free.

Dogear bookstore website template — full design preview
Staff picks drawn as pure CSS book covers with handsells signed by real first names, events without a widget, and special orders in two days. For the store where the algorithm is a person. 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.

“Swap this week's staff picks for these four titles and authors, recolor each cover to suit, and sign the first note from Petra.”
“Add a poetry reading on Thursday the 12th at 7pm and retire the book club row.”
“We're open Sundays 10 to 6 now, update the hours in the nav pill, the hero, and the visit section.”
“Rename the store to Foxglove Books and rewrite the story section for a beagle named Pip.”
“Make the accent a deep plum instead of bottle green and swap the hero for the photo I uploaded.”

Design details

Staff picks your agent re-letters

Four book covers drawn in pure type on colored grounds, each with a two line handsell signed by a bookseller. New week, new picks: one sentence to your AI and the covers, notes, and signatures all change.

A hero that says the quiet part

Your shelves at lamp hour, edge to edge, under one line: the algorithm is a person here. The open-today hours sit right beneath it.

Six shelves with attitude

Poetry, kids, local authors, cooking, mystery, used and rare, each given one line of personality instead of a category label. Mystery: Petra has read every one of these.

Events without a widget

Readings, book club, story hour set as clean dated rows with free, come energy. Adding one is a sentence to your AI, not a calendar plugin.

Special orders, said with confidence

Almost anything in two days, text or email the title. Includes the no-shame line about checking prices against the big river site.

Bottle green and one red ribbon

Warm cream paper, ink text, a single green accent, and a thin red ribbon detail used exactly twice. Swap one CSS variable and the whole shop re-tunes.

How it works

01

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."

02

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.

03

Point your domain

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

Start with Dogear tonight.

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