Vitae

Item: Vitae
Rating: 7.3

Framer template for a creative director's dark editorial resume

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

Live preview Get this template Save page

7.3/10MABTU rating

Home

DESKTOP · 1440 × 10,294/ ↗

MOBILE · 390

Section outline · Home

01heroLarge wordmark, italic-serif intro, mono clock, gradient render900
02aboutHeavy caps statement with portrait and render
03workLarge iridescent project image
04aboutBold paragraph of approach
05timelineHairline mono table of roles
06featuresPinned grey headline with dealt principle cards
07listMono table of awards and years
08footerHuge links on electric-blue bars

Rating · Home

Visual design7.4

UX & clarity6.5

Originality7.3

Craft & consistency7.0

Motion7.0

Performance & a11y9.0

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

Main colours

Dark·black background·mono

Typography

Switzerheading · sans · self-hosted DM Monobody · mono · google

Stack & style

Framer React Google Fonts

Bold typography Editorial Gradient-heavy Dark tech Pinned sections Text reveal Stats band Smooth scroll

Design DNA

Template: pure black canvas, white tight-tracked heavy grotesque for statements ('MAEDA© IS A MULTI-DISCIPLINARY DESIGN LEAD...') mixed with italic serif words in the intro, and tiny bracketed mono labels, clocks and coordinates everywhere. Imagery is iridescent violet-to-orange abstract renders and one portrait on red. A pinned 'DESIGN PHILOSOPHY / 2026 [EDITION]' sequence in grey outline-style caps deals white cards (Content-first minimalism, Objective functionalism, Digital brutalism). Experience and awards are hairline mono tables. The footer is three huge '(INSTA) (X) (EMAIL)' links on electric blue #1400FF bars.

Worth borrowing

Mix one italic serif word into a heavy grotesque intro to flag the creative angle.
Deal philosophy cards over a pinned grey headline as the section scrolls.
Make the contact footer three screen-wide parenthesised links on electric-blue bars.