Style guide.
How it is built.

Colours, type and parts, and where to change each one. Every list on the site comes from the CMS: Products, Categories, Track, Journal, FAQs, Crew and Legal.

Colours, type and parts, and where to change each one. Every list on the site comes from the CMS: Products, Categories, Track, Journal, FAQs, Crew and Legal.

Colours.
Change them in Assets, Colors.

Page

#3A834E · The ground of every page

Paper

#46905A · Cards, fields, answers

Ink

#FFF6E4 · Headings, tags, the bed

Body

#F2EDDB · Running text

Muted

#CDE8C6 · Second lines of headings

Line

Cream at 32% · Hairlines and lanes

Accent

#F7B4C6 · Buttons and the big word

On accent

#2A1420 · Text on pink

Type.
Hubot Sans, set wide. Change it in Assets, Text.

Display

104 / 72 / 50 px

Zoomies, delivered.

Zoomies, delivered.

Zoomies, delivered.

Statement

56 / 44 / 34 px

Room for one more.

Page title

56 / 44 / 34 px

Everyday lead, tomato

Everyday lead, tomato

Everyday lead, tomato

Heading

30 / 26 / 22 px

Salmon kibble, small breed

Article heading

28 / 25 / 22 px

How much to feed

Subheading

18 px

Care

Lead

19 / 18 / 17 px

Food, beds, leads and toys for dogs and cats.

Body

16 px

Soft woven webbing that dries quickly, with a clip that swivels so the lead never twists.

Small

14 px

Same day in Portland if you order by 2 pm.

Parts.
Buttons, rows and the code components.

Zoomies track

Home, first screen

Runners come from the Track collection. Seconds per lap, laps per scroll and the lane width are on the track; the photos, names and lines are in the CMS.

Ears up, Podium, Room for one more, Pounce

Home sections

Each sits in a collection list and the first item draws the section. Change words and sizes on the component, photos and names in the CMS.

Lane option

Home and Monthly box

Products with a Lane are the options. Lanes, notes, discount and week choices are on the component.

Lap plan

Monthly box

Edit the stops (tag, title, note) and the seconds per lap on the component.

Delivery check

Home

Local ZIP codes, the city, the cut-off hour and every answer are on the component.

Counter question

Home, Monthly box, Contact

Questions come from the FAQs collection; the list filter picks the topics.

Bag, Add to bag, Bag summary

Navigation, products, checkout

Free delivery threshold, delivery fee, currency and the Shopify store address. See the Shopify guide.

Create a free website with Framer, the website builder loved by startups, designers and agencies.