Customise Clarity · Motion Blocks

Templates

Clarity

Corporate · Data-Led

Identity

Your logo stays in this browser until you send the design.

PNG, SVG or JPG · drag & drop · max 500 KB

Business nameTown / area

Colours

Pick a palette or set your own brand colours.

PrimaryAccent

Button text contrast 6.4:1 · AA pass

Background

The base surface the whole site sits on.

Typography

Heading and body font pairing.

Headline accent

How *emphasised* words in headlines look.

Buttons & corners

Card corners 12px

Background pattern

Decoration behind heroes and feature panels.

Animation

Scroll reveals, staggered lists and counters. Visitors who prefer reduced motion never see them.

Spacing

Breathing room between sections.