Blueline

Item: Blueline
Rating: 7.3

Framer template for boutique architecture and interior studios

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

Live preview Get this template Save page

7.3/10MABTU rating

DESKTOP · 1440 × 11,622/ ↗

MOBILE · 390

Section outline · Home

01heroDusk house photo, serif headline with italic, laurel badge900
02portfolioHorizontal thumbnail strip
03servicesOutlined rows with faded numerals
04processPinned stage index and stacked photo cards
05aboutStudio photo and short text856
06testimonialsLarge quote over interior photo, three quotes
07faqTabbed accordion and email card
08blogFeatured and two journal cards
09ctaPaper roll unroll
10footerCobalt field, newsletter, outlined wordmark

Rating · Home

Visual design7.6

UX & clarity7.2

Originality7.4

Craft & consistency7.3

Motion6.0

Performance & a11y7.0

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

Main colours

Light·off white background·vivid

Typography

Instrument Serifheading · serif · google Interbody · sans · self-hosted

Stack & style

Framer Lenis React Google Fonts

Minimal Editorial Luxury Monochrome Photography-led FAQ accordion Horizontal scroll Marquee Pinned sections Process steps Smooth scroll Tabs

Design DNA

Template: off-white #F7F8FA with every word in cobalt #1238D8, footer a full cobalt field. Condensed serif headlines with one italic word ('Selected works.', 'Three services, one belief.'). Hero is a dusk photo of a low concrete house with an award laurel. Work as a horizontal strip of small landscape thumbnails. Services as outlined rows with large faded outline numerals. Process pinned: a stage index left, stacked photo cards right. Quote panel over an interior photo, tabbed FAQ, journal cards, a 'drawn for you' CTA with a scroll-unroll paper, and a giant outlined 'Blueline' wordmark.

Worth borrowing

Set the whole site in one ink colour (cobalt) like a blueprint, including photos' captions and rules.
Service rows with oversized faded outline numerals in the corner.
Closing CTA with a paper roll that unrolls on click, echoing drawings.