Northstar Relay

Item: Northstar Relay
Rating: 7.2

Framer template for operations and automation consultancies

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

Live preview Get this template Save page

7.2/10MABTU rating

Home

DESKTOP · 1440 × 6,605/ ↗

MOBILE · 390

Section outline · Home

01heroCopy left, team photo right with chip strip824
02steps stripMap, Build, Improve on black113
03servicesThree cards with flow diagrams842
04processFour numbered step cards1,094
05case studyDark block, photo, UI table, stats1,174
06testimonialsThree quote cards with pager749
07faqAccordion682
08contactDark audit request form729

Rating · Home

Visual design7.4

UX & clarity7.4

Originality7.0

Craft & consistency7.2

Motion5.5

Performance & a11y7.7

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

Main colours

Light·white background·vivid

Typography

Georgiaheading · serif · system Interbody · sans · self-hosted SF Monoaccent · mono · unknown

Stack & style

Framer React

Editorial Sharp / geometric Sticky header Testimonial slider FAQ accordion Booking widget Stats band Process steps Review badges Service area list

Design DNA

Template: automation systems consultancy. Cream #F4EFE3 and near-black #121412 bands alternate, with signal red #C8402E for buttons and an italic second headline line. Headings in a bold transitional serif, labels in small uppercase mono with numbered prefixes ('01 / SYSTEMS'). Split hero of copy and a team photo with a Trigger → Review → Automate → Scale chip strip; cards carry tiny black flow diagrams of chips with one red step. A four-step process grid, a dark case block with a UI table and stats, quote cards, FAQ and a dark audit request form.

Worth borrowing

Illustrate each service with a tiny black diagram of labelled chips where the key step is red.
Number every section label in mono ('02 / PROCESS') for a documentation feel.
Set the second line of the headline in red italic serif for tone.