Jūs esate patyręs UI dizneris, kuris tko modernų, minimalistinį dizną, šešėlius, stiklą ir švelnias spalvas. Jūsų vdmuo yra sukurti profesionalų, gražų maketą, paruoštą pristatymui, remiantis šis reikalavims: <reikalavim> ## 1. Bendra stilius ir vizualinė kalba Ši sąsaja atstovauja aukščiausios kokybės, modernų fintech / kriptovaliutų prekybos prietsų skydelį, naudojantį tamsią temą. Vizualinė kalba sujungia **švelnų neumorfizmą** ir **prabangią Web3 estetiką**. Pagrindinės savybės: - Šilti auksini/oranžini akcent - Monochromatinė spalvų paletė su minimalistinis efekts ir šešėlis - Kortelėmis pagrįstas maketas su gyliu ir subtilis fons - Minimalūs rėmeli, atskyrimas per šešėlius ar šviesius fonus Tikslinis suvokimas: - Saugus - Profesionalus - Aukščiausios kokybės / institucinio lygio - Optimizuotas patyrusiems prekiautojams --- ## 2. Maketo struktūra ### Globalus maketas - Darbalaukio pirmiausia prietsų skydelis - Išvesties proporcijos: 3:2 - Trys pagrindinės sritys: 1. Viršutinė navigacijos juosta (horizontali) 2. Krioji šoninė navigacija (vertikali) 3. Pagrindinė turinio sritis (kelių stulpelių kortelių tinklelis) Tarp yra dosnūs, teikiantys pirmenybę škumui ir vizualinei erdvei. --- ## 3. Viršutinė navigacijos juosta - Aukštis: 72px - Krė: - Prekės ženklo logotipas tekstas „Mevolut" - Stilizuota „M" - Auksinis/oranžinis akcentas - Centras: - Navigacijos nuorodos: Prietsų skydelis, Saugumas, Referal, Prekybos mokesči, API valdymas - Dešinė: - Užsakymo nuoroda - Pagrindinis CTA: „Indėlis" (auksinis piliulės mygtukas) - Naudotojo avatras (apskritimas) - Temos perjungimas (mėnulio piktograma) Tipografija: - Švari be serifų - Vidutinis svoris - Balta pirminis tekstas, prislopinta pilka neaktyvioms būsenoms --- ## 4. Krioji šoninė navigacija - Plotis: 240px - Fonas: beveik juodas - Vertikalūs navigacijos element su piktogramomis: - Prietsų skydelis (aktyvus) - Saugumas - Referal - Prekybos mokesči - API valdymas - Apačioje: - Nustatym Aktyvus elementas: - Subtilus fono paryškinimas - Nežymus fono atspalvis - Suapvalintas konteineris Piktogramos: - Kontūro stilius - Auksinis akcentas aktyvioje būsenoje --- ## 5. Pagrindinė turinio sritis ### 5.1 Naudotojo apžvalgos kortelė - Didelė suapvalinta kortelė viršuje - Krė: - Apskritas avatras - Pasveikinimo tekstas („Labas…") - Naudotojo vardas - Eilutės informacijos blok: - UID (kopijavimo piktograma) - Tapatybės patvirtinimo būsena - Saugumo lygis - Lko juosta - Paskutinio prisijungimo lko žyma - Dešinė: - „Slėpti informaciją" perjungimas Stilius: - Subtilūs vidini šešėli --- ### 5.2 Indėlio / pirkimo kortelė - Vidutinio dydžio kortelė - Antraštės tekstas, paškinantis indėlio parinktis - Dvi veiksmų eilutės: - Indėlis (doleris ar kriptovaliuta) - Akcijų pirkimas (vietine valiuta) - Kiekviena eilutė: - Piktograma - Etiketė - Rodyklės veiksmo mygtukas (auksinis akcentas) --- ### 5.3 Bendro turto kortelė - Rodo JAV dolerio balansą ir JAV dolerio ekvivalentą - Didelė, išblukusi dolerio simbolio vandens ženklas fone - Veiksmų skirtuk: - Akcijų pirkimas - Indėlis - Išėmimas - Sktinės reikšmės yra didelės --- ### 5.4 VIP lygio kortelė - Rodo dabartinį VIP lygį - Spot ir ateities sandorių mokesčių tarif - Pažangos juosta turimų žetonų kiekiui - „Peržiūrėti daugiau" nuoroda Pažangos juosta: - Suapvalinta - Tamsus fono takelis --- ### 5.5 Dabartinių turėjimų lentelė - Kortelė su lentelės maketu - Stulpeli: - Moneta (piktograma + pavadinimas) - Kna - 24h pokytis - 4h tendencija (sparkline) - Veiksm (Indėlis, Išėmimas, Prekyba) Sparkline diagramos: - Žalia teigiam tendencij - Raudona neigiam tendencij Užvedus: - Subtilus fono paryškinimas kiekvienoje eilutėje --- ### 5.6 Partnerystės programos kortelė - Reklaminė kortelė - Auksinės monetos iliustracija - Trumpas aprašymas ir CTA mygtukas („Pateikti paršką dabar") --- ### 5.7 Informacijos / naujienų kortelė - Vertikalus pranešimų sąrašas - Antraštė + lko žyma - „Peržiūrėti daugiau" nuoroda viršuje --- ## 6. Spalvų paletė - Pirminis fonas: gili anglis / juoda - Kortelių pavirši: šiek tiek šviesesni - Akcento spalva: šilta auksinė - Teksto hierarchija: - Balta (pirminė) - Prislopinta pilka (antrinė) - Tamsi pilka (išjungta) - Būsenos spalvos: - Žalia teigiam - Raudona neigiam --- ## 7. Efekt ir sąveika - Suapvalinti kamp visur (sm) # Dizno žeton: { // Globalios temos apibrėžimas "theme": { "mode": "tamsi", "style": [ "švelnus-neumorfizmas", "aukščiausios-kokybės-fintech" ] }, // Maketo matmenys ir struktūra "layout": { "type": "darbalaukio-prietskydelis", "grid": "trijų-stulpelių", "sidebarWidth": 240, "topbarHeight": 68, "contentPadding": 24 }, // Spalvų sistema "colors": { "background": "#0B0D10", // Pagrindinis programos fonas "primaryAccent": "#F5A623", // Auksinis/oranžinis paryškinimas "secondaryAccent": "#FFB547", "textPrimary": "#FFFFFF", "textSecondary": "#B0B3B8", "textMuted": "#6B6F76", "success": "#22C55E", "danger": "#EF4444" }, // Tipografijos skalė "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 } }, // Pagrindini UI komponent "components": { "card": { "borderRadius": 16, "shadow": "0 20px 40px rgba(0,0,0,0.4)", "border": "nėra", "background": "#14171C", }, "button": { "primary": { "textColor": "#0B0D10", "borderRadius": 999, }, "secondary": { "background": "skdrus", "textColor": "#F5A623" } }, "sidebar": { "background": "#0E1014", "itemRadius": 12, "iconStyle": "kontūras" }, "table": { "rowHeight": 56, "divider": "subtilus", "hoverHighlight": true, "sparkline": { "positiveColor": "#22C55E", "negativeColor": "#EF4444" } }, "progressBar": { "height": 6, "radius": 999, "fillColor": "#22C55E", "backgroundColor": "#2A2E35" } }, // Piktogramų sistema "icons": { "style": "kontūras", "size": 18, "colorInactive": "#6B6F76", "colorActive": "#F5A623" } } </reikalavim>
