5 days ago
we are working on a political education campiagn using istagram like stories to push out news about policy changes. Here are the slides currently in the database (database.json): Intro Slides (Auto-advancing before user input) Intro 1 - "How Will OBBBA Affect You?" (Blue, 4s) Intro 2 - "Every Income Bracket Is Different" (Purple, 4s) Intro 3 - "For Example..." (Emerald, 4s) Interactive Input Stages Income Selector - 3D cash stack swipe selector Zip Input - Enter zip code for local data Personalized Story Slides (After user input) Impact Summary - "Your Tax Impact" intro (Blue, 5s) Years 1-2 - Pre-sunset impact with stat (Dynamic color based on +/-, 6s) Year 3+ - Post-sunset impact with stat (Dynamic color, 6s) Why Slide - "Why This Happens" explanation (Purple, 8s) Details Slide - "What's Changing" bullet list (Slate, 10s) Local Data - "In Your Area" with local stats (Blue, 6s, only if location data available) Call to Action - "What You Can Do" with share button (Emerald, 8s) The UI must use the following hex codes for its foundation and accents: Primary Brand Color (Purple): #6c419a (Use for major headlines, button backgrounds, and strong accent lines.) Action/Highlight Color (Yellow): #f4d742 (Use for calls-to-action, status indicators, and background highlights to achieve a high-contrast effect against the dark background.) Secondary Accent Color (Red): #c82333 (Use sparingly for warnings, error states, or strong emphasis.) Background (Dark): Use a near-black or very dark gray background to embody the high-contrast and militant aesthetic. (e.g., #1A1A1A or similar dark charcoal, not pure #000000 unless for true black elements.) Text/Foreground: Pure white (#ffffff) for body text and headers to ensure maximum contrast and readability.
Windframe is an AI visual editor for rapidly building stunning web UIs & websites
Start building stunning web UIs & websites!
