Möbius

Item: Möbius
Rating: 7

Framer template for branding and design studios

A Framer Marketplace template by Anton Drukarov. Its words and photos are demo content.

Live preview Get this template Save page

7.0/10MABTU rating

DESKTOP · 1440 × 23,569/ ↗

MOBILE · 390

Section outline · Home

01heroGiant wordmark, fanned photo cards, intro copy top-left900
02statementScroll-reveal manifesto with two text columns
03showreelCar-in-dunes image framed by oversized words
04servicesA/B/C statements with tag pills
05statsPhoto-filled numerals 25, 42, 83 with captions
06awardsTable of awards with counts
07teamFour portrait grid with bio
08logosLogo grid over large team photo2,771
09processGantt bars with four phases956
10testimonialsPortrait plus large quote slider1,053
11pricingThree packages, monthly/yearly toggle2,302
12blog2x2 mono photo grid1,179
13contactFill-in-the-sentence form1,708
14faqLarge-type accordion
15footerWordmark, newsletter, socials, legal

Rating · Home

Visual design7.4

UX & clarity6.8

Originality7.2

Craft & consistency6.6

Motion7.0

Performance & a11y7.0

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

Main colours

Light·white background·mono

Typography

Interheading · sans · self-hosted Interbody · sans · self-hosted

Stack & style

Framer React Google Fonts

Minimal Bold typography Monochrome Photography-led Swiss grid FAQ accordion Logo cloud Marquee Pricing table Process steps Smooth scroll Sticky header Testimonial slider Text reveal

Design DNA

Template: pure white canvas, black tight-tracked grotesque, no accent colour beyond one orange hero photo. A huge Möbius® wordmark with a fanned stack of photo cards anchors the hero. Each section repeats a mini nav bar with a timestamp, like pages of a studio document. Services as lettered A/B/C statements with tag pills; stats as giant numerals (25, 42, 83) filled with office photography; process drawn as a black Gantt bar chart; pricing in two packages with struck-through prices; blog 2x2 grid of mono photos; conversational fill-in-the-blank contact form.

Worth borrowing

Fill giant stat numerals with photography so numbers double as imagery.
Draw the process as a black Gantt chart of overlapping phase bars across a week axis.
Write the contact form as a sentence with inline blanks (Hey, my name is __ and I'm writing from __).