## Reference images

Study these alongside the description below: hierarchy, rhythm, spacing, colour. Build for the product you are asked about, using this design language.

- Component: https://kage-design-assets.t3.tigrisfiles.io/components/zola-com/ad1936e8-70c2-47e9-b9d5-59869832f93f-1789146309-1.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/zola-com/ad1936e8-70c2-47e9-b9d5-59869832f93f-1789146280251-full.webp
- Component on Kage: https://kage.design/component/zola-banner

## Before you start
Ask what the user's product, audience, and brand are, then apply the principles below to that product rather than reproducing this reference.

Create a full-width announcement bar beneath the main navigation. Use a dark navy or charcoal background around #173E55, small light text, a compact contrasting badge, and one underlined action link aligned on the same baseline. Keep the bar shallow, horizontally centered, and easy to dismiss or hide on mobile if needed. Use 12–14px sans-serif type and subtle letter spacing; avoid cards, shadows, and excess decoration.

Never:
- copy logos, product names, or reference copy
- reuse reference imagery or illustrations
- reproduce the exact brand styling