Case study · Chapter 04 · Signature concept

SALT

An essence, returned.
Edition
Signature concept
Platform
Shopify · Liquid
Scope
Brand + build
Year
2026 — Concept
Concept brand — the storefront, theme, cart, and checkout are real and demonstrable. Products, press, and reviews are illustrative.
salt-cosmetics.com
SALT Cosmetics homepage — elemental skincare, CSS-drawn bottles, mineral palette
Concept homepage · live storefront available on request
— The brief

What does luxury skincare look like when it strips out the noise — the urgency banners, the influencer marketing, the seven-step regimens?

An elemental approach. Six essentials drawn from marine science, presented like an apothecary, not a beauty counter. The reference points were Aesop and Augustinus Bader — science taken seriously, sold quietly. The brand was invented from blank: name, palette, type, voice, product line, price points, photography strategy. Then the entire storefront was built by hand on Shopify.

— The approach

The build started from Shopify's Skeleton minimal base — empty Liquid scaffolding, no theme-store template. Sixteen custom sections were written by hand: header, cart drawer, footer, four product-page sections, eight homepage sections, a collection page, a search page, and a custom SEO snippet.

The signature constraint: no photography. Every product bottle is drawn in CSS — cap, neck, body with a gradient tint, label with the SALT wordmark and product name. One decision, made early, gave the store its singular visual identity and removed the dependency on a photo shoot a real brand at this stage couldn't afford.

The commerce is real, not staged. A working AJAX cart drawer using Shopify's native cart endpoints — no third-party app. Real product import, real native Shopify Checkout, verified end-to-end with test order #1001 at $264. A newsletter form capturing real subscribers. Structured data, Open Graph and Twitter tags via a custom snippet. The only thing that's concept is the brand identity.

salt-cosmetics.com/products/the-concentrate
SALT Cosmetics product page — The Concentrate barrier serum with CSS-drawn bottle
Complimentary worldwide shipping
SALT
The Tide
Mineral toner
Bestseller
The Tide
$ 62.00
Add to bag
Product page · desktop & mobile
— The craft

Palette · eleven tones

Most pages live in just three — shell, ink, marine. Gold is held back for premium markers and used once or twice per page. Seaglass and mineral handle quiet variation. Restraint is the rule.

Type · two cuts

— Headlines
Skin, returned to its essence.
— Body & UI
Mineral-rich formulas — refined by science.

Fraunces carries every headline, almost always in italic — emphasis is built into the typeface. Jost handles body, UI, and operational text. Three weights of each, no more.

Build

Shopify Liquid, hand-written. Skeleton minimal base, no theme-store template, no page builders, no Tailwind. Custom AJAX cart drawer using only Shopify's native cart endpoints. SEO via a custom snippet — meta, Open Graph, Twitter, Product JSON-LD. Native Shopify Checkout, verified with a real test order. Sixteen custom sections in total.

Drawn from the sea. Refined by science.

— What it shows
16
Custom sections built — header, cart drawer, four product-page sections, eight homepage sections, collection, search, SEO snippet.
6
Products in the ritual — real Shopify variant IDs, native checkout, verified with test order #1001 at $264.
0
Stock photos used. No photo shoot. The visual identity comes entirely from CSS-drawn apothecary bottles.
Every bottle drawn in CSS.