Płyta systemowa interfejsu użytkownika trybu jasnego

{ "type": "Projekt demonstracyjny systemu projektowania interfejsu użytkownika", "theme": "{argument name=\"motyw wizualny\" default=\"Nauka o optyce i załamanie światła\"}", "overall_aesthetic": "Czyste białe tło, tryb jasnych kolorów, futurystyczny i wyrafinowany wygląd; jego charakterystyczną cechą jest {argument name=\"podstawowe kolory gradientu\" default=\"Opalizujący, miękki pomarańczowy, żółty, cyjan, fioletowy, różowy\"} zdobienie", "header": { "title": "{argument name=\"nazwa systemu\" default=\"PRYZMAT LIGHTCORE\"}", "subtitle": "System projektowania interfejsu użytkownika — tryb jasny", "tags": [ "Futurystyczny", "poczucie wyrafinowania", "Skupienie" ], "hero_graphic": "Przezroczysty szklany pierścień 3D, który załamuje opalizujące światło" }, "layout": { "sections": [ { "title": "color", "count": 5, „labels”: [ „Biały #FFFFFF”, „Śnieżny #FAFAFC”, „Kolor łupkowy #F2F4F8”, „Kolor obramowania #E6E8EF”, „Czarny #0A0A0C”], „description”: „5 zaokrąglonych kwadratowych bloków jednolitego koloru” }, { „title”: „Gradient pryzmatyczny”, „liczba”: 1, „description”: „Długi poziomy pasek gradientu z pięcioma szesnastkowymi kodami kolorów poniżej.” }, { „title”: „skład”, „description”: „Duża czcionka „Aa” jest dostępna w czterech grubościach (Light, Regular, Medium, Semibold) wraz z pełnym alfabetem/cyframi.” }, { „title”: „ikona”, „liczba”: 12, „description”: „12 minimalistycznych ikon w stylu liniowym ułożonych w siatce 2x6.” }, { "title": "Przycisk", "count": 8, "categories": [ "main", "secondary", "text", "icon" ], "description": "Łącznie jest 8 przycisków, wyświetlających stan normalny i wyłączony dla każdej kategorii. Główny przycisk ma opalizującą obwódkę i {argument name=\"primary button text\" default=\"Start using\"} tekst." }, { "title": "navigation", "count": 2, "variants": [ "Desktop", "mobile" ], "description": "Nawigacja na pulpicie zawiera logo, cztery linki tekstowe, pasek wyszukiwania, przycisk logowania i pasek nawigacji mobilnej." }, { "title": "Komponenty", "count": 6, "items": [ "Karta: 'Photon Engine' z abstrakcyjną grafiką tęczową i przyciskami", "Pola wprowadzania danych: pasek wyszukiwania z etykietą i pole wprowadzania wiadomości e-mail.", "Pasek postępu: pasek postępu w kolorze tęczy o szerokości 68%", "Karty: Przegląd, Analiza, Ustawienia", "Przełączniki: 2 przełączniki (wł./wył.)", "Wizualizacja danych: wykres kołowy z 3 elementami legendy i wykres liniowy 7-dniowy." ] }, { "title": "Strona internetowa", "description": "Model przeglądarki komputerowej, w tym tytuł '{argument name=\"hero headline\" default=\"Budowanie przyszłości światłem i kolorem\"}. Projekt zawiera dwa przyciski, płynącą grafikę 3D przedstawiającą tęczową falę i pięć logo partnerów na dole." }, { "title": "Aplikacja mobilna", "description": "Model smartfona wyświetla saldo w wysokości 24 880 USD, wykres liniowy, cztery ikony szybkich akcji, listę ostatnich aktywności z trzema elementami oraz dolny pasek nawigacyjny z czterema ikonami." } ] } }