{
    "schema": "dashcore-design/1",
    "slug": "calder-street-veterinary",
    "generated_at": "2026-09-11T15:59:56+00:00",
    "generator": {
        "model": "claude-fable-5-1",
        "prompt_sha1": "34ed8f6d419920e828870b9cb94e6911ea416119",
        "duration_ms": 10420,
        "usage": {
            "input_tokens": 153,
            "output_tokens": 490,
            "cache_read_input_tokens": 0,
            "cache_creation_input_tokens": 7655
        }
    },
    "brief": {
        "client": "Calder Street Veterinary",
        "product": "An owner portal for a small animal veterinary practice. Owners sign in after a visit to read the vet's notes, see vaccination dates and pay an invoice.",
        "shell": "top-nav",
        "brand_colour": null,
        "logo": null,
        "notes": null
    },
    "decisions": {
        "accent": {
            "value": "#2a7f6f",
            "why": "A calm teal suits a veterinary practice serving anxious pet owners, sits well clear of red and amber, and avoids the sky blue most clinic portals use."
        },
        "temperature": {
            "value": "warm",
            "why": "Pet owners reading notes about their own animals are people-facing health work, which the standard gives warm greys."
        },
        "pairing": {
            "value": 2,
            "why": "Owners come to read a vet's notes and trust what they say, so a quiet serif at title size fits better than a mono face for a portal with no reference codes in every row."
        },
        "radius": {
            "value": "round",
            "why": "The users are the public checking on a pet, not staff working with dense data, so round corners fit a consumer-facing portal."
        },
        "density": {
            "value": "comfortable",
            "why": "Owners open the portal occasionally after a visit and are not trained staff working all day, so comfortable spacing is the only allowed choice."
        },
        "motif": {
            "value": "filled-stat",
            "why": "The brief chooses the top nav shell for a people-facing app, where one warm block of colour on the first tile reads as welcome rather than alarm."
        },
        "copy": {
            "eyebrow": "Calder Street Veterinary",
            "headline": "Everything from your pet's last visit",
            "tagline": "Read the vet's notes, check upcoming vaccinations and settle your invoice in one place.",
            "footer": null,
            "why": "It names the three things an owner actually came to do after a visit, in the practice's own voice rather than software terms."
        }
    },
    "tokens": {
        "fonts": {
            "sans": {
                "family": "Source Sans 3",
                "bunny": "source-sans-3",
                "weights": [
                    400,
                    500,
                    600
                ],
                "fallback": "ui-sans-serif, system-ui, sans-serif"
            },
            "second": {
                "family": "Source Serif 4",
                "bunny": "source-serif-4",
                "weights": [
                    500,
                    600
                ],
                "kind": "serif",
                "fallback": "ui-serif, Georgia, serif",
                "condensed": false
            },
            "stylesheet": "https://fonts.bunny.net/css?family=source-sans-3:400,500,600|source-serif-4:500,600&display=swap"
        },
        "radius": {
            "sm": "6px",
            "md": "8px",
            "lg": "12px",
            "xl": "16px",
            "2xl": "24px"
        },
        "density": {
            "gutter": "32px",
            "section": "32px",
            "card": "24px",
            "stat": "24px",
            "row": "48px",
            "cell-x": "16px",
            "control": "40px",
            "label-gap": "8px",
            "field-gap": "24px",
            "nav-item": "40px",
            "brand": "56px",
            "prose": "16px"
        },
        "neutral": {
            "50": "#fafaf9",
            "100": "#f5f5f4",
            "200": "#e7e5e4",
            "300": "#d6d3d1",
            "400": "#a8a29e",
            "500": "#78716c",
            "600": "#57534e",
            "700": "#44403c",
            "800": "#292524",
            "900": "#1c1917",
            "950": "#0c0a09"
        },
        "light": {
            "page": "#ffffff",
            "surface": "#ffffff",
            "sunken": "#fafaf9",
            "border": "#e7e5e4",
            "border-strong": "#d6d3d1",
            "text-strong": "#0c0a09",
            "text": "#292524",
            "text-muted": "#78716c",
            "text-muted-on-sunken": "#57534e",
            "accent": "#2a7f6f",
            "accent-hover": "#22685b",
            "accent-content": "#277768",
            "accent-soft": "#2a7f6f1a",
            "on-accent": "#ffffff"
        },
        "dark": {
            "page": "#1c1917",
            "surface": "#292524",
            "sunken": "#0c0a09",
            "border": "#44403c",
            "border-strong": "#57534e",
            "text-strong": "#fafaf9",
            "text": "#e7e5e4",
            "text-muted": "#a8a29e",
            "text-muted-on-sunken": "#a8a29e",
            "accent": "#2a7f6f",
            "accent-hover": "#329683",
            "accent-content": "#3caf99",
            "accent-soft": "#2a7f6f29",
            "on-accent": "#ffffff"
        },
        "status": {
            "success": {
                "text-light": "#15803d",
                "text-dark": "#4ade80",
                "fill": "#15803d",
                "soft-light": "#f0fdf4",
                "soft-dark": "#052e16"
            },
            "warning": {
                "text-light": "#b45309",
                "text-dark": "#fbbf24",
                "fill": "#b45309",
                "soft-light": "#fffbeb",
                "soft-dark": "#451a03"
            },
            "danger": {
                "text-light": "#b91c1c",
                "text-dark": "#f87171",
                "fill": "#dc2626",
                "soft-light": "#fef2f2",
                "soft-dark": "#450a0a"
            },
            "info": {
                "text-light": "#1d4ed8",
                "text-dark": "#60a5fa",
                "fill": "#1d4ed8",
                "soft-light": "#eff6ff",
                "soft-dark": "#172554"
            }
        },
        "contrast": {
            "passes": true,
            "lowest": {
                "pair": "light: accent-content on accent-soft",
                "ratio": 4.71
            },
            "notes": [],
            "pairs": [
                {
                    "pair": "light: text on page",
                    "ratio": 15.17,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "light: text on surface",
                    "ratio": 15.17,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "light: text-strong on page",
                    "ratio": 19.76,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "light: text-muted on page",
                    "ratio": 4.8,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "light: text-muted on surface",
                    "ratio": 4.8,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "light: text-muted-on-sunken on sunken",
                    "ratio": 7.3,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "light: accent-content on page",
                    "ratio": 5.35,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "light: accent-content on accent-soft",
                    "ratio": 4.71,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "light: text-muted-on-sunken on accent-soft",
                    "ratio": 6.71,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "light: on-accent on accent",
                    "ratio": 4.81,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "light: border-strong on surface",
                    "ratio": 1.49,
                    "min": 1.5,
                    "passes": false,
                    "informational": true
                },
                {
                    "pair": "light: success text on page",
                    "ratio": 5.02,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "light: success text on success-soft",
                    "ratio": 4.79,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "light: text-muted-on-sunken on success-soft",
                    "ratio": 7.29,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "light: warning text on page",
                    "ratio": 5.02,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "light: warning text on warning-soft",
                    "ratio": 4.84,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "light: text-muted-on-sunken on warning-soft",
                    "ratio": 7.36,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "light: danger text on page",
                    "ratio": 6.47,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "light: danger text on danger-soft",
                    "ratio": 5.91,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "light: text-muted-on-sunken on danger-soft",
                    "ratio": 6.97,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "light: info text on page",
                    "ratio": 6.7,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "light: info text on info-soft",
                    "ratio": 6.16,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "light: text-muted-on-sunken on info-soft",
                    "ratio": 7.01,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "dark: text on page",
                    "ratio": 13.93,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "dark: text on surface",
                    "ratio": 12.08,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "dark: text-strong on page",
                    "ratio": 16.74,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "dark: text-muted on page",
                    "ratio": 6.93,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "dark: text-muted on surface",
                    "ratio": 6.01,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "dark: text-muted-on-sunken on sunken",
                    "ratio": 7.83,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "dark: accent-content on page",
                    "ratio": 6.48,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "dark: accent-content on accent-soft",
                    "ratio": 4.83,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "dark: text-muted-on-sunken on accent-soft",
                    "ratio": 5.17,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "dark: on-accent on accent",
                    "ratio": 4.81,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "dark: border-strong on surface",
                    "ratio": 1.99,
                    "min": 1.5,
                    "passes": true,
                    "informational": true
                },
                {
                    "pair": "dark: success text on page",
                    "ratio": 10.04,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "dark: success text on success-soft",
                    "ratio": 8.55,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "dark: text-muted-on-sunken on success-soft",
                    "ratio": 5.91,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "dark: warning text on page",
                    "ratio": 10.48,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "dark: warning text on warning-soft",
                    "ratio": 8.97,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "dark: text-muted-on-sunken on warning-soft",
                    "ratio": 5.94,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "dark: danger text on page",
                    "ratio": 6.32,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "dark: danger text on danger-soft",
                    "ratio": 5.84,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "dark: text-muted-on-sunken on danger-soft",
                    "ratio": 6.4,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "dark: info text on page",
                    "ratio": 6.88,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "dark: info text on info-soft",
                    "ratio": 5.78,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "dark: text-muted-on-sunken on info-soft",
                    "ratio": 5.83,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                }
            ]
        }
    }
}