I need a modern, sleek template that I can drop straight into my website to greet visitors and share important news the moment they arrive. The notification should feel native to a contemporary UI—clean lines, generous white space, subtle motion, and clear hierarchy—so it never looks like an intrusive pop-up yet still stands out enough to be noticed. Core details • Purpose: announce time-sensitive news or offers without overwhelming the page content. • Placement: a small modal or slide-in panel pegged to bottom-right (open to your UX suggestion) that auto-dismisses or can be closed manually. • Style cues: light/dark variants, smooth CSS transition (no heavy libraries), and typography that adapts to my existing brand palette. • Responsiveness: must render flawlessly from desktop down to 320 px mobile, touch-friendly close icon included. • Accessibility: ARIA labels and sensible color contrast. Deliverables 1. Design source file (Figma or Sketch) with clearly named layers and text styles. 2. Production-ready HTML, SCSS/CSS, and vanilla JS snippet—commented for easy editing of headline, body copy, and call-to-action link. 3. Quick-start read-me explaining where to paste the code and how to toggle light/dark mode. 4. Screenshot mock-ups demonstrating desktop, tablet, and phone states. Acceptance criteria • Loads under 50 KB excluding fonts. • WCAG AA color contrast. • Tested in latest Chrome, Firefox, Safari, and Edge. Once delivered, I’ll swap in my brand colors and text; everything else should “just work.” If anything is unclear, let me know so we can keep this simple and fast.