Shopify theme for skincare and beauty brands · Version 1.0.0

Derma

A theme for clinical skincare, cosmetics and supplement stores. It prints the formula where shoppers can read it: key actives and their strengths, the full ingredient list with a search, a skin quiz, routines, and clinical results that always carry their study details. Calm serif headings, products in arch‑shaped wells on soft tints, and plenty of space.

One theme, four color palettes.

Pick one in Theme settings › Colors. Change any single color to make an exception.

Preview a color palette
The Clinic palette on desktop: a porcelain page, ink text and cobalt buttons. Clinic palette on a phone.
The Petal palette on desktop: a rose‑cream page, dark text and deep berry buttons. Petal palette on a phone.
The Tonic palette on desktop: an oat page, dark text and forest‑green buttons. Tonic palette on a phone.
The Nocturne palette on desktop: an aubergine‑black page, pale text and champagne buttons. Nocturne palette on a phone.

Clinic. Porcelain and mineral gray, with a cobalt accent. The default, for dermatologist‑led brands.

Petal. Rose‑cream and blush, with a deep berry accent. For clean beauty and cosmetics.

Tonic. Oat and wheat, with a forest‑green accent. For supplements and wellness.

Nocturne. Aubergine black, with a champagne accent. The dark palette.

Demo store shown. Products and photos aren’t included.

Switch at any time

The palettes are one setting, not separate installs. Three are light and one is dark, and colors you’ve changed stay when you switch.

Checked for contrast

Every palette is measured against WCAG AA contrast, and all twelve colors can be overridden one by one.

Four media shapes

Arch, dome, rounded or square wells behind product photos, from one setting, with font pickers for headings and body text.

Presets

Three presets, one theme.

Each preset is a complete starting store, with its own home page, palette and fonts. Every section, block and setting is in all three.

The Derma preset’s home page on desktop.

Derma

For dermatologist‑led skincare brands and dermal clinics.

Clinic palette · Instrument Serif and Sans · arch shapes

The Bloom preset’s home page on desktop.

Bloom

For clean beauty and cosmetics with shades, with shade swatches on cards.

Petal palette · DM Serif Display and DM Sans · dome shapes

The Daily preset’s home page on desktop.

Daily

For supplements and wellness, with a supplement finder and a facts panel.

Tonic palette · Figtree

Skin and formula

Built to show the formula.

The skin quiz filters your own collections with Shopify’s free Search & Discovery filters: no quiz app and no monthly fee.

A formula section: key actives with their strengths in large figures, and the full ingredient list with the actives highlighted.

01

The formula, readable

Key actives with their strengths as big figures, the full ingredient (INCI) list with the actives highlighted, a “Check for an ingredient” search, a Copy list button and “free from” chips.

The skin finder: question 2 of 3 asks which skin concern to change, with answer cards beside the earlier answers.

02

A skin quiz, built in

Up to three questions (skin type, concern, sensitivity) that show matching products from your collections. Answers are remembered on the shopper’s device, and product pages say “Matches your skin profile”.

A routine builder: morning step cards with products, checkboxes and a summary with an Add routine to bag button.

03

Morning and night routines

Step cards with checkboxes and one “Add routine to bag” button. On product pages a routine can build itself from the product’s complementary products.

Clinical results: percentages with numbered footnotes and a study summary.

04

Results with their study

Your figures with numbered footnotes, a link to the study PDF and an optional before‑and‑after slider. Results only show with their study summary, and Derma makes no claims of its own.

Features

What’s in the theme.

Everything below ships in version 1.0.0, and the documentation covers every section and setting.

Pages and sections

  • A calm one‑row header with a centered logo, and a mega menu with collection images
  • Hero, promise strip, shop by concern, and shop the shelf with hotspots
  • Ingredient glossary from A to Z, with a page for every ingredient
  • Blog posts with a “Medically reviewed by” line
  • Slideshow, press logos, FAQ, newsletter, rich text and custom Liquid

Product page

  • Shade swatches grouped by undertone
  • Size pills with notes such as “Save 15%”, and a refill link
  • How to use: routine step, amount, frequency and pairings
  • Supplement facts panel from your metafields
  • Image zoom, video, 3D, sticky add‑to‑bag bar, pre‑orders, and subscriptions with a subscriptions app

Collections and search

  • Product cards with a tinted arch, formula line, benefit, size and star rating (from your reviews app)
  • Filters in a sticky sidebar or a phone sheet
  • Quick add, quick view and compare up to three products

Cart

  • Bag drawer with a free‑shipping meter
  • “Complete your routine” suggestions

Trade and B2B

  • Quantity rules and volume pricing for Shopify’s B2B features
  • A quick order table for stockists

Accessibility and languages

  • Every palette measured against WCAG AA contrast
  • Keyboard friendly, with reduced‑motion support
  • Right‑to‑left languages

Datasheet

At a glance.

Version
1.0.0, an instant download from Etsy
In the download
Three theme files, one per preset (Derma, Bloom and Daily), a user guide (PDF, 37 pages) and a license for one store
Built on
Online Store 2.0
Color palettes
Four in one theme: Clinic, Petal, Tonic and Nocturne (three light, one dark)
Fonts
Instrument Serif and Sans, DM Serif Display and DM Sans, or Figtree, depending on the preset. Font pickers for headings and body text.
You’ll need
A Shopify store on any plan that can publish a theme, and a computer to upload it (phones can’t upload theme files). The skin finder’s filters need Shopify’s free Search & Discovery app; star ratings and subscriptions need a reviews app and a subscriptions app.
Your data
The formula, glossary, results and supplement facts read product metafields and two metaobjects (Ingredient and Clinical study) that you set up once; the user guide walks you through it. Until then those parts stay hidden. Product, ingredient and study data isn’t included.
Support
Message us on Etsy or email hello@buglyph.com. We reply within two business days, Monday to Friday, Australian Eastern Time.

Help

Documentation and support.

Derma

Sold on Etsy as an instant download. Each purchase licenses one Shopify store.