From 94d7e6035e528f4f173b7e9edc2135858317a040 Mon Sep 17 00:00:00 2001 From: CarterPerez-dev Date: Sat, 2 May 2026 05:31:32 -0400 Subject: [PATCH] docs(monitor/frontend): mirror ethos hard rules into SCSS comment block --- .../frontend/src/styles/_ethos.scss | 21 +++++++++++++++++++ 1 file changed, 21 insertions(+) create mode 100644 PROJECTS/advanced/monitor-the-situation-dashboard/frontend/src/styles/_ethos.scss diff --git a/PROJECTS/advanced/monitor-the-situation-dashboard/frontend/src/styles/_ethos.scss b/PROJECTS/advanced/monitor-the-situation-dashboard/frontend/src/styles/_ethos.scss new file mode 100644 index 00000000..73c50277 --- /dev/null +++ b/PROJECTS/advanced/monitor-the-situation-dashboard/frontend/src/styles/_ethos.scss @@ -0,0 +1,21 @@ +// ©AngelaMos | 2026 +// _ethos.scss +// +// HARD DESIGN RULES — referenced from docs/design/ethos-reference.md. +// Mirrored here so anyone editing styles trips over them. If you find +// yourself wanting to break one of these, the answer is no. Fix the +// data, not the design. +// +// 1. Tables beat charts. Charts only when shape IS the insight. +// 2. One alarm color: --amber. Never for decoration. +// 3. Monochrome base. 3-4 gray tiers. No branded color per metric. +// 4. No rounded corners, no shadows, no gradients. Straight edges. Flat. +// 5. Motion = meaning. Only motion allowed is "data changed." +// 6. Density > breathing room. Line-height 1.25. Row padding 4px 8px. +// 7. Raw source one click away. +// 8. No onboarding, no empty-state illustrations, no tooltips for +// common terms. +// 9. Zoomed-out feel. AI defaults to 120%-zoom cramped. Push back. +// +// Reference: k9s / lazygit / htop / btop / bottom / tig / NOC-SOC. +// NOT: Bloomberg amber-on-black, kali matrix rain, Vercel rounded-cards.