three circles

Item: three circles
Rating: 6.6

Framer template for one-page branding studios

A Framer Marketplace template by Salim from Webestica. Its words and photos are demo content.

Live preview Get this template Save page

6.6/10MABTU rating

Home

/blog

Blog post

DESKTOP · 1440 × 8,734/ ↗

MOBILE · 390

Section outline · Home

01heroHeavy lowercase headline with circle letters, yellow CTA, sticky orange sidebar
02portfolioFeatured project image then ruled project list with years
03ctaCream card with small illustration and button
04aboutFounder letter on paper card with clipped photo
05servicesSix tiles with sticker images and one black CTA tile
06awardsRuled awards table with years
07logo cloudSingle row of client logos
08statsIllustrated photo with three white stat cards
09testimonialsScattered note cards with avatars and rating badge
10blogThree illustrated post cards
11contactForm inside envelope illustration
12footerBlack card with contacts and newsletter

Rating · Home

Visual design7.3

UX & clarity6.6

Originality7.6

Craft & consistency7.0

Motion6.0

Performance & a11y8.0

This page scores 7.1; the site score weights the home page double.

Main colours

Light·cream background·vivid

Typography

Bricolage Grotesqueheading · sans · google Be Vietnam Probody · sans · self-hosted

Stack & style

Framer Lenis React Google Fonts

Bold typography Playful Illustration-led Floating CTA Logo cloud Marquee Smooth scroll Stats band Sticky header

Design DNA

Template: cream #FFF8DE canvas, orange #F26A2E sticky left sidebar holding the logo, a yellow #FFE14D accordion menu and a 'book a 30-min call' button, black #141414 closing card. Headlines are a heavy lowercase grotesk where o's become coloured circle graphics ('bold moves inspire growth'). A featured project image leads into a ruled project list, a founder letter styled as a paper note with a clipped photo, six service tiles with sticker-like images, an awards table, a logo strip, a stats photo, scattered testimonial notes and a contact form tucked into an envelope illustration.

Worth borrowing

Put navigation in a sticky coloured sidebar card whose menu items expand to preview each section.
Replace letters in the hero headline with small coloured circle graphics that echo the logo.
Frame the contact form as a letter sliding out of an envelope illustration.