dtoro
f1c4566576
Sets up the Socrata project repo with: docs/ — strategy and design documents - idea.md: full product vision - implementation-plan.md: Phase 0 + Phase 1 MVP plan - phase-0-validation.md: 2-week validation experiment strategy - phase-0-plan.md: concrete Phase 0 build plan - phase-0-results.md: Phase 0 gate outcome — GO for MVP - sysml-modeling.md: metamodel + SE discipline + validation rules - socrates.md: agent character, surfaces, modes, prompts, lifecycle - sync.md: bidirectional text↔diagram sync engineering - design-source/: HTML/CSS/JS handoff bundle from Claude Design phase-0/ — validated harness (CLI, no UI, no DB) - LM Studio (local OpenAI-compatible) generation + detection + judge - PlantUML rendering for SysML model visualization - 10-seed corpus (8 working + 2 holdouts) - 5 corpus runs with iteration history in reports/ - Final gate: 10/10 pass, mean 4.32/5, holdouts validated Phase 1 MVP scope and milestones documented in implementation-plan.md.
72 lines
2.4 KiB
CSS
72 lines
2.4 KiB
CSS
/* ATELIER — light off-white, sage green + rust, modern crafted.
|
|
Geometric sans + serif callouts. */
|
|
|
|
.theme-atelier {
|
|
--font-display: "Fraunces", "Source Serif Pro", "Iowan Old Style", Georgia, serif;
|
|
--font-prose: "Inter Tight", "Söhne", -apple-system, system-ui, sans-serif;
|
|
--font-body: "Inter Tight", "Söhne", -apple-system, system-ui, sans-serif;
|
|
--font-mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, Menlo, monospace;
|
|
--tracking: 0;
|
|
|
|
--bg: #fafaf6;
|
|
--surface: #ffffff;
|
|
--surface-2: #f0eee5;
|
|
--fg: #1a1c19;
|
|
--prose: #2e2f2a;
|
|
--muted: #82857a;
|
|
--muted-strong: #5a5d54;
|
|
--border: #e4e1d6;
|
|
--border-strong: #c8c4b3;
|
|
|
|
--accent: #5a7355; /* sage */
|
|
--accent-strong: #3f5239;
|
|
--accent-soft: #dfe5d9;
|
|
--accent-on: #ffffff;
|
|
|
|
--ok: #5a7355;
|
|
--ok-soft: #dfe5d9;
|
|
--ok-strong: #3f5239;
|
|
--warn: #b75a3f; /* rust */
|
|
--warn-soft: #f0d9cf;
|
|
--warn-strong: #7a3a25;
|
|
--info: #6f8294;
|
|
|
|
--shadow: rgba(40,40,30,0.06);
|
|
--shadow-strong: rgba(40,40,30,0.16);
|
|
|
|
--grid-dot: rgba(80,80,60,0.10);
|
|
--diagram-bg: #f5f3ec;
|
|
|
|
--block-bg: #ffffff;
|
|
--block-border: #c8c4b3;
|
|
--block-divider: #e4e1d6;
|
|
--block-actor-bg: #f0eee5;
|
|
--block-constraint-bg:#f5e6dc;
|
|
|
|
--edge: #6a6b62;
|
|
--edge-soft: #c8c4b3;
|
|
--edge-label: #5a5d54;
|
|
|
|
--note-bg: #f0eee5;
|
|
|
|
--bubble-socrates: #f0eee5;
|
|
--bubble-user: #dfe5d9;
|
|
|
|
--chip-bg: #f0eee5;
|
|
--chip-bg-hover: #e4e1d6;
|
|
--chip-fg: #2e2f2a;
|
|
|
|
--c-block-bg: #dfe5d9; --c-block-fg: #3f5239;
|
|
--c-prop-bg: #ebe4cd; --c-prop-fg: #6b5a25;
|
|
--c-assoc-bg: #d6e0e8; --c-assoc-fg: #3d556b;
|
|
--c-req-bg: #f0d9cf; --c-req-fg: #7a3a25;
|
|
}
|
|
|
|
/* Atelier flourishes: serif display headings, subtle italic callouts */
|
|
.theme-atelier .t-h1 { font-family: var(--font-display); font-weight: 500; letter-spacing: -0.015em; font-size: 26px; }
|
|
.theme-atelier .t-h2 { font-family: var(--font-display); font-weight: 500; letter-spacing: -0.005em; font-size: 17px; }
|
|
.theme-atelier .brand-name { font-family: var(--font-display); font-weight: 500; }
|
|
.theme-atelier .dock-name { font-family: var(--font-display); font-weight: 500; font-size: 16px; }
|
|
.theme-atelier .canvas-title { font-family: var(--font-display); font-weight: 500; font-size: 14px; letter-spacing: 0; }
|
|
.theme-atelier .seed-brand { font-family: var(--font-display); font-weight: 500; }
|