Mørk AI-kodningsdashboard-brugergrænseflade

{ "type": "Mørk SaaS Analytics Dashboard UI", "product": { "brand": "{argument name=\"brand name\" default=\"AICode\"}", "theme": "Grænsefladen har en dyb marineblå matteret glastekstur med subtile gradienter, blød belysning, afrundede kort og tynde kanter, der afspejler moderne udviklerværktøjers æstetik." }, "canvas": { "aspect_ratio": "16:9", "background": "Dyb midnatsblå med subtil vignettering og bløde radiale lyseffekter." }, "layout": { "structure": "Venstre sidebar plus hovedindholdsområde", "sections": [ { "title": "Sidebar", "position": "Venstre side", "count": 8, "labels": [ "AICode", "Oversigt", "projekt", "AI-assistenter", "API og brug", "Kodekvalitet", "team", "opsætning" ], "detaljer": "Logoet vises øverst, og "Oversigt" er fremhævet med lilla, når det er valgt. Abonnementskortet nederst viser Pro-planen, som udløber om 12 dage. En vandret statuslinje viser 75%. Brugerprofilen nederst inkluderer en avatar.{argument name=\"brugernavn\" default=\"Alex Morgan\"} og e-mailadresse [email protected]" }, { "title": "Header", "position": "Øverste hovedområde", "count": 4, "labels": [ "Velkommen tilbage, Alex 👋", "Dette er dagens opdatering fra din AI-programmeringsplatform.", "12. maj, "2024 – 12. juni 2024", "Eksportrapport" ], "detaljer": "Venstre side viser en stor hilsen, mens højre side viser en datointervalvælger og en eksportknap." }, { "title": "Indikatorkort", "position": "Første linje under overskriften", "count": 4, "labels": [ "Samlet antal brugere", "Aktive projekter", "API-kaldsvolumen", "Kodekvalitetsvurdering" ], "values": [ "12.842", "2.153", "1,28 mio.", "876" ], "detaljer": "Hvert kort indeholder et lille ikon, en stor hovedværdi og tekst, der sammenligner perioden fra 12. april til 12. maj 2024, og viser positive vækstprocenter på henholdsvis 14,6 %, 8,3 %, 23,7 % og 5,9 %. Et mini-linjediagram vises nederst; farverne er lilla, grøn, rav og blå." }, { "title": "Hovedanalysepanel", "position": "Midterste og nederste rækker", "count": 4, "labels": [ "API-kaldstendenser", "Populære projekter", "Brugeraktivitetsvarmekort", "Kodekvalitetstendenser" ], "details": "Diagrammet "API-kaldstendenser" er en bred graf med en rullemenu for "Daglig"; den lilla linje viser en opadgående tendens, der slutter nær 250K. "Populære elementer" er en rangliste med 5 elementer med statuslinjer og procentvise ændringer. "Brugeraktivitetsvarmekortet" er et ugentligt varmekort med 7 rækker med timemærker fra kl. 12 til 21. Diagrammet "Kodekvalitetstendenser" er en linjegraf med en rullemenu for "Ugentlig"; den lilla kurve stiger jævnt fra cirka 70 til lige over 90." }, { "title": "Liste over populære projekter", "position": "Panel i midten til højre", "count": 5, "labels": [ "AI Code Assistant", "Smart Refactor", "Code Review Bot", "Doc Generator", "Test Builder" ], "values": [ "485K", "321K", "214K", "132K", "98K" ], "details": "De første fire elementer viste positiv vækst i grønt, på henholdsvis 12,4%, 8,7%, 3,1% og 6,8%, mens Test Builder viste negativ vækst i rødt, på -1,2%; hver række havde et farvet firkantet ikon og en tynd vandret statuslinje." } ] }, "style": { "visual_language": "Prototype til avanceret finansiel teknologi og AI-produktdesign", "rendering": "En klar, højkvalitets UI-prototype, subtile skygger, neonkantbelysningseffekter, udsøgte diagrammer og en ren sans-serif-skrifttype.", "primary_accent": "{argument name=\"accent color\" default=\"Electric Violet\"}", "secondary_accents": [ "Smaragdgrøn", "Ravgul", "Cyan" ], "density": "Informationsrig og rumligt afbalanceret med et velafbalanceret gitter og høj læsbarhed." } }