Style Guide — auto-generated
Clean-beauty commerce theme with warm cream tones, Manrope type with a Cormorant italic accent, and editorial skincare storytelling sections
overlaydefaultTransparent header over a full-bleed hero, solidifying on scroll — for an immersive beauty landing page
classicAlways-solid header bar — for stores without a full-bleed hero image
columnsdefaultFull footer with link columns and a newsletter signup column
minimalSingle-row footer — for small catalogs with minimal links
defaultdefaultRich text with headings, lists, and basic formatting
We believe in the beauty that lies within — formulas crafted with ingredients your skin truly deserves, for a routine that actually works.
marqueeScrolling text announcements across the page
promoCall-to-action banner with title, subtitle, image and button — for offers or consultation CTAs. CTA always links to /shop (no separate cta_link field). markdown is a legacy fallback (line1=headline, line2=subtitle, line3=eyebrow, line4=cta label), only used when the structured fields below are all empty — structured fields always win when present.
A ready-made routine set for an instant refresh — bundled for effortless savings.
Shop Now
brand-storyHeading + body + image (or video) side-by-side — for your story or a brand/founder spotlight. heading falls back to store name if omitted; image/video are optional — with neither set, the section renders text-only (no forced fallback photo); align: left|right mirrors the media side; cta_label/cta_link add a real button
Skincare made with the world's finest plant extracts and clinically-proven actives — gentle, effective, and kind to every skin type. Every formula is developed alongside dermatologists and tested for real results, not just good intentions.
statementOne centred column of type on the tinted surface — eyebrow, a large light heading, a short body in the italic accent face, one button. For a manifesto, a promise, or a "why us" moment where the words are the whole section; sits between image-led sections as a breath. Takes bg_color/bg_image like any section; on a photo the copy turns white and the button goes outline.
Every formula is tested on real routines and real weeks — not just in a lab. If we wouldn't use it every morning, it doesn't leave the studio.
deal-barA slim full-width strip — the offer on the left, a live countdown in the middle, a button on the right — flush between sections with no padding of its own. For a sale, a launch window, or free-delivery-today. The clock counts to midnight and resets daily (no offer deadline field exists); turn it off with show_countdown for a plain strip.
testimonialsRotating customer quote carousel with star rating
“The second product I've bought in the smaller size. A couple of drops is all it takes.”
trust-badgesIcon + title + text divided row — for highlighting any 1-6+ promise/guarantee/feature points (2-4 render as an exact-count row, 5+ wraps 3-per-row)
Natural skincare with safe, transparent ingredients
Tracked delivery, nationwide, with no hidden fees
Fully recyclable, biodegradable shipping boxes
Official partner for every brand and lab we carry
features-columnsTwo-column editorial: the heading and an optional photograph on the left, the reasons as a stacked list on the right with a hairline between rows (distinct from Trust Badges: a list beside a picture, not a divided row of icons). For "why us" — three to five short reasons.
Every active is dosed at the concentration real studies used, not a marketing minimum.
No synthetic fragrance, ever — nothing to irritate sensitive or reactive skin.
Full routines priced for daily use, not a once-a-year splurge.
dual-scroll-storyImage pinned in view while numbered story beats scroll past — for a flagship product/collection reveal
A silky, lightweight serum that delivers deep hydration and boosts skin radiance, leaving your complexion smooth, bright, and refreshed.
This fast-absorbing formula nourishes the skin from within, improving texture and providing a natural, healthy glow for everyday use.
Designed to restore moisture and vitality, this gentle serum helps soften the skin, even out tone, and enhance overall luminosity.
A curated collection of serums designed to target every aspect of radiant skin — together, they make up our signature routine.
Explore the Seriesbefore-afterInteractive drag-to-reveal comparison slider — for results/transformation proof
After
BeforegriddefaultStandard product grid with badges and star ratings
New
New
Trend
−₦41,500Trend
carouselHorizontal scrollable row — for bestsellers or curated picks
featuredSingle product spotlight with a thumbnail gallery and urgency messaging — for a hero product launch
This calming serum is ideal for nourishing and soothing the complexion after sun exposure, environmental pollution, air conditioning, travel, jet lag, and sleep loss. Formulated with gentle, non-toxic ingredients — no parabens, mineral oil, or added fragrance. Cruelty-free and suitable for all skin types, including sensitive skin. Size: 30 ml
tabbedCategory-tab switcher above a product grid — for browsing by routine step or collection
bundle2-3 products shown as a curated set with a single add-set-to-cart action — for routine bundles
shop-the-lookLifestyle photo with shoppable hotspots beside a compact product card — for an editorial, image-led product tie-in
menuDish name and price joined by a dotted leader rule, short description underneath — a printed-menu layout for food vendors instead of a merchandise grid
videoGrid of only products that have a video — poster image with a play badge, plays muted on hover. No collection scoping (shows across the whole catalog).
spotlightOne data-bound hero product — resolved name, enriched price, media, availability and route; only supporting description and CTA label are editable. align: left|right sits the image beside the copy (mirrored), align: top runs a full-width image above centred copy — alternate it when a page stacks several spotlights.
A focused step for luminous, well-supported skin.
griddefaultBalanced category tiles — standard catalog navigation
listAlternating image+description rows — for a considered, editorial collection index
sliderdefaultFull-bleed hero slideshow with Ken Burns zoom and staggered text entrance — works as a single static background image too (set zoom_effect false)
split-heroWarm-cream copy field beside a large campaign image with a compact visual index
duo-heroCentred statement held between two rotating campaign image planes
mosaic4-tile image grid with captions — for a lifestyle/values showcase
insta-galleryScrolling UGC-style image grid — tag images with product_ids to open a shoppable "Shop This Post" modal on click, or use link for a plain navigate
Tag us to be featured
diptychRotating pairs of large campaign images, each with its own caption — a still, considered pairing for lifestyle/product storytelling. Images pair up 2 at a time (an odd count renders a lone centered panel) and auto-advance
thumb-railFull-bleed Ken Burns hero slideshow like the Cinematic Slider, but navigated with a horizontal filmstrip of slide thumbnails instead of dots — a more direct, gallery-forward browse
defaultdefaultContact facts beside a map only when a precise location is available
editorialCentered column with email/phone as large link lines — for an online-only vendor with no storefront to map
Skin is personal. Tell us what yours is doing and we will build a routine around it.
Monday to Friday, 9AM to 6PM
Start a consultation