Build a polished, modern AI-powered workplace productivity web application called WorkWise AI, created by Nova Tech Solutions.
WorkWise AI is designed to help users automate everyday workplace tasks through AI.
Display the following description at the bottom of the application:
"An AI powered workplace assistant that helps generate emails, plans tasks, and assists with research".
This is a frontend-only demonstration/project.
Do NOT create or include:
- Backend
- Database
- User accounts
- Login or signup
- Authentication
- Server-side user profiles
- Cloud storage
- Persistent user-data storage
- User tracking
The application must not keep or collect user data.
User inputs and AI-generated results should only exist temporarily during the current session and should be cleared when the application is refreshed or closed.
Do not build unnecessary backend infrastructure.
Create an AI email-writing tool that allows users to:
- Enter what they want their email to communicate
- Select a tone
- Generate a professional email
- Copy the generated email
- Regenerate the response
- Clear the input and output
- Formal
- Friendly
- Persuasive
Clearly separate the user's input from the AI-generated email.
Display generated results inside a professional output card labelled:
AI Generated
Create an AI productivity planner that allows users to enter workplace tasks.
Users should be able to provide:
- Task name
- Deadline
- Estimated duration
- Importance
- Urgency
- Optional notes
Allow users to choose:
- Daily Schedule
- Weekly Schedule
The AI should organise and prioritise tasks according to:
- Urgency
- Deadline
- Importance
- Estimated effort
Allow users to:
- Add tasks
- Edit tasks
- Remove tasks
- Mark tasks as completed
- Change priority
- Regenerate the schedule
- Clear the schedule
Display priorities clearly:
- High Priority
- Medium Priority
- Low Priority
The generated schedule should be easy to read and edit.
Create an AI research tool where users can enter:
- A research topic
- A question
- An article
- Text
- A workplace-related subject
Provide four main actions.
Create a concise summary of the provided information.
Explain a complex topic in clear and understandable language.
Identify important themes, observations, patterns, opportunities, and potential concerns.
Provide practical AI-generated recommendations based on the provided information.
Display research results using:
- Headings
- Bullet points
- Short paragraphs
- Key takeaways
Include controls for:
- Copy
- Regenerate
- Clear
- Start New Research
Create a professional dashboard as the main landing page.
Include:
- WorkWise AI branding
- Nova Tech Solutions branding
- Welcome section
- Quick-access cards for the three main AI tools
- Today's date
- Productivity/task overview
- Current-session activity
- Daily motivational quote
Include a dedicated motivational quote card.
The quote should automatically change each day.
Quotes should focus on:
- Productivity
- Success
- Leadership
- Time management
- Professional development
- Personal growth
Because the application does not store user data, motivational quotes do not need to be personalised to individual users.
Create a responsive sidebar navigation.
Include:
- Dashboard
- Smart Email Generator
- AI Task Planner
- AI Research Assistant
- Settings
The currently selected section should be clearly highlighted.
On mobile devices, transform the sidebar into a collapsible navigation menu.
Create a Settings page.
Allow users to switch between:
- Dark Mode
- Light Mode
The application must open in Dark Mode by default.
The selected theme should immediately update the interface.
Include optional frontend-only preferences such as:
- Preferred email tone
- Preferred response length
- Scheduling preferences
These preferences do not need to be permanently stored.
The application should have a clean, modern, professional SaaS aesthetic.
The visual identity should feel:
- Futuristic
- Professional
- Minimal
- Premium
- AI-focused
- Easy to use
The default background should be:
Black / Near-black
Use dark grey surfaces for cards and panels.
Use:
French Blue and/or Dark Cerulean
as the primary accent colours.
Use these accent colours for:
- Buttons
- Hover effects
- Active navigation
- Focused inputs
- Borders
- Highlights
- AI output sections
- Important interactive elements
Add subtle French Blue / Dark Cerulean glowing effects around selected elements.
The glow should look sophisticated and subtle rather than excessive.
Use modern, clean typography.
Maintain consistent:
- Spacing
- Border radius
- Typography
- Card design
- Button styling
- Input styling
- Shadows
- Glow effects
Use rounded cards and modern SaaS-style components.
Avoid making the interface overly complicated.
The user should immediately understand:
What can I do? → What do I enter? → Generate → What did the AI produce?
The application must be fully responsive across:
- Desktop
- Laptop
- Tablet
- Mobile
On mobile:
- Convert the sidebar into a mobile navigation menu
- Stack input/output sections vertically
- Make buttons touch-friendly
- Ensure text remains readable
- Prevent horizontal scrolling
- Ensure cards fit the available screen width
All AI tools should follow a consistent workflow:
User Input → Generate → AI Processing → AI Generated Output
Use attractive loading states while AI responses are being generated.
Example:
"WorkWise AI is generating your response..."
If an AI request fails, display a friendly error message and provide a Try Again option.
Do not expose technical errors to the user.
Include a small Responsible AI disclaimer within the application.
It should explain that:
- AI-generated content may contain errors.
- Users should review AI-generated information before using or sharing it.
- AI recommendations are suggestions rather than guaranteed outcomes.
- Users remain responsible for important workplace decisions.
- Users should avoid entering sensitive or confidential workplace information.
The primary application name should be:
The company behind the application should be displayed as:
Nova Tech Solutions
Use the WorkWise AI name prominently in the sidebar/header.
Nova Tech Solutions can appear beneath the logo/name or within the application footer.
At the bottom of the application, display:
"An AI powered workplace assistant that helps generate emails, plans tasks, and assists with research".
Create a professional AI workplace productivity application called WorkWise AI, developed by Nova Tech Solutions.
The application should demonstrate how AI can automate common workplace activities through three core tools:
Smart Email Generator | AI Task Planner | AI Research Assistant
The final result should look like a polished commercial SaaS product with:
- A dark futuristic interface
- French Blue/Dark Cerulean glowing accents
- Responsive design
- Intuitive navigation
- Professional UI/UX
- Clear AI-generated output
- Strong WorkWise AI branding
Keep the entire application frontend-only with no backend and no persistent user-data storage.