Boldness

Item: Boldness
Rating: 7.1

Framer template for a solo brand and web designer's portfolio.

A Framer Marketplace template by Michael Slotta. Its words and photos are demo content.

Live preview Get this template Save page

7.1/10MABTU rating

DESKTOP · 1440 × 12,333/ ↗

MOBILE · 390

Section outline · Home

01hero900
02content2,184
03contentWe Talk4,320
04features gridNOBODY902
05features grid1,574
06media textREMY COLE947
07features gridLET'S GET927
08footerEMAIL ME387

Rating · Home

Visual design8.0

UX & clarity7.0

Originality8.0

Craft & consistency7.3

Motion8.0

Performance & a11y7.2

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

Main colours

Dark·black background·vivid

Typography

Antonheading · sans · self-hosted Interbody · sans · self-hosted

Stack & style

Framer Lenis React

Minimal Bold typography Playful Photography-led Rounded / soft Dark tech Hamburger-only nav Pinned sections Smooth scroll Sticky header Text reveal

Design DNA

Template: near-black #0B0B0B ground, a heavy condensed grotesk in white, and two accents that do all the work — lime #E9F5B6 and periwinkle #5B6CF5. Rounded 24px cards carry everything: process steps 01–04 that stack up as you scroll, and service rows built as full-width pills with a photo thumbnail welded to the left and an arrow button at the right. The statement band inlays rounded photo chips between words, so imagery becomes part of the sentence. Work thumbnails float at mixed sizes rather than sitting in a grid.

Worth borrowing

Inlay rounded photo chips between the words of a display headline so imagery reads as punctuation.
Build the services list as full-width coloured pills, each with a photo welded to the left edge and an arrow at the right.
Let numbered process cards stack and overlap on scroll instead of sitting side by side in a row.