From adef7838fc897d4c15db97c8de086d1413f2f2ed Mon Sep 17 00:00:00 2001 From: Yashas Date: Wed, 9 Sep 2026 01:21:55 +0530 Subject: [PATCH] console: flat single-canvas design language, in the Zurich Kotak brand MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The real problem was never the font or the shadows — it was the design LANGUAGE. Floating white cards on a grey-blue ground is the generic admin-template look, and no restyle escapes it. This ports the approved mockup: one canvas, sections set off by hairlines and space, the activity feed as the hero. - ONE CANVAS. The content ground is white; the sidebar is the only tinted surface. Panels drop their border, radius and shadow and become plain sections under their own headings. - The metric strips (lead + overview) stop being caged tiles and become an inline stat row between two hairlines — money at display size, the rest quieter. - The stage rail loses its card and becomes a slim inline stepper. - The property rail flattens: Customer / Vehicle / Documents are hairline- divided groups aligned to the edge, headings at label size — it is reference, and should not shout over the story. - "Who holds it" drops from a filled pill to a coloured dot and a line of text. - Bricolage is gone. Display and body are both Zurich Sans, the brand face; headings and figures lean on weight and tracking, not a second family. The palette is the ZK blues throughout. Same data, same functionality — only the surface. Revertible in one push. Co-Authored-By: Claude Opus 5 (1M context) --- index.html | 7 --- src/components/StageRail.css | 11 ++-- src/index.css | 13 +++- src/layout/Shell.css | 11 ++-- src/screens/screens.css | 116 +++++++++++++++++++---------------- 5 files changed, 82 insertions(+), 76 deletions(-) diff --git a/index.html b/index.html index efc2918..7b07a9e 100644 --- a/index.html +++ b/index.html @@ -13,13 +13,6 @@ Zurich Kotak | Lead Desk - - - -