Olyver

Item: Olyver
Rating: 7.1

Framer template for art director and designer portfolios

A Framer Marketplace template by FTC Studio. Its words and photos are demo content.

Live preview Get this template Save page

7.1/10MABTU rating

DESKTOP · 1440 × 10,220/ ↗

MOBILE · 390

Section outline · Home

01heroSplit serif name around cropped photo, full-bleed close-up1,810
02aboutCentred caps statement, staggered thumbnails900
03servicesNumbered list centred415
04logo cloudLogo row
05case studiesTwo-column studio photo grid
06blogEditorial staggered grid2,587
07contactInfo panel and form
08footerPhoto with oval crop, large name

Rating · Home

Visual design7.5

UX & clarity6.6

Originality7.2

Craft & consistency6.8

Motion6.5

Performance & a11y8.0

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

Main colours

Light·white background·mono

Typography

Coconatheading · font · self-hosted Coconatbody · font · self-hosted

Stack & style

Framer React Three.js WebGL canvas

Minimal Bold typography Editorial Photography-led Logo cloud Marquee Process steps Review badges

Design DNA

Template: white page, black text. Hero sets the name in a large light serif split 'Olyver' / 'Kingsley' with a cropped beauty close-up between them, then a full-bleed eye close-up. Section titles are centred uppercase light sans with parenthesised counts ('CASE STUDIES(6) ©2026', 'TODAY'S TOP NEWS STORIES(7)'). A staggered row of small portraits, services list, logo row, 2-column case-study grid of high-gloss studio shots (chrome visor, red car), editorial news grid, split contact form and a footer photo with an oval crop.

Worth borrowing

Break the hero name across two lines and wedge a cropped photo between them.
Add counts and a copyright year in parentheses to section titles, like a magazine index.
Use a staggered row of different-height thumbnails as a visual pause between sections.