a month ago

Create a premium, Apple-inspired analytics dashboard UI for a product named “InfiniSight”. Design Philosophy: - Calm, minimal, human-designed (not AI-looking) - Inspired by Apple iOS / VisionOS interfaces - Editorial layout, not a dense SaaS dashboard - Glassmorphism with soft depth and blur Color Palette (mandatory): - Primary background & glass surfaces: #F3E8DE (soft beige) - Accent & interaction color: #818E6E (muted green) - Use beige for: - Backgrounds - Glass panels - Large containers - Use green for: - Active tabs (Day / Week / Month / Year) - Buttons and pills - Hover and focus states - Highlights and selection indicators - Keep contrast soft and elegant, never harsh Layout: - Full-width, centered experience - One large primary glass analytics panel (hero section) - Below it, a calm vertical flow of glass sections - Avoid repetitive card grids - Generous spacing and rounded corners everywhere - Layout should feel intentional and handcrafted Navigation: - Minimal top or side navigation with: - Analytics - Products - Reports - Navigation must be subtle and not overpower the content Time Controls: - Tabs for: - Day - Week - Month - Year - Styled as soft rounded pills using the green accent Currency Conversion Feature: - Add a global “Currency” selector tab or dropdown - Options: - USD ($) - INR (₹) - All monetary values across the UI should respond to this toggle - Default currency can be USD Hover & Interaction Details (important): - On hover over metrics, charts, or values: - Show subtle tooltips - Display additional details (e.g. breakdown, comparison, context) - Tooltips should be minimal, glassy, and unobtrusive - Smooth hover transitions, no sharp animations Charts & Data Areas: - Include placeholders for: - Line chart (trend over time) - Bar chart (product comparison) - Area chart (reach or growth) - Charts can be empty placeholders for now - Ensure charts are placed inside dedicated containers for future data binding Typography: - Clean, Apple-style typography - Large headings, soft subtext - Plenty of whitespace - Calm reading flow Do NOT: - Use bright or neon colors - Use heavy SaaS-style dashboards - Overcrowd the interface - Change layout unnecessarily once generated Goal: Produce a refined, premium analytics interface that feels like an Apple-designed internal tool, supports hover-based insights, includes Products and Reports sections, and allows global currency conversion between USD and INR.

Fork

Windframe is an AI visual editor for rapidly building stunning web UIs & websites

Start building stunning web UIs & websites!

Build from scratch or select prebuilt tailwind templates