{"id":"100154","prompt":"You are an experienced UI designer embracing modern, minimalistic design, shadows, glass, and soft colors.\n\nYour role is to create a professional, beautiful mockup that is ready for delivery based on these requirements: \n\n<requirements>\n## 1. Overall Style & Visual Language\nThis interface represents a premium, modern fintech / crypto trading dashboard using a dark theme.  \nThe visual language combines **soft neumorphism**, and **luxury Web3 aesthetics**.\n\nCore characteristics:\n- Warm gold/orange accent highlights\n- Monochromatic color palette with minimalistic effects and shadows\n- Card-based layout with depth and subtle backgrounds\n- Minimal borders, separation via shadows or light backgrounds\n\nTarget perception:\n- Secure\n- Professional\n- High-end / institutional-grade\n- Optimized for experienced traders\n\n---\n\n## 2. Layout Structure\n\n### Global Layout\n- Desktop-first dashboard\n- Output proportions: 3:2\n- Three main regions:\n  1. Top navigation bar (horizontal)\n  2. Left sidebar navigation (vertical)\n  3. Main content area (multi-column grid of cards)\n\nSpacing is generous, prioritizing clarity and visual breathing room.\n\n---\n\n## 3. Top Navigation Bar\n- Height: 72px\n- Left:\n  - Brand logo text \"Mevolut\"\n  - Stylized \"M\"\n  - Gold/orange accent\n- Center:\n  - Navigation links: Dashboard, Security, Referral, Trading Fees, API management\n- Right:\n  - Order link\n  - Primary CTA: “Deposit” (gold pill button)\n  - User avatar (circular)\n  - Theme toggle (moon icon)\n\nTypography:\n- Clean sans-serif\n- Medium weight\n- White primary text, muted gray inactive states\n\n---\n\n## 4. Left Sidebar Navigation\n- Width: 240px\n- Background: near-black\n- Vertical navigation items with icons:\n  - Dashboard (active)\n  - Security\n  - Referral\n  - Trading Fees\n  - API management\n- Bottom-aligned:\n  - Settings\n\nActive item:\n- Subtle background highlight\n- Slight background tint\n- Rounded container\n\nIcons:\n- Outline style\n- Gold accent on active state\n\n---\n\n## 5. Main Content Area\n\n### 5.1 User Overview Card\n- Large rounded card at top\n- Left:\n  - Circular avatar\n  - Greeting text (“Hello…”)\n  - User name\n- Inline info blocks:\n  - UID (copy icon)\n  - Identity verification status\n  - Security level\n  - Time zone\n  - Last login timestamp\n- Right:\n  - “Hide info” toggle\n\nStyle:\n- Subtle inner shadows\n\n---\n\n### 5.2 Deposit / Buy Card\n- Medium-sized card\n- Title text explaining deposit options\n- Two action rows:\n  - Deposit (dollars or crypto)\n  - Buy stocks (local currency)\n- Each row:\n  - Icon\n  - Label\n  - Arrow action button (gold accent)\n\n---\n\n### 5.3 Total Asset Card\n- Displays USD balance and USD equivalent\n- Large, faded Dollar symbol watermark in background\n- Action tabs:\n  - Buy stocks\n  - Deposit\n  - Withdraw\n- Numeric values are large\n\n---\n\n### 5.4 VIP Level Card\n- Shows current VIP level\n- Spot and futures fee rates\n- Progress bar for token holdings\n- “View more” link\n\nProgress bar:\n- Rounded\n- Dark background track\n\n---\n\n### 5.5 Current Holdings Table\n- Card containing a table layout\n- Columns:\n  - Coin (icon + name)\n  - Price\n  - 24h Change\n  - 4h Trend (sparkline)\n  - Actions (Deposit, Withdraw, Trade)\n\nSparklines:\n- Green for positive trend\n- Red for negative trend\n\nHover:\n- Subtle background highlight per row\n\n---\n\n### 5.6 Affiliate Program Card\n- Promotional card\n- Gold coin illustration\n- Short description and CTA button (“Apply now”)\n\n---\n\n### 5.7 Information / News Card\n- Vertical list of announcements\n- Headline + timestamp\n- “View more” link at top\n\n---\n\n## 6. Color Palette\n- Primary background: deep charcoal / black\n- Card surfaces: slightly lighter\n- Accent color: warm gold\n- Text hierarchy:\n  - White (primary)\n  - Muted gray (secondary)\n  - Dark gray (disabled)\n- Status colors:\n  - Green for positive\n  - Red for negative\n\n---\n\n## 7. Effects & Interaction\n- Rounded corners throughout (sm)\n\n# Design tokens:\n{\n  // Global theme definition\n  \"theme\": {\n    \"mode\": \"dark\",\n    \"style\": [\n      \"soft-neumorphism\",\n      \"premium-fintech\"\n    ]\n  },\n\n  // Layout measurements and structure\n  \"layout\": {\n    \"type\": \"desktop-dashboard\",\n    \"grid\": \"three-column\",\n    \"sidebarWidth\": 240,\n    \"topbarHeight\": 68,\n    \"contentPadding\": 24\n  },\n\n  // Color system\n  \"colors\": {\n    \"background\": \"#0B0D10\",        // Main app background\n    \"primaryAccent\": \"#F5A623\",     // Gold/orange highlight\n    \"secondaryAccent\": \"#FFB547\",\n    \"textPrimary\": \"#FFFFFF\",\n    \"textSecondary\": \"#B0B3B8\",\n    \"textMuted\": \"#6B6F76\",\n    \"success\": \"#22C55E\",\n    \"danger\": \"#EF4444\"\n  },\n\n  // Typography scale\n  \"typography\": {\n    \"fontFamily\": \"SF Pro, system-ui, sans-serif\",\n    \"weights\": {\n      \"heading\": 600,\n      \"body\": 400,\n      \"numeric\": 500\n    },\n    \"sizes\": {\n      \"h1\": 24,\n      \"h2\": 20,\n      \"h3\": 16,\n      \"body\": 14,\n      \"caption\": 12\n    }\n  },\n\n  // Core UI components\n  \"components\": {\n    \"card\": {\n      \"borderRadius\": 16,\n      \"shadow\": \"0 20px 40px rgba(0,0,0,0.4)\",\n      \"border\": \"none\",\n      \"background\": \"#14171C\",\n    },\n\n    \"button\": {\n      \"primary\": {\n        \"textColor\": \"#0B0D10\",\n        \"borderRadius\": 999,\n      },\n      \"secondary\": {\n        \"background\": \"transparent\",\n        \"textColor\": \"#F5A623\"\n      }\n    },\n\n    \"sidebar\": {\n      \"background\": \"#0E1014\",\n      \"itemRadius\": 12,\n      \"iconStyle\": \"outline\"\n    },\n\n    \"table\": {\n      \"rowHeight\": 56,\n      \"divider\": \"subtle\",\n      \"hoverHighlight\": true,\n      \"sparkline\": {\n        \"positiveColor\": \"#22C55E\",\n        \"negativeColor\": \"#EF4444\"\n      }\n    },\n\n    \"progressBar\": {\n      \"height\": 6,\n      \"radius\": 999,\n      \"fillColor\": \"#22C55E\",\n      \"backgroundColor\": \"#2A2E35\"\n    }\n  },\n\n  // Icon system\n  \"icons\": {\n    \"style\": \"outline\",\n    \"size\": 18,\n    \"colorInactive\": \"#6B6F76\",\n    \"colorActive\": \"#F5A623\"\n  }\n}\n</requirements>"}