03 — Design System

The system, as shipped.

The two-direction exploration is resolved. The live build — creawell.2easy.me — runs a single language: Clinical-Luxury. Warm neutral grounds, deep-navy authority, a gold hairline as the one signature accent, and per-product accent worlds. Lato carries the structure in confident uppercase; Newsreader italic adds the editorial grace note. Below: the real palette, type, tokens and components, exactly as built.

Foundations

Product accent worlds

Each SKU keeps a distinct accent — used for tags, signage and the per-page accent, never as a full-bleed background. The brand stays navy + gold; the product colour is a seasoning.

MindFocus · claritate#9c2f55
LongevityVitalitate · longevitate#bd8638
SportForță · recuperare#b23a2e

Imagery rules

  • Real product renders on warm neutral / paper surfaces
  • Real “many lives” lifestyle photography
  • Macro texture: powder, sachet → glass, water swirl
  • One consistent colour grade

Never

  • Stock microscopy / Freepik powder bursts
  • AI-generated filler imagery
  • Full-bleed saturated colour blocks
  • Discount-shouting or urgency banners
The realized system

Clinical-Luxury shipped

Warm where it sells, exact where it proves. Gold is the single disciplined accent; navy is the authority; the warm ground keeps it human. Sharp 3px hairlines, pill-radius CTAs, generous rhythm.

CreaWell — Clinical-LuxuryLato · Newsreader · warm grounds · gold hairline

Creatină Pharma-Grade

Pentru
toate viețile
din viața taWellness, well created

Focus, energie și vitalitate în fiecare zi. Prima creatină produsă la standarde farmaceutice.

Comandă acum  Descoperă știința

Palette — core

Warm white#f4f1ea
Deeper warm#ece6da
Paper#ffffff
Ink#0f1a2b
Navy#0e2a52
Royal#1b4aa0
Gold#a9854c
Gold soft#c4a877

Type — Lato / Newsreader

Display — Lato 900, uppercase
Wellness Well Created
Accent — Newsreader italic
toate viețile din viața ta
Body — Lato 400
Creatina pură întâlnește ingrediente studiate clinic, dozate precis.

Certification row

GMP PharmaISO 9001 / 22000Testat în laboratorCreavitalis®

Buy box — subscribe vs one-time

CreaWell® Mind

Performanță cognitivă · Cireșe & Struguri

Abonament −10%livrare gratuită · anulezi oricând
O singură dată195 lei
176 lei / 15 zile · abonament
Adaugă în coș
GMPGaranție 30 zile

Ingredient transparency

Creavitalis®5 gCreatină micronizată, grad farmaceutic — energia celulară (ATP) pentru minte și corp.
Citicolină250 mgSusține memoria și concentrarea prin acetilcolină.
Brainberry®60 mgExtract patentat de aronia, studiat pentru viteza de reacție.
Tokens & motion

The structural decisions

The variables that hold the system together — lifted from the live :root.

Shape & rhythm

radius 3px hairline · 100px pills max-width 1320px gutter clamp(20px → 72px) section clamp(72px → 160px)

Accent & motion

accent gold #a9854c hairline rgba(15,26,43,.08–.14) ease cubic-bezier(.22,.61,.36,1) frosted header blur(16px) on scroll