Style tile

The OpenSheets design system

Warm, friendly and unmistakably UK. Built on the Aligned foundation (Satoshi type, 8px spacing, soft radii), then warmed up with coral, amber, mint and cream so tax admin feels human.

Logo

OpenSheets

Voice

Relaxed, plain-spoken UK English. Short sentences. Lead with "free". Explain tax like a friend, never a manual. No em dashes, no jargon walls.

Mascot

Ledger

A wise little owl who keeps your books tidy. The eyes are spreadsheet cells. Reused across pages and as the favicon.

Colour palette

Brand navy

#1E40AF

Action blue

#2563EB

Sky accent

#3B82F6

Sheet tint

#DBEAFE

Coral (CTA)

#EA5440

Coral soft

#FF6B5C

Sunny amber

#FBBF24

Mint

#10B981

Emerald

#047857

Mint tint

#D1FAE5

Ink

#1F2937

Cream

#FBFAF7

Typography: Satoshi, with Caveat for the human touch

Display 62Sort your books

H2 36Popular this month

H3 19Invoice template (UK)

Body 16A clean, VAT-ready invoice for UK sole traders. Generous line height, comfortable size, never cramped.

Mono£1,440.00 · 14/06/2026 · VAT GB123

Accentno sign-up needed!Caveat, one or two per page, never in running text

Buttons

Badges & chips

Free MTD-ready New

Excel Google Sheets PDF

Sales Bookkeeping Operations Landlord

Template card

Free

Sales & purchasing

Invoice template

Dotted-grid texture & surfaces

Cream #FBFAF7

Cool #F8FAFC

Build handoff: Astro, SEO-first

Astro structure

Content collections for templates and blog (MDX). One file per template generates one page.
Static-first, near-zero JS. Islands only for the library filters, the "which template" picker, the MTD checker and the email forms.
Images via astro:assets Image, WebP/AVIF, lazy-load below the fold, preload the hero.
View transitions for snappy page-to-page nav. font-display: swap.

SEO setup

One page per keyword, e.g. /templates/invoice-template-uk. Unique title, meta, OG, canonical each.
Structured data: CreativeWork + HowTo on template pages, FAQPage on FAQs, BreadcrumbList, Organization sitewide.
Semantic HTML5 landmarks, clean heading order, descriptive alt on every thumbnail and illustration.
XML sitemap, robots.txt, breadcrumbs, and the footer link matrix for internal linking.
Target sub-2s loads and green Core Web Vitals.