Version 1.0 · November 2026
Loud, warm and unmistakably us.
The rules behind the new website. Thick ink outlines, offset shadows, saturated colour blocks and rounded shapes. Use them as-is and every new page will feel part of the same brand.
01 · Colour palette
Click a swatch to copy its hex code. Pair one bright colour per section with Midnight Ink text.
02 · Typography
Display · Bricolage Grotesque 800
Aa
Fresh cuts. Happy pups.
Headlines and big numbers. Tight leading (0.95), tight tracking.
Body · DM Sans 400 / 700
Aa
Small groups matched by size and energy, two outdoor play yards and a live webcam so you can check in from your desk.
Body copy 16 to 20px, line height 1.6. Bold for labels and buttons.
04 · Cards & blocks
Service card
Grooming
Opens the real service page.
Testimonial block
“Biscuit used to shake at the groomer. Now he pulls me through the door.”
Priya S.
05 · Motion
Short, springy, purposeful. 200 to 600ms, never blocking content. Respects reduced motion.
Reveal on scroll
Fade + rise 28px, 550ms
Pop-in sticker
Spring scale from 0
Playful tilt
Rotate in, settle at 2°
Headline mask
Words slide up from a mask