Iriserende sommerfugl brukergrensesnitt hovedkort

{ "type": "Demonstrasjonsprosjekt for UI/UX-designsystem", "theme": "Mørk modus, naturinspirert, lysende iriserende estetikk", "language": "Kinesisk", "canvas": { "aspect_ratio": "Firkantet plakat", "background": "Dyp midnattsblå til svart, med en subtil glorie", "style": "Et eksklusivt, futuristisk utstillingsprosjekt med en slank neonblå panelkontur, blanke høydepunkter, myk glorie og høy kontrast." }, "header": { "title": "Naturinspirert UI{argument name=\"system title\" default=\"Sommerfuglregnbue\"} UI/UX-designsystem", "description": "{argument name=\"chinese description\" default=\"Designet er inspirert av sommerfuglvinger og inkorporerer den iriserende glansen av strukturelle farger og dyp blå for å skape en lys, dynamisk og levende digital opplevelse.\"}", "hero_image": "En svært detaljert, lysende sommerfuglvinge, som viser elektrisk blå, fiolett og iriserende cyan, opptar halvparten av øvre høyre hjørne. Synlige årestrukturer, gjennomskinnelige kanter og glitrende partikler er synlige, med en andre, uskarp vinge bak den." }, "layout": { "sections": [ { "title": "1. Designinspirasjon", "position": "Øverste venstre hjørne, under tittelen", "count": 4, "labels": [ "Makro av iriserende sommerfuglvinger", "Nærbilde av den blålilla vingeteksturen", "Lysbrytende prismehalo", "Sommerfuglvingecellemønster" ] }, { "title": "2. Nøkkelord", "position": "Øverste høyre hjørne, under hovedbildet", "count": 5, "labels": [ "iris", "Smidig", "Lys", "Dyp", "natur" ], "icon_style": "Minimalistiske glødende linjeikoner inni avrundede mørke kort" }, { "title": "3. Fargesystem", "position": "midt til venstre", "subsections": [ { "title": "hovedfarge", "count": 3, "labels": [ "Morpho Blue #1E5BFF", "Regnbuelilla #7A5CFF", "Takvindu #00E6FF" ] }, { "title": "Nøytral farge", "count": 3, "labels": [ "Midnattssvart #060F19", "Myk marineblå #141A2E", "Perlehvit #F3F6FC" ] }, { "title": "Vektlegging av farge og gradient", "count": 2, "labels": [ "Regnbueglans", "Sommerfugllys" ] } ], "visual": "Sirkulære fargeprøver og gradientkuler, med kinesiske etiketter under." }, { "title": "4. Layout", "position": "midt til høyre", "count": 1, "labels": [ "Aa Poppins Lys / Vanlig / Medium / Halvfet" ], "visual": "Stor hvit Aa på et mørkt kort" }, { "title": "5. Applikasjonsikon", "position": "Venstre og midtre", "count": 1, "text": "{argument name=\"app name\" default=\"Winglet\"} Lys. Smidig. Elegant.", "visual": "Det glødende sommerfugl-appikonet ved siden av appnavnet" }, { "title": "6. UI-komponenter", "position": "midt", "subsections": [ { "title": "Knapp", "count": 3, "labels": [ "Hovedknapp", "Sekundære knapper", "glasstekstur" ] }, { "title": "icon", "count": 2, "labels": [ "Hjerteformet samling", "Opplyst ring" ] }, { "title": "bryter", "count": 1, "labels": [ "switch" ] } ], "visual": "Avrundede blå knapper, neonikonknapper og bakgrunnsbelyste brytere på det mørke panelet" }, { "title": "Andre elementer", "position": "Høyre sentrum", "count": 4, "labels": [ "søkeboks", "Tagg Ny", "Fremdriftslinje (72 %)", "Blått Morpho-kort" ], "visual": "Små, praktiske UI-komponenter i kompakte horisontale kort" }, { "title": "7. Mobilt UI", "position": "Nederst til venstre", "count": 3, "labels": [ "Søkeside", "Dagens side med en stor sommerfuglillustrasjon", "Lydavspillingsside med bølgeformgraf" ], "visual": "Tre smarttelefonprototyper med avrundede hjørner, et mørkt grensesnitt og en visuell blålilla sommerfugleffekt." }, { "title": "8. Forhåndsvisning av nettstedsdesign", "position": "Nederst til høyre", "count": 1, "labels": [ "Lysets liv" ], "visual": "Modell av landingsside for skrivebord, inkludert et hovedbilde av en sommerfugl, navigasjon øverst, en knallblå handlingsfremmende knapp og kinesisk tekst." }, { "title": "9. Visuell bakgrunn", "position": "Nederst i full bredde", "count": 4, "labels": [ "Blådende båndbakgrunn 1", "Virvelregnbue", "Blådende båndbakgrunn 2", "Strålende krystalleksplosjon" ], "visual": "Fire rektangulære bakgrunnseksempler i lilla, blått og cyan." } ], "footer": { "count": 1, "text": "Designet med naturen i tankene, født for opplevelse.", "center_icon": "Lite sommerfuglikon" } }, "art_direction": { "materials": "Glassetterligning, neonkantbelysning, myke gradienter, subtile refleksjoner", "colors": "Elektrisk blå, indigo, fiolett, cyan, hvit", "composition": "Det rene rutenettoppsettet inkluderer ni nummererte innholdsseksjoner, god hvit plass, slanke, avrundede kanter og et dominerende sommerfuglbilde.", "render_quality": "Svært raffinert, tydelig lagt ut, et førsteklasses Behance-stil designsystemprosjekt." } }