Spine Books

About this template

Spine is a website template for independent bookshops, including ones with a café. It's warm and literary: book covers standing on green shelves, handwritten shelf-talkers with staff reviews, events on a library "date due" slip and a row of spines above the footer.

Books, events and staff run from the CMS. Each book has a title, author, genre, format, price, a staff review, who picked it, a description, cover art and a cover colour, and gets its own page. Covers are built in Framer, with the title set over any artwork. Events have a date, time, type, price and description. Staff have a photo, role, favourite genre and what they're reading now.

The "Open now" badge reads your opening hours in your time zone. It shows "Open now · until 5:30pm" or "Closed · opens at 9am" and updates every minute.

The Order page has a book order and event booking form (request type, title, author, copies, collect or post, name, email, phone, address and notes) with loading, success and error states.

Pages: Home (staff picks, events, book club, ordering steps, gift cards, café and visit info), Books, a book page, Events (full list, book club, story time, author talks), Visit and café (hours, café menu, staff, map), Order, Licenses and 404. Every page has its own search title and description and works on desktop, tablet and phone.

Getting started:

Change the colours in Assets → Colors (all named Spine/...) and the fonts in Assets → Text Styles.

Replace the books, events and staff in CMS → Books, Events and Staff. Set a cover colour for each book's title plate.

Set your opening hours on the "Open now" badges and in the footer.

Open the form on /order and choose where requests go.

Link the "Buy a gift card" buttons to your gift card provider.

Swap the photos for your own, and put your address in the map on /visit.