Template guide

Start here

Everything you need to make Ebb your own in an afternoon. No code, just a few styles, components and CMS fields.

01

Set your colours

Open Assets → Colors and change Accent / Tide and Accent / Tide Soft. Every section, card and button follows automatically.

02

Edit the phone screens

The Phone component holds four real screens: Today, Write, Mood and Insights. They’re built from layers, so you can edit any text or icon directly.

03

Tune the typography

Fonts live in Assets → Text Styles. Heading, Body and Label styles already include tablet and phone sizes.

04

Update the reviews

Review Card instances sit next to the Home page on the canvas. Change the quote, name and avatar, or switch a card to the Photo variant.

05

Post updates in the CMS

Add items to the Changelog collection. The list and every detail page update automatically, sorted by date.

06

Link your app

Set your App Store and Google Play links on the Store Badge instances, then point the Get Ebb button to your download section.

Credits

Ebb is a Framer template by Framigo Studio. All names, people and numbers on the site are fictional.

Fonts

Inter, Inter Display, Geist Mono, Instrument Serif

Icons

Phosphor

Photos

Unsplash

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