Full styling reset to the approved mockup — from scratch, no functional change. - PALETTE: clean white ground, warm near-black ink, ONE confident magenta-pink accent (#e5227f) reserved for action and active state. The accent keeps the --zk-blue-* token names it always had; only the values changed. Teal is the customer, amber a person; pink is "act / here", nothing else. Neutrals warmed, shadows softened to a plum-ink low alpha. - TYPE: Plus Jakarta Sans — geometric-humanist, bold on headings (page title 800, panel titles and figures 700+), the modern-product register assured has. - SHAPE: the flat single-canvas is gone; back to clean rounded cards that float a little on the off-white — panels, metric tiles (money in the accent tint), the stage rail, the facts rail. Status ribbon in teal, the primary action a pink pill with an accent glow. Same components, same data, same behaviour — only the surface. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
34 lines
1.7 KiB
HTML
34 lines
1.7 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>
|
|
<!-- Geist — a modern enterprise UI typeface (Vercel). Renders crisp at
|
|
data-density sizes where the previous face went soft. Zurich Sans is
|
|
kept in the fallback stack, and Geist Mono carries refs and figures. -->
|
|
<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=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Geist+Mono:wght@400;500&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>
|