{
    "schema": "dashcore-design/1",
    "slug": "executive-os-2",
    "generated_at": "2026-09-15T21:03:42+00:00",
    "generator": {
        "model": "claude-fable-5-1",
        "prompt_sha1": "a30b3171ad792d717c44e5f10d0cad40039b1fd2",
        "duration_ms": 24062,
        "usage": {
            "input_tokens": 395,
            "output_tokens": 1386,
            "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": "#6053c4",
            "why": "A quiet violet at hue 247 sits far from the amber the brief reserves for rows that want attention, and away from the blues that would make it feel like a bank or a dashboard."
        },
        "temperature": {
            "value": "warm",
            "why": "The product remembers people and commitments and should read as an assistant, so warm greys suit it better than the cool grey of a data tool."
        },
        "pairing": {
            "value": 7,
            "why": "The morning briefing and drafted replies are authored reading, and Newsreader at title size gives that authored, calm feel without any codes in the rows to call for mono."
        },
        "radius": {
            "value": "soft",
            "why": "The screens are reading surfaces for one busy person, neither dense data that wants sharp corners nor a consumer app that wants round ones."
        },
        "density": {
            "value": "comfortable",
            "why": "The executive uses it in short glances between meetings rather than as trained staff working all day, so spacing should be generous and easy to scan."
        },
        "motif": {
            "value": "accent-bar",
            "why": "A two pixel bar marks the active item without a fill, keeping the accent quiet so the amber that means this wants you stays the loudest thing on screen."
        },
        "copy": {
            "eyebrow": "Good morning",
            "headline": "Your day, read before you are.",
            "tagline": "Mail, calendar and the people in them, briefed and waiting for your say.",
            "footer": null,
            "why": "It speaks to the executive about their day and their approval, not about mail software or AI."
        }
    },
    "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": "#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": "#6053c4",
            "accent-hover": "#4d3fb9",
            "accent-content": "#6053c4",
            "accent-soft": "#6053c41a",
            "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": "#675bc7",
            "accent-hover": "#7c72cf",
            "accent-content": "#9893dc",
            "accent-soft": "#675bc729",
            "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.71
            },
            "notes": [
                "Dark accent lightened from #6053c4 to #675bc7 to read on the dark page."
            ],
            "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.95,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "light: accent-content on accent-soft",
                    "ratio": 5.17,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "light: text-muted-on-sunken on accent-soft",
                    "ratio": 6.64,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "light: on-accent on accent",
                    "ratio": 5.95,
                    "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.28,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "dark: accent-content on accent-soft",
                    "ratio": 4.71,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "dark: text-muted-on-sunken on accent-soft",
                    "ratio": 5.2,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "dark: on-accent on accent",
                    "ratio": 5.39,
                    "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
                }
            ]
        }
    }
}