{
    "schema": "dashcore-design/1",
    "slug": "northline",
    "generated_at": "2026-09-11T12:00:00+08:00",
    "brief": {
        "client": "Northline Hospitality Group",
        "product": "An owner portal for a group of twelve boutique hotels. General managers open it weekly to see occupancy, reviews and maintenance requests.",
        "shell": "top-nav",
        "brand_colour": "#b5542d",
        "logo": null,
        "notes": "Warm, hospitable, nothing that reads as a spreadsheet. The brand colour is a terracotta they already use in print."
    },
    "decisions": {
        "accent": {
            "value": "#b5542d",
            "why": "The client's terracotta, kept as given. Its hue sits at 20 degrees, inside the zone reserved for danger and warning, so the resolver keeps it but this is the one rule the brief overrides."
        },
        "temperature": {
            "value": "warm",
            "why": "Warm greys sit naturally beside terracotta and suit hospitality."
        },
        "pairing": {
            "value": 7,
            "why": "Hanken Grotesk is plain and readable for a weekly visitor; Newsreader at title size gives the portal a hotel's warmth without decoration."
        },
        "radius": {
            "value": "round",
            "why": "A portal opened by managers between guests, not a tool for data entry."
        },
        "density": {
            "value": "comfortable",
            "why": "Weekly use by people who are not at a desk all day."
        },
        "motif": {
            "value": "filled-stat",
            "why": "A top-nav shell and a warm accent suit one welcoming block of colour in the stat row."
        },
        "copy": {
            "eyebrow": "Northline",
            "headline": "How your hotels did this week.",
            "tagline": "Sign in to see occupancy, guest reviews and what needs fixing.",
            "footer": null,
            "why": "Names the three things a general manager comes to check."
        }
    },
    "tokens": {
        "fonts": {
            "sans": {
                "family": "Hanken Grotesk",
                "bunny": "hanken-grotesk",
                "weights": [
                    400,
                    500,
                    600
                ],
                "fallback": "ui-sans-serif, system-ui, sans-serif"
            },
            "second": {
                "family": "Newsreader",
                "bunny": "newsreader",
                "weights": [
                    500,
                    600
                ],
                "kind": "serif",
                "fallback": "ui-serif, Georgia, serif",
                "condensed": false
            },
            "stylesheet": "https://fonts.bunny.net/css?family=hanken-grotesk:400,500,600|newsreader: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": "#b5542d",
            "accent-hover": "#9c4927",
            "accent-content": "#ad502b",
            "accent-soft": "#b5542d1a",
            "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": "#b5542d",
            "accent-hover": "#cd6034",
            "accent-content": "#d88464",
            "accent-soft": "#b5542d29",
            "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": "dark: accent-content on accent-soft",
                "ratio": 4.59
            },
            "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.3,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "light: accent-content on accent-soft",
                    "ratio": 4.65,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "light: text-muted-on-sunken on accent-soft",
                    "ratio": 6.69,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "light: on-accent on accent",
                    "ratio": 4.92,
                    "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.17,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "dark: accent-content on accent-soft",
                    "ratio": 4.59,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "dark: text-muted-on-sunken on accent-soft",
                    "ratio": 5.16,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "dark: on-accent on accent",
                    "ratio": 4.92,
                    "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
                }
            ]
        }
    }
}