SOJA

Item: SOJA
Rating: 6.9

Framer Commerce template for natural skincare brands

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

Live preview Get this template Save page

6.9/10MABTU rating

DESKTOP · 1440 × 6,670/ ↗

MOBILE · 390

Section outline · Home

01heroFull-bleed product tube on wet stones, small serif title lower right900
02introShort serif statement with shop-the-collection eyebrow
03product gridFour products on tan backgrounds, name and price below
04categoriesTwo tall images: balm smear on stone, bare shoulder
05product gridSecond four-up product grid
06testimonialQuote over water texture with inset product tile
07featuresNumbered four-column promises in small serif
08galleryFour small square editorial images
09footerGrey texture footer with newsletter field and link columns

Rating · Home

Visual design7.7

UX & clarity6.8

Originality7.3

Craft & consistency7.0

Motion5.0

Performance & a11y9.0

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

Main colours

Mixed sections·dark grey background·mono

Typography

Averia Serif Libreheading · serif · google Averagebody · font · google

Stack & style

Framer React Google Fonts

Minimal Editorial Luxury Photography-led Transparent header

Design DNA

Template: warm off-white #F8F6F1 canvas, amber and sand product backdrops (#C9A57A, #D8BC94), a dark brown hero of wet river stones and a grey water-texture band (#A9ACA6). One book serif (Newsreader-like) for everything: hero title about 28px set small and low-right over the photo, body in the same serif at 11-12px. Four-up product grids on tan seamless backgrounds with name and price below, a two-up category split (green balm smear on stone, bare shoulder), a quote over the water texture with an inset product tile, a numbered four-column promise row, four small square editorial photos and a grey textured footer with newsletter.

Worth borrowing

Shoot every product on the same warm tan seamless so a four-up grid reads as one art-directed set.
Set the hero title small, low and to the right over a full-bleed texture photo instead of a big centred headline.
Testimonial band as a full-width material texture with the product inset as a small tile in one corner.