Iridescent Butterfly UI-systemkort

{ "type": "Demonstrationsprojekt for UI/UX-designsystem", "theme": "Mørk tilstand, naturinspireret, lysende iriserende æstetik", "language": "Kinesisk", "canvas": { "aspect_ratio": "Firkantet plakat", "background": "Dyb midnatsblå til sort med en subtil glorie", "style": "Et avanceret, futuristisk displayprojekt med en slank neonblå panelkontur, blanke højdepunkter, blød glorie og høj kontrast." }, "header": { "title": "Naturinspireret UI{argument name=\"system title\" default=\"Butterfly Rainbow\"} UI/UX Design System", "description": "{argument name=\"chinese description\" default=\"Designet er inspireret af sommerfuglevinger og inkorporerer den iriserende glans af strukturelle farver og dybblå for at skabe en lys, dynamisk og levende digital oplevelse.\"}", "hero_image": "En meget detaljeret, lysende sommerfuglevinge, der viser elektrisk blå, violet og iriserende cyan, optager halvdelen af ​​det øverste højre hjørne. Synlige årestrukturer, gennemskinnelige kanter og funklende partikler er synlige, med en anden, sløret vinge bagved." }, "layout": { "sections": [ { "title": "1. Designinspiration", "position": "Øverste venstre hjørne, under titlen", "count": 4, "labels": [ "Makro af iriserende sommerfuglevinger", "Nærbillede af den blå-lilla vingetekstur", "Lysbrydende prismehalo", "Sommerfuglevingecellemønster" ] }, { "title": "2. Nøgleord", "position": "Øverste højre hjørne, under hovedbilledet", "count": 5, "labels": [ "iris", "Agil", "Lys", "Dyb", "natur" ], "icon_style": "Minimalistiske lysende linjeikoner inde i afrundede mørke kort" }, { "title": "3. Farvesystem", "position": "midt til venstre", "subsections": [ { "title": "hovedfarve", "count": 3, "labels": [ "Morpho Blue #1E5BFF", "Regnbuelilla #7A5CFF", "Skylight #00E6FF" ] }, { "title": "Neutral farve", "count": 3, "labels": [ "Midnatssort #060F19", "Blød marineblå #141A2E", "Perlehvid #F3F6FC" ] }, { "title": "Vægt på farve og gradient", "count": 2, "labels": [ "Regnbueglans", "Sommerfuglelys" ] } ], "visual": "Cirkulære farveprøver og gradientkugler med kinesiske etiketter nedenunder." }, { "title": "4. Layout", "position": "center højre", "count": 1, "labels": [ "Aa Poppins Lys / Normal / Mellem / SemiBold" ], "visual": "Stor hvid Aa på et mørkt kort" }, { "title": "5. Applikationsikon", "position": "Venstre og Midte", "count": 1, "text": "{argument name=\"app name\" default=\"Winglet\"} Lys. Agil. Elegant.", "visual": "Det lysende sommerfugle-appikon ved siden af ​​appnavnet" }, { "title": "6. UI-komponenter", "position": "center", "subsections": [ { "title": "Knap", "count": 3, "labels": [ "Hovedknap", "Sekundære knapper", "glastekstur" ] }, { "title": "ikon", "count": 2, "labels": [ "Hjerteformet samling", "Oplyst ring" ] }, { "title": "switch", "count": 1, "labels": [ "switch" ] } ], "visual": "Afrundede blå knapper, neonikonknapper og baggrundsbelyste kontakter på det mørke panel" }, { "title": "Andre elementer", "position": "Højre Center", "count": 4, "labels": [ "søgefelt", "Tag Ny", "Statuslinje (72%)", "Blå Morpho-kort" ], "visual": "Små, praktiske brugergrænsefladekomponenter i kompakte vandrette kort" }, { "title": "7. Mobil brugergrænseflade", "position": "Nederst til venstre", "count": 3, "labels": [ "Søgeside", "Dagens side med en stor sommerfugleillustration", "Lydafspilningsside med bølgeformgraf" ], "visual": "Tre smartphone-prototyper med afrundede hjørner, en mørk brugerflade og en visuel blå-lilla sommerfugleeffekt." }, { "title": "8. Forhåndsvisning af websitedesign", "position": "Nederst til højre", "count": 1, "labels": [ "Lysets liv" ], "visual": "Modell af landingsside til desktop, inklusive et hovedbillede af en sommerfugl, navigation øverst, en klar blå call-to-action-knap og kinesisk tekst." }, { "title": "9. Visuel baggrund", "position": "Nederst i fuld bredde", "count": 4, "labels": [ "Blødende båndbaggrund 1", "Hvirvelregnbue", "Blødende båndbaggrund 2", "Strålende krystaleksplosion" ], "visual": "Fire rektangulære baggrundseksempler i lilla, blå og cyan." } ], "footer": { "count": 1, "text": "Designet med naturen i tankerne, født til oplevelse.", "center_icon": "Lille sommerfugleikon" } }, "art_direction": { "materials": "Glasefterligning, neonkantbelysning, glatte gradienter, subtile refleksioner", "colors": "Elektrisk blå, indigo, violet, cyan, hvid", "composition": "Det rene gitterlayout inkluderer ni nummererede indholdssektioner, rigelig hvid plads, slanke afrundede kanter og et dominerende sommerfuglebillede.", "render_quality": "Meget raffineret, tydeligt layout, et førsteklasses Behance-stil designsystemprojekt." } }