code-anything.com
Log inStart free

Animated

Bloom

Bloom is a premium clean-beauty template for a plant-based skincare serum brand. The organic blooming motif is packaging, not the pitch: a full-screen PINNED hero holds a soft, looping bloom clip while four elegant Fraunces caption beats glide in from alternating sides — each selling the serum (2% bakuchiol, squalane, visible results, the morning ritual) rather than the scroll. A signature layered-petal SVG bloom mark and a warm progress hairline carry the brand identity. Below the hero the page becomes a working storefront: a sticky nav (Bloom wordmark + Shop), a three-up KEY ACTIVES grid with a verified RESULTS stat band (94% smoother in 4 weeks), a four-up BESTSELLERS gallery with real botanical/skincare photography and prices ($42–$68) plus add-to-bag, a split INGREDIENT-SOURCING story with a checklist, a SOCIAL-PROOF section (5-star reviews + a 4.9 / 3,400-review band), a subscribe-and-save CTA with a money-back guarantee, and a full four-column footer. It sits on a warm off-white paper surface with a faint grain, a Fraunces serif display voice over calm Inter, and rose + leaf-green accents; the hero clip plays and loops (never scrubbed), with a first-frame poster fallback and full prefers-reduced-motion support.

A warm paper apothecary at first light — violet-glass serums among fresh botanicals, rose and leaf against off-white, clean and unhurried and luminous.

bloom-scroll.code-anything.app
The SerumSkin, in full bloom.A plant-based renewal serum that wakes the skin gently — clean, vegan, dermatologist-tested.
What’s inside

Three actives. Nothing you can’t pronounce.

Every batch of the Renewal Serum is formulated with a short list of plant-based, clinically studied ingredients — suspended in squalane, never water fillers. Vegan, cruelty-free and made in small runs for freshness.

01

Bakuchiol 2%

A plant-derived retinol alternative that smooths fine lines and refines texture — with none of the redness or peeling.

02

Squalane

A weightless sugarcane lipid that seals in moisture and rebuilds a compromised barrier, leaving skin soft and resilient.

03

Sea Fern Extract

A cold-pressed marine botanical rich in antioxidants that shields against pollution, blue light and daily oxidative stress.

94%
saw smoother skin in 4 weeks
89%
reported a calmer, less reactive barrier
0
synthetic fragrance, dyes or fillers

Independent 4-week consumer study, 112 participants. Results vary.

The collection

Bestselling rituals

Shop all →
Bloom Renewal Serum — 2% Bakuchiol · SqualaneBestseller

Renewal Serum

2% Bakuchiol · Squalane

$68Add to bag
Bloom Dew Essence — Hydrating Botanical Toner

Dew Essence

Hydrating Botanical Toner

$42Add to bag
Bloom Petal Cream — Barrier-Repair Moisturiser

Petal Cream

Barrier-Repair Moisturiser

$54Add to bag
Bloom Root Facial Oil — Overnight Recovery BlendNew

Root Facial Oil

Overnight Recovery Blend

$60Add to bag
Fresh botanicals and pressed plant oils on a warm surface
Our sourcing

Grown with intention, pressed at peak.

Our bakuchiol is extracted from the seeds of the babchi plant, farmed regeneratively and harvested by hand. Everything is cold-pressed within days, bottled in violet glass to guard against light, and third-party tested for purity — so what settles on your skin is exactly what nature intended.

  • Regeneratively farmed botanicals
  • Cold-pressed & light-protected
  • Independently purity-tested
  • Vegan · cruelty-free · recyclable
4.9 · 3,400+ reviews

Loved at every stage of the ritual

“The first “natural” serum that actually did something. My skin looks lit-from-within and my rosacea has calmed right down.”
Amara D.Verified — 6 weeks in
“I switched from a prescription retinol because of the flaking. Bloom gives me the same smoothness with zero irritation.”
Priya S.Verified — subscriber
“Clean ingredients I can actually read, a bottle that lives beautifully on the shelf, and results I can see. Rare combination.”
Noor H.Verified — 3 months in
Subscribe & save 15%

Begin the ritual. Let your skin bloom.

Start with the Renewal Serum or build your full routine. Subscribe and every refill arrives 15% off, carbon-neutral, on your schedule — pause or cancel anytime.

Free shipping over $50 · 30-day money-back guarantee

Design rules

The system, applied to any site

Every rule below travels with the template — describe your tweaks and the agent keeps the system intact.

What it decides for you

  • Position the page as a real product landing page for Bloom, a plant-based skincare serum line: every headline and paragraph sells the products (actives, benefits, results, ritual, sourcing, price) — never the scroll gimmick or the video.
  • Build on a warm off-white paper canvas (around #F6F1EB) with a faint grain from a very-low-opacity repeating-linear-gradient, keep surfaces pure white, and hold strong contrast with a deep plum-ink text (#20181E) so the light template always reads clearly.
  • Keep the PINNED hero: a tall wrapper with a sticky 100vh, overflow-hidden stage holding a soft blooming clip that PLAYS and LOOPS (never scrubbed); over it, glide 3–4 elegant Fraunces caption beats in from ALTERNATING sides within their own progress bands, each on a soft translucent scrim, and let each beat state a product benefit or active.
  • Carry a signature organic bloom motif drawn in pure SVG/CSS — a layered-petal bloom mark (concentric rose + leaf ellipses) used as the logo glyph, section flourishes and a large soft background bloom — plus a warm rose→leaf progress hairline; no emoji icons anywhere, only inline SVG.
  • Below the hero, build a full clean-beauty storefront in order: sticky nav (wordmark + Shop), a key-actives benefit grid with a verified results stat band, a bestsellers product gallery with real product photography GENERATED with the generate_image tool and written into the app (never hot-linked from a stock-photo CDN, and never a photograph of a real, branded product) and visible prices + add-to-bag, an ingredient-sourcing story with an image and checklist, a social-proof section with 5-star SVG ratings and a review-count band, a subscribe-and-save CTA, and a four-column footer.
  • Set one oversized Fraunces serif display voice (clamp into the ~2.8–6em range), often split between plain plum-ink and an italic rose phrase, drop to calm Inter body, keep micro-labels in a system monospace, and use rose (#D64F73) + leaf-green (#6FA268) only as accents so the generous warm-white space carries the calm, editorial mood.

Ships with

Full-screen PINNED hero: sticky 100vh stage, looping bloom clip + brand nav overlayProduct story beats: 4 Fraunces captions (serum, bakuchiol, results, ritual) gliding in from alternating sidesSticky nav (Bloom wordmark + Shop) that reappears once the hero releasesKey-actives benefit grid (Bakuchiol / Squalane / Sea Fern) + verified results stat bandBestsellers gallery: 4 products with real botanical photography, prices & add-to-bagIngredient-sourcing story: split image + copy with a sourcing checklistSocial proof: 5-star reviews + 4.9 / 3,400-review rating bandSubscribe-and-save CTA with money-back guaranteeFour-column footer (Shop / About / Support)

Design tokens

Palette

bg
surface
text
muted
accent
accent2
border

Headings

Fraunces

Body

Inter

Radius

20px

Explore palettes

Keep looking

More from the library

AuroraMarketing
Warm ArtisanMarketing
Sharp FadeBooking
CockpitDashboard

Make it yours in minutes.

Start from this template and describe your tweaks — content, sections, colours. The backend and deploy are handled.