Foundations

Color Palette

Ink--inkPrimary text#0b0b0f

Ink soft--ink-softSecondary text#2a2a33

Muted--mutedCaptions / meta#6b7280

Line--lineBorders / dividers#ececf1

Accent--accentBrand / interactive#5b5bd6

Accent soft--accent-softAccent surfaces#eef0ff

Good--goodPositive / success#0f9d6b

Good soft--good-softSuccess surfaces#e8f7f0

Warn--warnCaution / reality#c2751a

Warn soft--warn-softWarning surfaces#fbf1e3

Star--starRatings#f5b301

Surface--bg-softCard surfaces#fafafb

Foundations

Typography

Display / H1

Fraunces · clamp 2.4–3.4rem · 700

Section heading / H2

Fraunces · ~1.6rem · 600

Card / component heading

Inter · 1rem · 600

Body copy is set in Inter for clarity at small sizes, with a relaxed line height for comfortable reading across long breed narratives.

Inter · 1rem · 1.7 line-height

Caption / meta / eyebrow textInter · 0.8rem · uppercase · letter-spaced

Foundations

Spacing Scale

--space-14px

--space-28px

--space-312px

--space-416px

--space-524px

--space-632px

--space-748px

--space-864px

Actions

Buttons

Primary action Secondary / ghost

Data display

Ratings & Score Badges

Trainability

Energy

Apartment

8/10

Exercise

3/10

Coat effort

9/10

Health

Data display

Progress Bars

Young children

90/100

Singles

65/100

Apartment living

35/100

Content

Information Cards

Shedding

8/10

Coat effort

3/10

Brushing

2–3× per week

Bathing

Every 6–8 weeks

Content

Two-Column Lists

Screen breeders for

Hip evaluation (OFA)
Elbow evaluation
Annual eye exam

Watch for

Hip dysplasia
Elbow dysplasia
Progressive retinal atrophy

Content

Comparison Callouts

Compared with the average dog

Requires ~35% more exercise than average
Sheds more than the average dog
Much easier to train
Around average yearly cost

Feedback

Warning & Success Boxes

Reality Check

If your schedule cannot consistently support 90 minutes of daily activity, this breed is unlikely to thrive.

What You'll Love

Endlessly affectionate, eager to please, and brilliant with children — a true family companion when its energy is met.

Content

Cost Cards

Food

$58/mo

Insurance

$50/mo

Emergency savings

$83/mo

Toward a $3,000 fund

Total monthly estimate

$292/mo

≈ $3,500 per year

Content

Compatibility / Lifestyle-Match Cards

Perfect for

An ideal match

Active families with a yard
Owners with time to train

Good fit

Workable with effort

Committed singles
Homes with cats

Poor fit

Think twice

Long hours away from home
Want a low-shedding dog

Content

Time-Commitment Bars

Exercise10.5 hrs/wk

Training5 hrs/wk

Grooming2 hrs/wk

Social interaction8 hrs/wk

Mental stimulation6 hrs/wk

Content

Life-Stage Timeline

Puppy0–6 months

Socialisation window; mouthy and absorbing everything.

Adolescent6–24 months

Boundary-testing and high energy; consistency is everything.

Adult2–7 years

Settled, reliable, and at its working best.

Content

Checklist Cards

Space for a medium-large dog
~90 minutes of daily exercise
Budget of roughly $292/month
A 10–14 year commitment

Content

FAQ Accordion

Is this component set reusable?

Yes — every component here is driven by shared CSS tokens and classes, so the same markup produces the same result on every breed profile.

How are the colours defined?

All colours are CSS custom properties on :root, shown in the Color Palette section above.

Content

Tables

Trait	Score	Notes
Trainability	9/10	Eager to please, fast learner
Shedding	8/10	Heavy, seasonal blowouts
Exercise	8/10	~90 min/day of real activity