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

PrimaryGhost
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

FacebookInstagramYelpGoogle
Dinski styleguide

Mascot presets

hero
apricotPoodle
goldenDoodle
shihTzu
tan