Clean UI Redesign

AdToshi AI is an AI-powered video ad generator.
We need a modern, clean, SaaS-style UI following our new logo and color palette.

1. Brand Identity

Logo Style Reference

Use the attached logo exactly as reference.
Key features:
• Modern
• Minimalist
• Blue gradient Torii gate integrated as the “T”
• Rounded black typography

2. Color Palette (Extracted From Logo)

Primary Gradient (Blue):
• Light Blue: #82D4FF
• Medium Blue: #4AAEEB
• Deep Blue: #2A7FD1

Text Colors:
• Black: #000000
• Dark Gray: #333333

Background Colors:
• White: #FFFFFF
• Light Gray: #F5F5F5

3. Typography

Use modern rounded or geometric fonts similar to:
• Manrope
• Inter
• Satoshi
• Nunito
• Poppins (Medium/Round styles)

All text must look clean and tech-oriented.

4. UI Style Requirements
• Minimal
• Clean white layout
• Blue gradient highlights
• Rounded corners
• Soft shadows
• High contrast titles
• Modern SaaS aesthetic
• No clutter
• No overly complex graphics

5. Pages to Design

1. Homepage

Include:
• Hero section
• How it works
• Features
• Templates
• Pricing
• Testimonials
• Footer

2. App UI (Generator Interface)

Include:
• Upload section
• Template choices
• AI script
• AI voiceover
• Editing tools
• Export options

3. Pricing Page

3 plans:
• Free
• Pro
• Agency

4. Dashboard
• Projects
• Editing
• Settings


6. Style Examples to Follow

Use modern SaaS UI similar to Notion, Canva, RunwayML, and Creatify AI style.

7. Important Notes for Freelancer
• Do NOT change the logo.
• Use the blue gradient from the logo.
• Apply minimal, clean spacing.
• Use lots of white space.
• Keep the product visuals professional and premium.
• Follow the AdsPie AI UI structure but apply new colors and new logo.

8. Deliverables
• Figma file (required)
• Homepage (desktop + mobile)
• Generator UI screen
• 2–3 feature screens
• Pricing page
• Navbar + footer components
• Buttons, icons, cards, hover states
• Export in PNG + SVG