Style guide
Kibble & Kin design tokens and presets. Every value here comes from a Divi global variable.
Colours
Brand
gcid-brand
Accent / Default
gcid-accent-default
Accent / Dark
gcid-accent-dark
Recipe / Pork
gcid-recipe-pork
Recipe / Beef
gcid-recipe-beef
Pop
gcid-pop
Text / Primary
gcid-text-primary
Text / Secondary
gcid-text-secondary
Text / Muted
gcid-text-muted
Text / Inverse
gcid-text-inverse
Background / Base
gcid-bg-base
Background / Subtle
gcid-bg-subtle
Background / Inverse
gcid-bg-inverse
Background / Mint
gcid-bg-mint
Background / Sage
gcid-bg-sage
Border / Default
gcid-border-default
Border / Strong
gcid-border-strong
Success
gcid-success
Warning
gcid-warning
Danger
gcid-danger
Background / Inverse Deep
gcid-bg-inverse-deep
Recipe / Turkey
gcid-recipe-turkey
Recipe / Chicken
gcid-recipe-chicken
Text / Inverse Muted
gcid-text-inverse-muted
Type
Questions? Good.
Real fresh dog food. Zero mystery.
What's on the label is what's in the bowl.
Turkey Feast
Portioned for your dog
For picky eaters
Body LG. Gently cooked in small batches, portioned to your dog and delivered frozen. Every number on the pack is the number in the bowl.
Body. Human-grade meat and vegetables, nothing artificial. Plans start at $3.50 a day and you can pause or cancel in two clicks.
Body SM. Sample values for demo purposes. Calories per 100 g as fed.
Guaranteed analysis
Numbers
74%
128
14
$3.50
Buttons
Panels and rules
Panel
White panel with the 10px forest rule on top.
Rule · Medium top (4px)
Rule · Fine top (1px)
Ready when they are.
On the forest band
Cream text on forest, muted line below.
Secondary text on forest.