{
    "schema": "dashcore-design/1",
    "slug": "executive-os",
    "generated_at": "2026-09-15T21:03:17+00:00",
    "generator": {
        "model": "claude-fable-5-1",
        "prompt_sha1": "a30b3171ad792d717c44e5f10d0cad40039b1fd2",
        "duration_ms": 25030,
        "usage": {
            "input_tokens": 395,
            "output_tokens": 1608,
            "cache_read_input_tokens": 8178,
            "cache_creation_input_tokens": 0
        }
    },
    "brief": {
        "client": "Executive OS",
        "product": "An AI executive assistant for one person. It reads their mail and calendar, writes a morning briefing, drafts replies, remembers people and commitments, and asks for approval before anything leaves with their name on it. Used all day by a busy executive or founder, in short glances between meetings rather than long sessions, plus an admin view for the person running the platform.",
        "shell": "sidebar",
        "brand_colour": null,
        "logo": null,
        "notes": "Most of the product happens in the background, so screens are mostly reading surfaces: a stat row, lists with counts, a chat panel beside a page being read. Amber is reserved for \"this wants you\" (Needs you rows, a drafted reply waiting, new chat bubbles) and must stay distinct from the accent. Dark mode is used a lot; muted text needs 4.5:1 measured against the dark surface, not eyeballed. Icons are Heroicons only, no Lucide mixing. It should feel like a quiet, competent assistant, not a dashboard and not a bank."
    },
    "decisions": {
        "accent": {
            "value": "#28292a",
            "why": "A quiet blue-teal sits far from the amber the brief reserves for rows that want attention, and away from both the navy of banks and the violet most assistant products use."
        },
        "temperature": {
            "value": "cool",
            "why": "The brief says dark mode is used a lot and the screens are software reading surfaces, which is the case the standard gives to cool greys."
        },
        "pairing": {
            "value": 7,
            "why": "A morning briefing and drafted replies are text to be read, and Newsreader at title size gives that authored, calm feel the brief wants instead of a dashboard or a bank."
        },
        "radius": {
            "value": "soft",
            "why": "The product is neither dense data nor a consumer app, so the standard's default step is the honest choice."
        },
        "density": {
            "value": "comfortable",
            "why": "The executive checks it in short glances between meetings rather than working in it for hours, and the standard keeps compact for staff in long sessions."
        },
        "motif": {
            "value": "accent-bar",
            "why": "A two pixel bar with no background fill keeps the accent quiet in a sidebar shell and leaves amber as the only colour that asks for attention."
        },
        "copy": {
            "eyebrow": "Good morning",
            "headline": "Your morning, already read",
            "tagline": "Mail, calendar and commitments, read overnight and waiting for your say before anything goes out.",
            "footer": null,
            "why": "The user arrives between meetings wanting to know what happened and what needs their approval, so the copy says exactly that and nothing about the technology."
        }
    },
    "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": "4px",
            "md": "6px",
            "lg": "8px",
            "xl": "12px",
            "2xl": "16px"
        },
        "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": "#f8fafc",
            "100": "#f1f5f9",
            "200": "#e2e8f0",
            "300": "#cbd5e1",
            "400": "#94a3b8",
            "500": "#64748b",
            "600": "#475569",
            "700": "#334155",
            "800": "#1e293b",
            "900": "#0f172a",
            "950": "#020617"
        },
        "light": {
            "page": "#ffffff",
            "surface": "#ffffff",
            "sunken": "#f8fafc",
            "border": "#e2e8f0",
            "border-strong": "#cbd5e1",
            "text-strong": "#020617",
            "text": "#1e293b",
            "text-muted": "#64748b",
            "text-muted-on-sunken": "#475569",
            "accent": "#28292a",
            "accent-hover": "#191a1a",
            "accent-content": "#28292a",
            "accent-soft": "#28292a1a",
            "on-accent": "#ffffff"
        },
        "dark": {
            "page": "#0f172a",
            "surface": "#1e293b",
            "sunken": "#020617",
            "border": "#334155",
            "border-strong": "#475569",
            "text-strong": "#f8fafc",
            "text": "#e2e8f0",
            "text-muted": "#94a3b8",
            "text-muted-on-sunken": "#94a3b8",
            "accent": "#646566",
            "accent-hover": "#737475",
            "accent-content": "#9b9c9d",
            "accent-soft": "#64656629",
            "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.64
            },
            "notes": [
                "Dark accent lightened from #28292a to #646566 to read on the dark page."
            ],
            "pairs": [
                {
                    "pair": "light: text on page",
                    "ratio": 14.63,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "light: text on surface",
                    "ratio": 14.63,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "light: text-strong on page",
                    "ratio": 20.17,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "light: text-muted on page",
                    "ratio": 4.76,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "light: text-muted on surface",
                    "ratio": 4.76,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "light: text-muted-on-sunken on sunken",
                    "ratio": 7.24,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "light: accent-content on page",
                    "ratio": 14.57,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "light: accent-content on accent-soft",
                    "ratio": 12.12,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "light: text-muted-on-sunken on accent-soft",
                    "ratio": 6.3,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "light: on-accent on accent",
                    "ratio": 14.57,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "light: border-strong on surface",
                    "ratio": 1.48,
                    "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.24,
                    "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.31,
                    "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.93,
                    "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": 6.96,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "dark: text on page",
                    "ratio": 14.48,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "dark: text on surface",
                    "ratio": 11.87,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "dark: text-strong on page",
                    "ratio": 17.06,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "dark: text-muted on page",
                    "ratio": 6.96,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "dark: text-muted on surface",
                    "ratio": 5.71,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "dark: text-muted-on-sunken on sunken",
                    "ratio": 7.87,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "dark: accent-content on page",
                    "ratio": 6.49,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "dark: accent-content on accent-soft",
                    "ratio": 4.64,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "dark: text-muted-on-sunken on accent-soft",
                    "ratio": 4.97,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "dark: on-accent on accent",
                    "ratio": 5.84,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "dark: border-strong on surface",
                    "ratio": 1.93,
                    "min": 1.5,
                    "passes": true,
                    "informational": true
                },
                {
                    "pair": "dark: success text on page",
                    "ratio": 10.25,
                    "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.81,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "dark: warning text on page",
                    "ratio": 10.69,
                    "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.84,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "dark: danger text on page",
                    "ratio": 6.45,
                    "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.3,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "dark: info text on page",
                    "ratio": 7.02,
                    "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.73,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                }
            ]
        }
    }
}