Magnetto

Item: Magnetto
Rating: 7

Framer template for a bold design studio portfolio

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

Live preview Get this template Save page

7.0/10MABTU rating

Home

ABOUT

CONTACT

DESKTOP · 1440 × 7,569/ ↗

MOBILE · 390

Section outline · Home

01heroGrey portrait panel, pixel wordmark, floating pill nav900
02projects2x2 photo panels with frosted labels1,652
03aboutOrange silhouette panel with glass title656
04logosDark rounded logo tiles916
05servicesService tile beside milestones stats tile816
06blogThree colourful photo cards996
07contactGlass form over red-lit photo816
08footerRounded dark panel with pixel wordmark817

Rating · Home

Visual design7.5

UX & clarity6.6

Originality7.2

Craft & consistency7.0

Motion6.2

Performance & a11y7.0

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

Main colours

Mixed sections·white background·mono

Typography

Undefinedheading · font · self-hosted Apfel Grotezkbody · font · self-hosted

Stack & style

Framer React Unicorn Studio Google Fonts

Bold typography Glassmorphism Photography-led Rounded / soft Dark tech Bento grid Logo cloud Smooth scroll Stats band

Design DNA

Template: black (#0B0B0B) page built from big 40px-radius panels, each a saturated studio photograph (tangerine #F26A1B, lava red, teal green) with a frosted glass label card on top. A bitmap pixel display font sets every heading ('MAGNETTO', 'BEYOND TIME', 'CLIENTS') over a small mono body. Hero is a grey portrait panel with a floating pill nav; projects sit in a 2x2 panel grid, then an orange about panel, dark logo tiles, services and milestones tiles, a journal row and a glowing contact form panel.

Worth borrowing

Set all headings in a pixel bitmap face against glossy studio photography for contrast.
Label each project panel with a centred frosted-glass card instead of a caption bar.
Colour-grade every project photo to one saturated hue so the grid reads as a palette.