Mørkt AI-kodingsdashbordgrensesnitt

{ "type": "Mørkt SaaS Analytics Dashboard UI", "product": { "brand": "{argument name=\"brand name\" default=\"AICode\"}", "theme": "Grensesnittet har en dyp marineblå frostet glassstruktur med subtile gradienter, myk belysning, avrundede kort og tynne rammer, som legemliggjør moderne utviklerverktøyestetikk." }, "canvas": { "aspect_ratio": "16:9", "background": "Dyp midnattsblå, med subtil vignettering og myke radiale lyseffekter." }, "layout": { "structure": "Venstre sidefelt pluss hovedinnholdsområde", "sections": [ { "title": "Sidefelt", "position": "Venstre side", "count": 8, "labels": [ "AICode", "Oversikt", "prosjekt", "AI-assistenter", "API og bruk", "Kodekvalitet", "team", "oppsett" ], "detaljer": "Logoen vises øverst, og «Oversikt» er uthevet i lilla når den er valgt. Abonnementskortet nederst viser Pro-planen, som utløper om 12 dager. En horisontal fremdriftslinje viser 75 %. Brukerprofilen nederst inkluderer en avatar.{argument name=\"brukernavn\" default=\"Alex Morgan\"} og e-postadresse [email protected]" }, { "title": "Overskrift", "position": "Øverste hovedområde", "count": 4, "labels": [ "Velkommen tilbake, Alex 👋", "Dette er dagens oppdatering fra din AI-programmeringsplattform.", "12. mai, "2024 – 12. juni 2024", "Eksportrapport" ], "detaljer": "Venstre side har en stor hilsen, mens høyre side viser en datoperiodevelger og en eksportknapp." }, { "title": "Indikatorkort", "position": "Første linje under overskriften", "count": 4, "labels": [ "Totalt antall brukere", "Aktive prosjekter", "API-kallvolum", "Kodekvalitetsvurdering" ], "values": [ "12 842", "2 153", "1,28 millioner", "876" ], "detaljer": "Hvert kort inneholder et lite ikon, en stor hovedverdi og tekst som sammenligner perioden fra 12. april til 12. mai 2024, og viser positive vekstprosenter på henholdsvis 14,6 %, 8,3 %, 23,7 % og 5,9 %. Et minilinjediagram vises nederst; fargene er lilla, grønn, gul og blå." }, { "title": "Hovedanalysepanel", "position": "Midterste og nederste rader", "count": 4, "labels": [ "API-kalltrender", "Populære prosjekter", "Brukeraktivitetsvarmekart", "Kodekvalitetstrender" ], "details": "Diagrammet «API-kalltrender» er et bredt områdediagram med en rullegardinmeny for «Daglig»; den lilla linjen viser en oppadgående trend, som slutter nær 250 000. «Populære elementer» er en rangeringsliste med 5 elementer, med fremdriftslinjer og prosentvise endringer. «Brukeraktivitetsvarmekartet» er et ukentlig varmekart med 7 rader med timeetiketter fra 12.00 til 21.00. Diagrammet «Kodekvalitetstrender» er et linjediagram med en rullegardinmeny for «Ukentlig»; den lilla kurven stiger jevnt, fra omtrent 70 til litt over 90." }, { "title": "Liste over populære prosjekter", "position": "Panel i midten til høyre", "count": 5, "labels": [ "AI-kodeassistent", "Smart refaktorering", "Kodegjennomgangsrobot", "Dokumentgenerator", "Testbygger" ], "values": [ "485K", "321K", "214K", "132K", "98K" ], "details": "De fire første elementene viste positiv vekst i grønt, på henholdsvis 12,4 %, 8,7 %, 3,1 % og 6,8 %, mens Testbygger viste negativ vekst i rødt, på -1,2 %; hver rad hadde et farget firkantet ikon og en tynn horisontal fremdriftslinje." } ] }, "style": { "visual_language": "Prototype for avansert finansteknologi og AI-produktdesign", "rendering": "En tydelig og nøyaktig brukergrensesnittprototype, subtile skygger, neonkantlyseffekter, utsøkte diagrammer og en ren sans-serif-skrifttype.", "primary_accent": "{argument name=\"accent color\" default=\"Electric Violet\"}", "secondary_accents": [ "Smaragdgrønn", "Ravgul", "Cyan" ], "density": "Informasjonsrik og romlig balansert, med et velbalansert rutenett og høy lesbarhet." } }