Yashas
adef7838fc
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) <noreply@anthropic.com>
28 lines
1.2 KiB
HTML
28 lines
1.2 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<!-- Placeholder the server rewrites into the document base tag for this
|
|
mount when it places the built artifact. The build asserts on its
|
|
presence, so removing it fails placement rather than shipping
|
|
something broken.
|
|
|
|
It must stay AHEAD of every relative URL in the document — the favicon
|
|
below resolves against it, and against the wrong root without it. -->
|
|
<!--BASE_HREF-->
|
|
<link rel="icon" type="image/webp" href="./brand/zurich_logo.webp" />
|
|
<title>Zurich Kotak | Lead Desk</title>
|
|
<!-- Written next to the artifact at placement; carries this environment's
|
|
VITE_ZINO_API_URL, which src/runtimeConfig.js reads off
|
|
window.__RUNTIME_CONFIG__. Without it requireConfigValue throws and the
|
|
app renders nothing — which is the intended failure, but only if the
|
|
tag is here to be filled. Vite leaves this non-module tag alone. -->
|
|
<script src="./config.js"></script>
|
|
</head>
|
|
<body>
|
|
<div id="root"></div>
|
|
<script type="module" src="./src/main.jsx"></script>
|
|
</body>
|
|
</html>
|