Lystilstand UI-design systemkort

{ "type": "Demonstrationsprojekt for UI-designsystem", "theme": "{argument name=\"visual theme\" default=\"Optisk videnskab og lysbrydning\"}", "overall_aesthetic": "En ren hvid baggrund, lys farvetilstand, futuristisk og sofistikeret følelse; dens karakteristiske træk ligger i {argument name=\"primary gradient colors\" default=\"Iriserende, blød orange, gul, cyan, lilla, pink\"} udsmykning", "header": { "title": "{argument name=\"system name\" default=\"LIGHTCORE PRISM\"}", "subtitle": "UI-designsystem - Lystilstand", "tags": [ "Futuristisk", "følelse af sofistikering", "Fokus" ], "hero_graphic": "3D transparent glasring, der bryder iriserende lys" }, "layout": { "sections": [ { "title": "color", "count": 5, "labels": [ "Hvid #FFFFFF", "Snehvid #FAFAFC", "Skiferfarve #F2F4F8", "Kantfarve" #E6E8EF", "Sort #0A0A0C" ], "beskrivelse": "5 afrundede firkantede ensfarvede blokke" }, { "title": "Prismegradient", "count": 1, "beskrivelse": "En lang vandret gradientlinje med fem hexadecimale farvekoder nedenunder." }, { "title": "typesetting", "beskrivelse": "Den store 'Aa'-skrifttype er angivet i fire vægtklasser (Lys, Normal, Mellem, Semibold) sammen med det komplette alfabet/tal." }, { "title": "ikon", "count": 12, "beskrivelse": "12 minimalistiske linjestilikoner arrangeret i et 2x6 gitter." }, { "title": "Knap", "count": 8, "categories": [ "main", "secondary", "text", "icon" ], "description": "Der er i alt 8 knapper, der viser normal og deaktiveret tilstand for hver kategori. Hovedknappen har en iriserende kant og {argument name=\"primary button text\" default=\"Start using\"} tekst." }, { "title": "navigation", "count": 2, "variants": [ "Desktop", "mobile" ], "description": "Desktop-navigationen inkluderer et logo, fire tekstlinks, en søgelinje, en login-knap og en mobil navigationslinje." }, { "title": "Komponenter", "count": 6, "items": [ "Kort: 'Photon Engine' med abstrakt regnbuegrafik og knapper", "Inputfelter: en mærket søgelinje og et e-mail-inputfelt.", "Statuslinje: 68% regnbue-statuslinje", "Faner: Oversigt, Analyse, Indstillinger", "Kontakter: 2 kontakter (tænd/sluk)", "Datavisualisering: et cirkeldiagram med 3 forklaringselementer og et 7-dages linjediagram." ] }, { "title": "Webside", "beskrivelse": "Desktopbrowsermodel, inklusive titel '{argument name=\"hero headline\" default=\"Bygger fremtiden med lys og farve\"} Designet inkluderer to knapper, en flydende 3D-regnbuebølgegrafik og fem partnerlogoer i bunden." }, { "title": "Mobilapplikation", "description": "Smartphonemodellen viser en saldo på $24.880, et linjediagram, fire ikoner for hurtige handlinger, en liste over seneste aktiviteter med tre elementer og en navigationslinje i bunden med fire ikoner." } ] } }