✦ Soda-fountain nostalgia · wellness DTC

Bring on the Berry.

Good-for-you soda with 9g of prebiotic fiber. Made with botanical ingredients, real cane sugar, and zero artificial sweeteners. Your gut (and your inner kid) will thank you.

Color Palette13 tokens

background#ffffff

surface#0c3b2e

surface-elevated#f5f5f5

ink#111111

ink-muted#c8202b

primary#ec5093

on-primary#ffffff

border#fff4e2

focus-ring#ec5093

success#22c55e

warning#f59e0b

error#ef4444

shadow-soft#d9d9d9

Buttons

TypographyGoogle Font

Hanken Groteskbrand uses Inter

display-hero

Pure Nostalgia-ahh.

88px · 800 · -1px

display

Get Rewarded for Sipping

61px · 800 · -0.5px

heading-section

Good-for-you soda with 9g of prebiotic fiber. Made with botanical ingredients, real cane sugar, and zero artificial sweeteners. Your gut (and your inner kid) will thank you.

56px · 500 · -0.25px

heading-sub

Best Seller · New Flavor · Save 15%

39px · 500 · 0px

body-large

Good-for-you soda with 9g of prebiotic fiber. Made with botanical ingredients, real cane sugar, and zero artificial sweeteners. Your gut (and your inner kid) will thank you.

20px · 400 · 0px

IconsPh

Set: Ph · brand-matched

Formfocus ring

you@company.com

Password

••••••••

Card · Shapes

Get Rewarded for Sipping

Good-for-you soda with 9g of prebiotic fiber. Made with botanical ingredients, real cane sugar, and zero artificial swee…

Retail

none

Elevation

RING

CARD

ELEVATED

Controls

Off

✓Checked

Unchecked

Selected

Option

Alerts

Heads up — a new version of the design system is available.

Saved. Your changes are live across all surfaces.

Some tokens are missing a contrast-safe pairing.

Couldn’t reach the server. Retry in a moment.

Badges

SolidSoftOutlineNewv2.0

FAQ

Get Rewarded for Sipping

Good-for-you soda with 9g of prebiotic fiber. Made with botanical ingredients, real cane sugar, and zero artificial sweeteners. Your gut (and your inner kid) will thank y…

How does it integrate with my stack?

Is there a free tier?

Tabs

OverviewActivitySettings

DayWeekMonth

Stats

48.2k

Active users

+12.4%

$12.8k

MRR

+3.1%

99.9%

Uptime

−0.02%

Table

Member	Plan	Status
AQAvery Quinn	Pro	Active
JLJordan Lee	Team	Pending
SRSam Rivera	Free	Active

Avatars

AQJLSR+5

Avery Quinn

Online · Owner

Slider · Progress

Volume62%

Storage used78%

Tooltip · Popover

Brand-styled tooltipHover target

Navigation bar

Banner

Pricing

Pro

$24 /mo

Unlimited projects
Priority support
Custom domains

Stepper

CartDetails3Payment4Review

Breadcrumb

HomeRetailOlipop

Toast

Changes savedUndo

You have 3 new updates

Activity

Avery created a new project

2h ago

Jordan left a comment

5h ago

Sam shipped v2.0

1d ago

Notifications

AQAvery Quinn invited you to Olipop.

2 minutes ago

JLJordan Lee approved your design tokens.

1 hour ago

SRSam Rivera mentioned you in a thread.

Yesterday

Code

theme.ts

// Olipop tokens
export const theme = {
  primary: "#ec5093",
  radius: "8px",
}

Calendar

March 2026

SMTWTFS28291234567891011121314151617181920212223242526272829303112

No resultsTry adjusting your filters or search for something else.

Pagination

‹123…12›

Brand moment

I gave up regular soda for good — and honestly? I don't miss it. Olipop hits different.

Olipop · Retail

Similar systems

Generated from shared tags, visual DNA, category, color, type, and radius.

Filter by this ↗

Omsom89%

shared styles: Colorful, Bold, Warm · same category: Retail

Jeni's88%

shared styles: Colorful, Bold, Warm · same category: Retail

Mama Shelter87%

shared styles: Colorful, Bold, Warm · same category: Retail

Poppi84%

shared styles: Colorful, Bold, Warm · same category: Retail

Airbnb80%

shared styles: Bold, Warm · same category: Retail

Rossignol79%

shared styles: Bold, Warm · same category: Retail