ECOM

Item: ECOM
Rating: 6.9

Framer template for single-product audio and electronics stores.

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

Live preview Get this template Save page

6.9/10MABTU rating

Home

Product / Features

DESKTOP · 1440 × 7,348/ ↗

MOBILE · 390

Section outline · Home

01heroSplit black panel and editorial hand-and-eye product photo
02collectionThree tall product cards with tags, names and prices
03featureCopy left, white-background product still right, see-specs button
04featuresSix thin-ruled cells with glyphs on near-black
05testimonialsThree quote cards with tiny avatars and roles
06aboutWide black and white workshop photograph with caption
07ctaCentred dot-matrix headline with two outline buttons
08faqFive thin accordion rows on black
09contactCopy left, dark form fields right
10footerLink columns above an oversized mono wordmark

Rating · Home

Visual design7.5

UX & clarity6.5

Originality7.8

Craft & consistency7.2

Motion6.0

Performance & a11y9.0

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

Main colours

Dark·black background·mono

Typography

Dotoheading · font · google Switzerbody · sans · self-hosted

Stack & style

Framer Lenis React Google Fonts

Minimal Brutalist Monochrome Photography-led Dark tech FAQ accordion Hamburger-only nav Marquee Smooth scroll Sticky header Testimonial slider

Design DNA

Template: pure black with white and one acid-yellow product accent pulled from the earbuds themselves. Headings are a dot-matrix / pixel display face in caps at 40-72px, paired with 10px letterspaced mono labels numbered 01 — FEATURE, 02 — PRODUCT. Product photography is shot as fashion editorial: a hand holding the case over an eye, a portrait in profile with the bud in ear. The collection is a three-up grid of tall images with NEW ARRIVAL and BEST SELLER tags, and the feature grid is six thin-ruled cells with glyphs on near-black.

Worth borrowing

Shoot the product as fashion portraiture — face, hand, ear — instead of on a white sweep.
Number every section with a mono eyebrow (01 — FEATURE) and let the dot-matrix display carry the identity.
Pull the single accent colour straight out of the product so the palette needs no invention.