Style guide.
How it is built.
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
Statement
56 / 44 / 34 px
Room for one more.
Page title
56 / 44 / 34 px
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.
