Spark design system

The template that grows with what you’re building

Spark is a multipurpose Framer template for modern websites.

A sculptural terracotta vessel on warm ivory plaster in afternoon light
A warm limewash plaster wall with a soft curved shadow
A stack of matte tiles graduating from bone through clay to terracotta
Detail of a pale oak chair with a woven rush seat against ivory plaster
Overhead flat lay of folded linen, a terracotta dish and a pale oak ruler
A terracotta arch form beside a bone-coloured cylinder on warm ivory
Hands arranging bone, ivory and terracotta tiles into a loose grid
Macro detail of unglazed terracotta meeting smooth bone plaster
A slender bone ceramic vase with a dried grass stem on warm ivory
Sculptural plaster and terracotta geometric forms with long directional shadows

Design system

Change it once. It changes everywhere.

Every surface reads from the same colour tokens and text styles. Adjust the accent, and buttons, taglines, icon tiles, and links follow — across all four pages.

In the box

Everything you need, nothing you have to undo

Modular blocks of varying sizes interlocking into one composition, with a single terracotta block

Built as one system

Colour styles, a type scale, and components that were designed together — not stitched together afterwards.

Twelve colour tokens

Rebrand the entire template by changing a dozen values — hover states follow.

Responsive

Three breakpoints, already laid out.

Accessible

Contrast checked in both themes.

A real component library

Seven components with variants, so one edit lands on every page at once.

Handover in a day

A walkthrough, then it is yours — no lock-in and no monthly hostage fee.

0
0
0

Prebuilt sections

0

Pages, fully responsive

0

Colour + text styles

0

Reusable components

Testimonials

Teams that stopped fighting their own site

We replaced three tools and a month of build time. Spark gave the team a system they could actually keep tidy.

Amara Osei

Head of Design, Northbeam

We replaced three tools and a month of build time. Spark gave the team a system they could actually keep tidy.

Amara Osei

Head of Design, Northbeam

The breakpoints were the sell. Everything already worked on a phone, which is never true of templates.

Ravi Menon

Founder, Halcyon

The breakpoints were the sell. Everything already worked on a phone, which is never true of templates.

Ravi Menon

Founder, Halcyon

Rebranding took an afternoon. The whole site moved with us. One change, instant consistency everywhere.

Juno Lindqvist

Creative Lead, Vantage

Rebranding took an afternoon. The whole site moved with us. One change, instant consistency everywhere.

Juno Lindqvist

Creative Lead, Vantage

Pricing

Simple plans that scale with the site

Every plan includes the full component library and all four page layouts.

Starter

$0

forever

For a single landing page you want to get right.

1 page

Full component library

Community support

Framer badge

Starter

$0

forever

For a single landing page you want to get right.

1 page

Full component library

Community support

Framer badge

Studio

Most popular

$49

per month

For small teams shipping a full marketing site.

Up to 10 pages

Shared component library

Custom domain

Basic analytics

Studio

Most popular

$49

per month

For small teams shipping a full marketing site.

Up to 10 pages

Shared component library

Custom domain

Basic analytics

Scale

$149

per month

For agencies running many sites at once.

Unlimited pages

Multi-site design system

Priority support

Advanced analytics

Scale

$149

per month

For agencies running many sites at once.

Unlimited pages

Multi-site design system

Priority support

Advanced analytics

FAQ

Questions worth answering up front

How is Spark different from a page builder?

Spark ships as a real design system — colour tokens, text styles, and components — so edits stay consistent instead of drifting page by page.

How is Spark different from a page builder?

Spark ships as a real design system — colour tokens, text styles, and components — so edits stay consistent instead of drifting page by page.

Can I use my own brand colours?

Can I use my own brand colours?

Is it responsive out of the box?

Is it responsive out of the box?

What about images?

What about images?

Do I need to know how to code?

Do I need to know how to code?

Start with a system, not a blank page

Spark gives you the structure. You bring the brand, the words, and the images.

Spark

A multipurpose template built as a real design system — tokens, text styles, and components that stay in sync as the site grows.

Get product updates

Product

Features

Pricing

Integrations

Changelog

Company
Resources

Documentation

Guides

Support

Status

© 2026 Spark. All rights reserved.

Privacy Policy

Terms of Service

Cookie Settings

Create a free website with Framer, the website builder loved by startups, designers and agencies.