Dinski Design

Living reference for the studio design system. Every token, icon, mascot, and primitive below is the same code that composes each client site.

Dinski styleguide

Color tokens

paper#FBF1DC

paper-2#F6E7C9

surface#FFFCF5

berry#C13A5E

berry-deep#9E2B49

honey#E0A458

honey-deep#C9863A

peach#FBE0CF

mint#CDE3D6

ink#3B2B2B

muted#8A7468

line#E8D4B0

Dinski styleguide

Type scale

Pacifico — script wordmark

Display — H1 heading

Display — H2 heading

Display — H3 heading (Fraunces; --font-display)

Nunito body — the quick brown fox jumps over the lazy dog, then books a groom.

Nunito 800 — emphasis weight for trust and prices.

Dinski styleguide

Buttons

Primary Ghost

Dinski styleguide

Primitives

Eyebrow label

peach pillmint pillhoney pill

Dinski styleguide

Generic icons (lucide)

heart

cat

star

activity

scissors

droplet

phone

mapPin

clock

check

plus

menu

x

paw

Dinski styleguide

Brand / social icons

Dinski styleguide

Mascot presets

hero

apricotPoodle

goldenDoodle

shihTzu

tan