{
    "schema": "dashcore-design/1",
    "slug": "executive-os-3",
    "generated_at": "2026-09-15T21:04:35+00:00",
    "generator": {
        "model": "claude-fable-5-1",
        "prompt_sha1": "a30b3171ad792d717c44e5f10d0cad40039b1fd2",
        "duration_ms": 27049,
        "usage": {
            "input_tokens": 395,
            "output_tokens": 1638,
            "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": "#5f4fc4",
            "why": "A muted violet sits far from the amber the brief reserves for 'this wants you' and away from the blues banks and dashboards lean on, which the notes ask to avoid."
        },
        "temperature": {
            "value": "cool",
            "why": "The product is software that reads mail and calendars, and a cool grey sits naturally beside a violet accent in the dark mode the brief says is used a lot."
        },
        "pairing": {
            "value": 7,
            "why": "A morning briefing read in glances between meetings wants the authored, calm feel Newsreader gives at title size, and rows carry people and commitments rather than codes."
        },
        "radius": {
            "value": "soft",
            "why": "The screens are reading surfaces for one 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, not as trained staff working a tool all day."
        },
        "motif": {
            "value": "accent-bar",
            "why": "A two pixel bar keeps the accent quiet on a sidebar shell and leaves amber as the only colour that asks for attention, which the notes require."
        },
        "copy": {
            "eyebrow": "Your morning, ready",
            "headline": "Your day, read before you wake",
            "tagline": "Mail, calendar, people and promises, gathered overnight, nothing sent without your say.",
            "footer": null,
            "why": "It speaks to what the executive came for, a day already read and a promise that nothing leaves with their name on it unasked."
        }
    },
    "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": "#5f4fc4",
            "accent-hover": "#4e3db7",
            "accent-content": "#5f4fc4",
            "accent-soft": "#5f4fc41a",
            "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": "#6657c7",
            "accent-hover": "#7b6ecf",
            "accent-content": "#9e97dd",
            "accent-soft": "#6657c729",
            "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: text-muted on page",
                "ratio": 4.76
            },
            "notes": [
                "Dark accent lightened from #5f4fc4 to #6657c7 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": 6.17,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "light: accent-content on accent-soft",
                    "ratio": 5.34,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "light: text-muted-on-sunken on accent-soft",
                    "ratio": 6.55,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "light: on-accent on accent",
                    "ratio": 6.17,
                    "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.74,
                    "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": 4.99,
                    "min": 4.5,
                    "passes": true,
                    "informational": false
                },
                {
                    "pair": "dark: on-accent on accent",
                    "ratio": 5.6,
                    "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
                }
            ]
        }
    }
}