bark-studio-dev-webflow-io
Irreverent kitsch glamour meets high-fashion editorial wit. Oversized condensed lettering and delicate serifs sit directly over theatrical photography of costumed poodles in sunglasses. Saturated fields of candy pink, electric yellow, and periwinkle create an unapologetically bold, playful presence.
Visit siteColour
Background#cfa7bf
Text#330812
Accent#f4fd86
Surface#c3d3f9
Muted#ffb4c9
Typefaces
- Display
- Knockout
- Body
- Arial
- Mono
- —
- Source
- google · system
- Scale
- 16 · 18 · 43 · 64 · 187 · 374
Layout
- Grid
- —
- Container
- —
- Spacing base
- 8px
- Radius
- 0px · 999px
Capture
- Category
- other
- Sections
- 7
- Captured
- 2026-08-30
- Rhythm
- lavender → periwinkle → deep burgundy → electric yellow → candy pink x2 → electric yellow
Type rules
- juxtapose ultra-condensed heavy grotesque with high-contrast serif across headline lockups
- set all headers, labels, and navigation in uppercase
- scale massive display typography to span the full viewport width
Colour rules
- clash saturated pastel fields of candy pink, electric yellow, and soft periwinkle with deep burgundy
- render display text directly in vibrant accent colours rather than neutral tones
- give each section a distinct monochrome or duotone background wash
Voice rules
- infuse digital design terms with canine wordplay and puns
- keep all display copy uppercase and tightly stacked
Holds it together
- alternate full-bleed color-blocked backdrops of candy pink, neon yellow, and burgundy with no dividing borders
- pair ultra-heavy condensed grotesque type with elegant high-contrast serif in the same lockup
- apply canine puns to all section headlines, service titles, and microcopy
Contrast
text on background8.4:1 AAA
muted text on background1.3:1 fail
text on surface11.8:1 AAA
accent on background1.9:1 fail
background on accent1.9:1 fail
Type, measured
- Body
- 16px / 1.5
- Measure
- —
- Display
- 64px / 0.9
- Tracking
- 0.016em display
- Scale ratio
- 1.41
Voice
- Tone
- playful, witty, confident
- Sentences
- short
- Person
- first
- Vocabulary
- quirky
- Calls to action
- fetch, leap, play
Built with
- Builder
- webflow
- Framework
- —
- Motion
- gsap, lenis
- WebGL
- —
- Nav
- —
- Length
- 14.3 screens
Sections in page order
7- 00
hero
Quirky, glamorous kitsch hero featuring costumed poodles in sunglasses layered beneath bold, contrasting display typography.
- Mood
- playful + nostalgic
- Layout
- 1 col · full bleed · airy
- 01
hero
An expansive pastel periwinkle canvas anchored at the top by a soft yellow serif masthead over cropped photography.
- Mood
- dreamy + editorial
- Layout
- 1 col · stacked · airy
- 02
statement
Moody, high-fashion-inspired editorial poster aesthetic layering oversized pink typography across a dramatic portrait of a dog.
- Mood
- editorial + playful
- Layout
- 1 col · full bleed · dense
- 03
other
A bright field of electric lime yellow anchored by a contrasting soft pink strip along the bottom edge.
- Mood
- playful + bold
- Layout
- 1 col · full bleed · airy
- 04
statement
Massive pastel yellow typography fills a candy-pink canvas in a bold, playful typographic statement.
- Mood
- playful + bold
- Layout
- 2 col · centered · dense
- 05
feature
Vibrant and punchy services list combining heavy condensed uppercase typography with delicate numbering against a bubblegum pink canvas.
- Mood
- playful + bold
- Layout
- 8 col · stacked · airy
- 06
feature
Bold duo-tone color block layout balancing high-contrast pastel pink and neon yellow fields.
- Mood
- playful + bold
- Layout
- 1 col · stacked · airy
