Hana

Item: Hana
Rating: 6.8

Framer template for visual and motion designers' portfolios.

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

Live preview Get this template Save page

6.8/10MABTU rating

DESKTOP · 1440 × 8,078/ ↗

MOBILE · 390

Section outline · Home

01header26
02features grid2,700
03portfolioOver the past decade, I've developed a design philosophy rooted in clarity and intention: every project starts with a cl3,600
04footerHANA YAMADA878

Rating · Home

Visual design7.6

UX & clarity7.0

Originality7.3

Craft & consistency7.5

Motion6.5

Performance & a11y6.0

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

Main colours

Dark·black background·mono

Typography

Geistheading · sans · google Geistbody · sans · google

Stack & style

Framer Lenis React Google Fonts

Minimal Editorial Glassmorphism Photography-led Hamburger-only nav Marquee Smooth scroll Sticky header

Design DNA

Template: each project is a full-bleed still - a dahlia field, a vintage reel-to-reel deck, a coral studio set, a bird on a branch - with a translucent charcoal caption card and a small thumbnail floating over its lower left. The hero crops a portrait against pale blue with the name in huge white caps bleeding off the edge. One dense black band carries services, experience and a client logo row in four small columns, CV-style. A giant grey pill button reading Book a Call and a ghosted name at the footer close the page.

Worth borrowing

Caption a full-bleed project photo with a small translucent dark card plus a thumbnail instead of a separate text block.
Compress services, experience and clients into one dense four-column black CV band.
Use one oversized pill button as the only CTA on the whole page.