Jūs esat pieredzējušs UI dizneris, kas pieņem mūsdienīgu, minimalistisku diznu, ēnas, stikla efektus un mgās krāsas. Jūsu uzdevums ir izveidot profesionālu, skstu maketu, kas gatuvs piegādei, balstoties uz šādām prasībām: <requirements> ## 1. Kopējs stils un vizuālā valoda Šī saskarne ir premium, mūsdienīga fintech / kriptovalūtas tirdzniecības panelis ar tumšu tēmu. Vizuālā valoda apvieno **mīksto neumorfismu** un **greznu Web3 estētiku**. Pamatīpašības: - Siltas zelta / oranžas akcentu izcelšanās - Monokromātiska krāsu palete ar minimalistiskiem efektiem un ēnām - Kartīšu balstīts izkārtojums ar dziļumu un subtīliem fona apstākļiem - Minimālas robežas, atdalīšana ar ēnām v gšiem fona apstākļiem Mērķa uztveršana: - Drošs - Profesionāls - Augstas klases / institucionāla līmeņa - Optimizēts pieredzējušiem tirdzniecības dalībniekiem --- ## 2. Izkārtojuma struktūra ### Globāls izkārtojums - Pirmkārt desktop panelis - Izvades proporcijas: 3:2 - Trīs galvenie reģioni: 1. Augšējā navigācijas josla (horizontāla) 2. Kreisā sānjoslas navigācija (vertikāla) 3. Galvens satura apgabals (vrākkolonu kartīšu režģis) Atstarpes ir plašas, prioritāri pievēršot uzmanību skdrīb un vizuālajam elpas telp. --- ## 3. Augšējā navigācijas josla - Augstums: 72px - Kreisā puse: - Zīmola logotipa teksts "Mevolut" - Stilizēts "M" - Zelta / oranžs akcents - Centrs: - Navigācijas stes: Panelis, Drošība, cināšana, Tirdzniecības maksas, API pārvaldība - Labā puse: - Pasūtījuma ste - Galvens CTA: “Depozīts” (zelta tablete poga) - Lietotāja avatars (apaļš) - Tēmas pārslēgs (mēness ikona) Tipogrāfija: - Tīrs bezserifu - Vidējs svars - Balts primārs teksts, nomākts pelēks neaktīvo stāvokļu --- ## 4. Kreisā sānjoslas navigācija - Platums: 240px - Fons: gandrīz melns - Vertikālas navigācijas vienības ar ikonām: - Panelis (aktīvs) - Drošība - cināšana - Tirdzniecības maksas - API pārvaldība - Sakārtots apakšā: - Iestatījumi Aktīvā vienība: - Subtīla fona izcelšanās - Neliels fona tonis - Apaļs konteiners Ikonas: - Kontūras stils - Zelta akcents aktīvajā stāvoklī --- ## 5. Galvens satura apgabals ### 5.1 Lietotāja pārskata kartīte - Liela apaļa kartīte augšpusē - Kreisā puse: - Apaļš avatars - Sveiciena teksts (“Sveiki…”) - Lietotāja vārds - Iekļauti informācijas bloki: - UID (kopēšanas ikona) - Identitātes verifikācijas statuss - Drošības līmenis - Lka josla - Pēdējās pieteikšanās lka zīmogs - Labā puse: - “Paslēpt informāciju” pārslēgs Stils: - Subtīlas iekšējās ēnas --- ### 5.2 Depozīta / pirkšanas kartīte - Vidēja lieluma kartīte - Nosaukuma teksts, kas izskdro depozīta opcijas - Divas darbību rindas: - Depozīts (dolāri v kriptovalūta) - Akciju pirkšana (vietējā valūtā) - Katra rinda: - Ikona - Etiķete - Bultiņas darbības poga (zelta akcents) --- ### 5.3 Kopējo aktīvu kartīte - Rāda USD bilanci un USD ekvivalentu - Liels, izbalējis dolāra zīmums ūdenszīmē fona - Darbību cilnes: - Pirkt akcijas - Veikt depozītu - Izņemt naudu - Sktliskās vērtības ir lielas --- ### 5.4 VIP līmeņa kartīte - Rāda pašreizējo VIP līmeni - Spot un futures maksas likmes - Progresa josla tokenu uzkrājumiem - “Skatīt vrāk” ste Progresa josla: - Apaļa - Tumšs fona trase --- ### 5.5 Pašreizējo uzkrājumu tabula - Kartīte, kas satur tabulas izkārtojumu - Kolonnas: - Monēta (ikona + nosaukums) - Cena - 24h izmņas - 4h tendence (mini diagramma) - Darbības (Depozīts, Izņemšana, Tirdzniecība) Mini diagrammas: - Zaļa pozitīv tendencei - Sarkanā negatīv tendencei Uz virsmas pārvietošanās: - Subtīla fona izcelšanās katrā rindā --- ### 5.6 Partneru programmas kartīte - Reklāmkartīte - Zelta monētas ilustrācija - Īss apraksts un CTA poga (“Pieteikties tūlīt”) --- ### 5.7 Informācijas / ziņu kartīte - Vertikāls paziņojumu saraksts - Virsraksts + lka zīmogs - “Skatīt vrāk” ste augšpusē --- ## 6. Krāsu palete - Primārs fons: dziļš ogļakmens / melns - Kartīšu virsmas: nedaudz gšākas - Akcenta krāsa: silda zelta - Teksta hierarhija: - Balts (primārs) - Nomākts pelēks (sekundārs) - Tumšs pelēks (izslēgts) - Statusa krāsas: - Zaļa pozitīvam - Sarkanā negatīvam --- ## 7. Efekti un mijiedarbība - Apaļas stūras visur (sm) # Dizna tokeni: { // Globālā tēmas definīcija "theme": { "mode": "tumšs", "style": [ "mīksts neumorfisms", "premium fintech" ] }, // Izkārtojuma mērījumi un struktūra "layout": { "type": "desktop-panelis", "grid": "trīs-kolonu", "sidebarWidth": 240, "topbarHeight": 68, "contentPadding": 24 }, // Krāsu sistēma "colors": { "background": "#0B0D10", // Galvenās lietotnes fons "primaryAccent": "#F5A623", // Zelta / oranžs izcelšanās "secondaryAccent": "#FFB547", "textPrimary": "#FFFFFF", "textSecondary": "#B0B3B8", "textMuted": "#6B6F76", "success": "#22C55E", "danger": "#EF4444" }, // Tipogrāfijas mērogs "typography": { "fontFamily": "SF Pro, system-ui, sans-serif", "weights": { "heading": 600, "body": 400, "numeric": 500 }, "sizes": { "h1": 24, "h2": 20, "h3": 16, "body": 14, "caption": 12 } }, // Pamata UI komponenti "components": { "card": { "borderRadius": 16, "shadow": "0 20px 40px rgba(0,0,0,0.4)", "border": "none", "background": "#14171C", }, "button": { "primary": { "textColor": "#0B0D10", "borderRadius": 999, }, "secondary": { "background": "transparent", "textColor": "#F5A623" } }, "sidebar": { "background": "#0E1014", "itemRadius": 12, "iconStyle": "kontūras" }, "table": { "rowHeight": 56, "divider": "subtils", "hoverHighlight": true, "sparkline": { "positiveColor": "#22C55E", "negativeColor": "#EF4444" } }, "progressBar": { "height": 6, "radius": 999, "fillColor": "#22C55E", "backgroundColor": "#2A2E35" } }, // Ikonu sistēma "icons": { "style": "kontūras", "size": 18, "colorInactive": "#6B6F76", "colorActive": "#F5A623" } } </requirements>
