Yashas
83b5795b22
The layout was right but the surface still read as a flat corporate form. Three levers, all from the approved mockup: - A DISPLAY FACE (Bricolage Grotesque) on the things the eye lands on — the lead name, panel headings, and every figure. Zurich Sans stays the body voice; this gives the numbers and titles the tighter, more current character the plain grotesque could not. Loaded from Google Fonts with Zurich Sans as the fallback, so a blocked CDN degrades to the brand face rather than breaking. - DEPTH. Panels and the metric tiles lift from the barely-there --sh-sm to a real --sh-md with rounder corners, so cards read as objects on a surface rather than boxes drawn on paper. - WHOSE MOVE IT IS. The header said "STAGE / Quote Presented" — a label. It now carries a coloured pill: "Right now · With the customer" (teal), "With the AI" (blue), "Waiting on a person" (amber). The stage name is in the rail below; the pill answers the question an operator actually opens a lead to ask. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
35 lines
1.8 KiB
HTML
35 lines
1.8 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>
|
|
<!-- Display face for headings and figures. Zurich Sans (the brand face,
|
|
loaded from ./brand) stays the body voice; this gives the numbers and
|
|
titles the tighter, more current character the flat corporate grotesque
|
|
could not. Falls back to Zurich Sans if the CDN is blocked. -->
|
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,600;12..96,700&display=swap" />
|
|
<!-- 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>
|