Design tokens

Breakpoints 390 / 768 / 1024 / 1440

Neutrals

bg-neutral-50

#ffffff

bg-neutral-100

#fcf8f0

bg-neutral-150

#f6f0e3

bg-neutral-200

#ece4d2

bg-neutral-300

#cfc3b1

bg-neutral-400

#b2a291

bg-neutral-500

#968373

bg-neutral-600

#7b6557

bg-neutral-700

#61483d

bg-neutral-800

#472d25

bg-neutral-900

#180b0b

Flavour blobs — scope class + flavour-agnostic utilities

.flavor-cherry-cola

bg-flavor-blob

#d60f47 → #760832

bg-flavor-thumb

#ff1e57 → #7b0934

bg-flavor-ink

#472d25 → #472d25

bg-flavor-anchor

#472d25

.flavor-cherry

bg-flavor-blob

#ba2647 → #bb2848

bg-flavor-thumb

#d50e4a → #fa626a

bg-flavor-ink

#472427 → #472427

bg-flavor-anchor

#472427

.flavor-watermelon

bg-flavor-blob

#66a824 → #0c2801

bg-flavor-thumb

#5cab4a → #aefc87

bg-flavor-ink

#4b3b28 → #4b3b28

bg-flavor-anchor

#4b3b28

.flavor-strawberry-banana

bg-flavor-blob

#fcdf2d → #79250c

bg-flavor-thumb

#fed968 → #d71314

bg-flavor-ink

#473224 → #473224

bg-flavor-anchor

#473224

.flavor-bubblegum

bg-flavor-blob

#f778ad → #f56bb2

bg-flavor-thumb

#f47fb0 → #facee1

bg-flavor-ink

#492735 → #492735

bg-flavor-anchor

#492735

Angle override, gradient stops, and escaping the scope

[--flavor-gradient-angle:to_bottom]

Watermelon blob, top to bottom

[--flavor-gradient-angle:135deg]

Watermelon blob, diagonal

from-flavor-thumb-from / to-flavor-thumb-to

Stops used with Tailwind's own gradients

bg-cherry-blob-from

#ba2647 — ignores the watermelon scope

Display

.display-xl · clamp 128 → 240 · lh 0.8 · ls -0.01em

Made

.display-lg · clamp 64 → 120 · lh 0.84 · ls -0.02em

Everyday

Heading

.h1 · clamp 48 → 80 · lh 0.84 · ls -0.02em

Simplified

.h2 · clamp 40 → 64 · lh 0.84 · ls -0.02em

Body and mind.

.h3 · clamp 32 → 48 · lh 0.84 · ls -0.02em

A better way to put creatine in a can.

.h4 · clamp 24 → 32 · lh 0.84 · ls -0.02em

~1g por dia

.h5 · clamp 20 → 24 · lh 0.84 · ls -0.02em

What the can changes

.h6 · clamp 16 → 20 · lh 1 · ls 0.03em · body face, uppercase

2g Everyday

Body

.body-lg · clamp 16 → 18 · lh 1.2 · ls 0.03em

One of the most studied ingredients in sports nutrition, out of the tub and into something you look forward to.

.body-md · clamp 14 → 16 · lh 1.3 · ls 0.03em

Creatine is produced naturally by the body and found in foods such as meat and fish. It is one of the most studied compounds in sports nutrition.

.body-sm · clamp 12 → 14 · lh 1.3 · ls 0.03em

is what your own body synthesises each day, in the liver and kidneys, before you eat anything at all.

.body-xs · clamp 11 → 12 · lh 1.3 · ls 0.03em · uppercase

Reimagined by Paper Crowns.

.body-2xs · static 10 · lh 1.3 · ls 0.03em · uppercase

Save 10%

Larken via Adobe Fonts, Instrument Sans self-hosted as a variable font at width 75.

Reviews

What people are saying

5.0 5 reviews
  • Photo from Nina (opens in a new tab)

    I tried the bubble gum flavor when they stopped by at my gym! It was so good and I can’t believe this is creatine! I’d rather drink this than a powder hahaha

  • I like the flavor bubble gum and the fizz level is perfect. I think the cherry was very good but maybe a little string. The fizz is perfect Watermelon is my favorite. I think it is about perfect.

  • Photo from Stephanie (opens in a new tab)

    I like the amount of carbonation in the drink and the cherry flavor is very good! No after taste !