Dialog Studio

Item: Dialog Studio
Rating: 7.1

Framer template for an editorial design studio portfolio

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

Live preview Get this template Save page

7.1/10MABTU rating

DESKTOP · 1440 × 4,238/ ↗

MOBILE · 390

Section outline · Home

01headerFour-column text nav with '(Buy template)'
02introSerif studio description in column three
03workNumbered italic titles over stacked images
04galleryScattered small monochrome photos
05footerTiny italic serif columns

Rating · Home

Visual design7.3

UX & clarity6.8

Originality7.4

Craft & consistency7.0

Motion6.0

Performance & a11y8.2

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

Main colours

Light·off white background·mono

Typography

EB Garamondbody · serif · google

Stack & style

Framer React Google Fonts

Minimal Editorial Monochrome Swiss grid Sticky header

Design DNA

Template: off-white #FAFAF8 page, black text, no accent colour. Everything set in one classical serif (EB Garamond-like): small 13px nav and labels, italic project titles, a ~16px intro paragraph with an indented second paragraph. Four-column grid: labels in column one, work in column two, 'View all' far right. Projects stack as numbered, italic-titled images counting down 5 to 1; a scattered constellation of small black-and-white photos closes the page above a tiny serif footer. Mobile enlarges the intro into a book-like text block.

Worth borrowing

Number projects in reverse (5 to 1) with italic serif titles above each image.
Scatter small black-and-white photos freely across the last band as an informal gallery.
Mobile turns the intro into a large, book-set serif paragraph with a first-line indent.