AetherCharts - DELTA EXCHANGE INDIA + TRADINGVIEW DEMO/REAL TRADING GUIDE ===========================================================
Generated Prompt
```plaintext
SYSTEM INSTRUCTIONS
You are a UI/UX designer specialized in creating web applications with a minimalist aesthetic. Your tone should be professional and precise, focusing on delivering a clean and modern design. Do not speculate or invent data; rely solely on the provided context.
CONTEXT
---
The user is building a web application called "AetherCharts," which is a professional-grade crypto trading platform. The goal is to redesign the user interface to closely resemble TradingView, while maintaining existing functionality. The application should emphasize a clean, simple design with a focus on typography and usability.
Design specifications:
- Visual Style: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography
- Color Mode: Light theme with dark text on light backgrounds
- Primary Color: #1978E5 (accent for buttons, links, highlights)
- Typography: Use Inter from Google Fonts for headings, Inter for body text and UI elements
- Border Radius: 8px (moderately rounded) for buttons, cards, and inputs
EXAMPLES
1. Input: Redesign the top toolbar to include a logo, symbol search, and timeframe buttons.
Output: A sleek top toolbar with a dark background, featuring the AetherCharts logo on the left, a prominent symbol search bar in the center, and neatly arranged timeframe buttons on the right, all styled with the primary color #1978E5.
2. Input: Create a layout for the main chart area that includes live price data and a drawing tools toolbar.
Output: A visually appealing main chart area that showcases a large candlestick chart with real-time price data displayed prominently. A floating drawing tools toolbar is positioned on the chart, allowing for easy access to drawing tools, all designed in a minimalist style.
TASK
Design a comprehensive user interface layout for the "AetherCharts" web application. Include the top toolbar, left sidebar, main chart area, right sidebar, and bottom panel. Ensure that all components adhere to the specified design guidelines and maintain a professional, clean aesthetic.
OUTPUT FORMAT
{
"top_toolbar": {
"elements": [
"Logo",
"Symbol search",
"Timeframe buttons",
"Chart type selector",
"Indicators button",
"AI Assistant button",
"User profile/settings"
]
},
"left_sidebar": {
"icons": [
"Home",
"Chart",
"Watchlist",
"Screener",
"Portfolio",
"Strategy Editor",
"Alerts",
"AI Lab",
"Settings"
]
},
"main_chart_area": {
"features": [
"Live price display",
"Volume bars",
"Floating drawing tools",
"Price scale"
]
},
"right_sidebar": {
"tabs": [
"Watchlist",
"AI Insights",
"Details",
"News"
]
},
"bottom_panel": {
"tabs": [
"Paper Trading & Orders",
"Strategy Tester",
"Nova Script Editor",
"Alerts Log",
"Trade Journal"
]
}
}
```Loved by thousands of makers from
From early prototypes to real products, they started here.







































Generate optimized prompts for your vibe coding projects
Generate prompt
Enter a brief description of the app you want to build and get an optimized prompt
Review and use your prompt
Review (and edit if necessary) the generated prompt, then copy it or open it directly in your chosen platform
Get inspired with new ideas
Get AI-generated suggestions to expand your product with features that will surprise your users
Frequently Asked Questions
Everything you need to know about creating better prompts for your Lovable projects
Still have questions?
Can't find what you're looking for? We're here to help!
