Style menu

Pick your finish.

Every sample is live. Tap the ones you like, in your own colour, and we note the codes.

Your device has animations turned off, so the samples here stay still.

Your colour

Fonts

Pick one — changes the samples below
Good morningFresh bread, baked daily.
FNT-01
Clean modern
Work Sans throughout. Neutral and easy to read.
Good morningFresh bread, baked daily.
FNT-02
Elegant serif
Playfair Display headings over Inter. Refined.
Good morningFresh bread, baked daily.
FNT-03
Bold condensed
Barlow Semi Condensed headings. Sporty and loud.
Good morningFresh bread, baked daily.
FNT-04
Friendly rounded
Nunito throughout. Soft and approachable.
Good morningFresh bread, baked daily.
FNT-05
Sharp techy
Space Grotesk headings over Inter. Precise.

Corner style

Pick one — how cards and photos are cut
CNR-01
Sharp
Crisp square corners. Formal.
CNR-02
Soft
Gently rounded. Friendly but tidy.
CNR-03
Round
Very rounded. Playful.

Menu bar

Pick one — the bar at the top of every page
NAV-01
Plain
Sits on the page with no bar behind it.
NAV-02
Glass
A frosted bar the page shows through.
NAV-03
Solid colour
A bar in your colour.
NAV-04
Shrinks on scroll
Slims down as you scroll the page.

Headline entrance

Pick one — how your main headline arrives
Hello there
HDL-01
Letter by letter
Letters rise in one at a time.
Hello there
HDL-02
Word by word
Each word steps in after the last.
Hello there
HDL-03
Fade up
The whole line floats up into place.
Hello there
HDL-04
Slide in
The line glides in from the side.
Hello there
HDL-05
Blur into focus
Starts soft, then snaps sharp.

Button material

Pick one
Get started
BTN-01
Keycap
A chunky key you can almost press. Bold and tactile.
Get started
BTN-02
Flat pill
Clean and rounded. The modern default.
Get started
BTN-03
Outlined
Just a line and the words. Quiet and elegant.
Get started
BTN-04
Glass
Frosted and see-through. Best over photos.
Get started
BTN-05
Soft shadow
Floats above the page on a coloured shadow.

Button animation

Pick one — shown on your keycap button
Get started
ANI-01
Glint
A streak of light crosses the button.
Get started
ANI-02Desktop only
Magnetic lean
The button leans toward the mouse.
Get started
ANI-03
Lift and press
Rises when you point, sinks when you click.
Get started
ANI-04
Glow
A halo of your colour lights up around it.
Get started
ANI-05
Arrow slide
An arrow slides in to say go.

Card hover

Pick one — what cards do when pointed at
CRD-01
Lift
The card rises off the page.
CRD-02Desktop only
Tilt
The card tilts under the mouse.
CRD-03Desktop only
Spotlight edge
A light follows the mouse around the card edges.
CRD-04
Image zoom
The picture slowly zooms in.
CRD-05
Colour border
A border in your colour appears.

Photo hover

Pick one — what photos do when pointed at
Our kitchen
IMG-01
Colour reveal
Black and white until you point at it.
Our kitchen
IMG-02
Caption slides up
A caption rises over the photo.
View
IMG-03
Dim and label
The photo darkens and shows a label.
Pick one — how your photos are laid out
GAL-01
Even grid
Equal tiles in tidy rows.
GAL-02
Mosaic
Big and small photos that interlock.
GAL-03
Sliding row
One row you swipe sideways.
GAL-04
One big, four small
A feature photo with smaller ones beside it.
Pick one — what text links do when pointed at
Read our story
LNK-01
Underline slides in
A line draws itself under the words.
Read our story
LNK-02
Underline from centre
The line grows out from the middle.
Read our story
LNK-03
Highlight
A marker-pen highlight fills in.
Read our story
LNK-04
Arrow nudge
The arrow steps forward.

Extras

Add as many as you like
  • Menu
  • Bookings
  • Gallery
  • Reviews
  • Contact
FX-01
Moving strip
A line of words that scrolls by itself.
250+your number here
FX-02
Count-up numbers
Numbers count up as they come into view.
FX-03
Sections fade in
Each section eases in as you scroll to it.
FX-04
Click to enlarge
Tapping a gallery photo opens it full-screen.
Your button
Get started
Order lineFNT-01 · CNR-02 · NAV-01 · HDL-01 · BTN-01 · ANI-01 · CRD-01 · IMG-01 · GAL-01 · LNK-01 · #9D0B0D
See it on a full site →