Pynk Nymph — Design System

01

Color tokens.

Two neutrals, two greens, two pinks, two warms — plus extended secondaries pulled from the live brand surfaces.

Aloe Dark

--pn-aloe-dark

#283414

Mango 50

--pn-mango-50

#F6EBE3

Aloe Light

--pn-aloe-light

#759E33

Charcoal

--pn-charcoal

#2C312F

Juicy Fruit

--pn-juicy-fruit

#FF565D

Dragon Fruit

--pn-dragon-fruit

#EF317D

Strawberry

--pn-strawberry

#CC0709

Mango

--pn-mango

#FF8B31

Wine

--pn-wine

#4D142A

Aloe Pale

--pn-aloe-pale

#DBE4CE

Pink Pale

--pn-pink-pale

#FFEEEF

Mango 1500

--pn-mango-1500

#20140B

02

Type ramp.

Three families, six clear roles. Use scale to build hierarchy — never decoration.

Display XLFraunces · Italic · 144 / 0.92

Get your ass
waxed.

Display LFraunces · Italic · 88 / 0.95

For every body. Downtown RVA.

Display MFraunces · Italic · 56 / 1

Care, comfort, and respect.

H1 MonoDM Mono · 36 · UPPER · 0.05em

Brazilian / Bikini / Brow

EyebrowDM Mono · 14 · UPPER · 0.22em

◆ For every body ◆ Downtown RVA

BodyDM Sans · 18 / 1.65

Pynk Nymph is an inclusive waxing and skincare studio in Downtown Richmond. We exist to make grooming feel safe, easy, and welcoming — a space without judgment, where every body is treated with care.

CaptionDM Mono · 12 · UPPER · 0.22em

Pynk Nymph · 804.455.7149 · @pynknymph

03

Spacing & radii.

One scale, no exceptions. Pill for buttons and tags; card for surfaces; tag for chips.

Spacing scale

--s-1

4 px

--s-2

8 px

--s-3

12 px

--s-4

16 px

--s-5

24 px

--s-6

32 px

--s-7

48 px

--s-8

64 px

--s-9

96 px

--s-10

128 px

Radii

Tag · 8

Card · 16

Pill · ∞

04

Components.

Buttons, badges, forms, cards, navigation, marquee — the working set.

Buttons.

.pn-btn — primary / coral / ghost

.pn-btn-primary { background: var(--pn-dragon-fruit); color: #fff; border-radius: 999px; }

Badges & chips.

.pn-badge — DM Mono uppercase

New Member · 15% off Hot girl approved For every body ◆ 30 min

.pn-badge { padding: 6px 14px; border-radius: 999px; font-family: var(--pn-mono); }

Form fields.

.pn-input — input / select / textarea

Name

Service

border: 1px solid var(--pn-aloe-dark); border-radius: 12px; padding: 14px 16px;

Service card.

.pn-card-svc — booking surface

◆ 45 min · Returning $48

Brazilian.

Front-to-back wax with optional cleanup. Maintenance pricing kicks in after your second visit.

From $65

background: var(--pn-aloe-dark); padding: 32px; border-radius: 16px;

Navigation.

.pn-nav — bar

ServicesAboutStudioFAQ

background: var(--pn-aloe-dark); border-radius: 0px; padding: 16px 32px;

Marquee scroller.

.pn-marquee — infinite horizontal scroll

Get your ass waxed For every body Downtown RVA Hot girls get waxed Hot boys get waxed Get your ass waxed For every body Downtown RVA Hot girls get waxed Hot boys get waxed

animation: pnScroll 35s linear infinite; track duplicates content for seamless loop.

05

Logo lockups.

Hand-drawn liquid letterforms in two builds: cream-fill / aloe-outline for dark and accent surfaces, and the inverse aloe-fill / cream-outline for white and light surfaces. Pick the build that gives the cleanest contrast. Use the art in /assets directly — never recreate it.

06

Recurring motifs.

Six visual elements that show up across stickers, merch, social, and brand moments.

✺

Cactus

⌬

Splat

✦

Sparkle

▭

Polaroid

★

Stars

◐

Mascot

The system, front to back.