LIGHTCORE PRISM: A Futuristic Light-Mode UI Design System
A UI design system demonstration project in light mode, with a visual theme of "Optical Science and Light Refraction". The overall aesthetic features a clean white background, light mode, a futuristic and premium feel, accented with iridescent, soft orange, yellow, cyan, purple, and pink colors. Header: Title: LIGHTCORE PRISM Subtitle: UI Design System - Light Mode Tags: Futuristic, Premium, Focused Hero Graphic: A 3D transparent glass ring refracting iridescent light. The layout includes the following sections: Colors: Display 5 rounded square blocks of solid colors, labeled: White #FFFFFF, Snow #FAFAFC, Slate #F2F4F8, Border #E6E8EF, Black #0A0A0C. Prism Gradient: Show 1 long horizontal gradient bar with 5 hexadecimal color codes placed below it. Typography: Showcase a large 'Aa' display, listing 4 font weights (Light, Regular, Medium, Semibold) and the full alphabet and numerals. Icons: Arrange 12 minimalist line-style icons in a 2x6 grid. Buttons: Present a total of 8 buttons across four categories: Primary, Secondary, Text, and Icon, showing both normal and disabled states for each. The primary button has an iridescent border and the text "Get Started". Navigation: Display two variants: Desktop and Mobile. The desktop navigation includes a Logo, 4 text links, Search, Login, and a button. The mobile navigation includes a Logo, Search, and a hamburger menu. Components: Showcase 6 components, including: Card: A "Photon Engine" card with an abstract iridescent graphic and a button. Input Fields: A labeled search bar and an email input field. Progress Bar: A 68% iridescent progress bar. Tabs: Overview, Analytics, Settings three tabs. Toggles: 2 toggle switches (On/Off states). Data Visualization: 1 donut chart with 3 legend items, and 1 7-day line chart. Web Page: A desktop browser model, containing the hero headline "Build the Future with Light and Color", 2 buttons, a flowing 3D iridescent wave graphic, and 5 partner logos at the bottom. Mobile App: A smartphone model, displaying a $24,880 balance, a line chart, 4 quick action icons, a recent activity list with 3 items, and a bottom navigation bar with 4 icons.