Zestaw Neumorphic Smart UI

Stwórz futurystyczny, zaawansowany interfejs użytkownika inteligentnego domu i sterowania multimediami na czystym, jasnoszarym tle. Układ jest zrównoważony designem w stylu deski rozdzielczej, z unoszącymi się, zaokrąglonymi kartami i okrągłymi elementami sterującymi z miękkimi, ściśniętymi cieniami, subtelnymi wewnętrznymi akcentami, matową białą powierzchnią oraz eleganckimi cyjanowymi i pomarańczowymi akcentami. Ogólny styl jest minimalistyczny, futurystyczny, realistyczny w dotyku i wysoce wyrafinowany, nawiązując do koncepcji interfejsów mobilnych z najwyższej półki. Zawiera 18 niezależnych modułów interfejsu użytkownika i ikon: dużą, okrągłą kartę pokrętła głośności w lewym górnym rogu z ciemnoniebieskim środkiem, przerywanymi krawędziami, symbolami plus/minus i napisem „VOLUME 67%”; pionową kartę suwaka głośności z etykietą „VOLUME”, białym pokrętłem, pomarańczowym paskiem poziomu głośności, małą ikoną głośnika i napisem „67%”; Duża okrągła tarcza balansu w prawym górnym rogu ze skalą numeryczną 25, 50, 75 i 100, centralną wartością „72%”, etykietą „BALANCE” i małym pomarańczowym wskaźnikiem; okrągły widżet kompasu w prawym górnym rogu ze znacznikami N, E, S i W, metalicznym cyjanowym wskaźnikiem i małą pomarańczową kropką akcentującą na krawędzi; mniejsze okrągłe pokrętło minimum-maksimum w lewym środku z cyjanowym środkiem, teksturowanymi białymi krawędziami tarczy, pomarańczowym wskaźnikiem oraz znacznikami „MIN” i „MAX”; trzy małe okrągłe przyciski funkcyjne w dolnym rzędzie, wyświetlające symbol zasilania, symbol połączenia lub sieci bezprzewodowej i kontur serca; poniżej tych przycisków znajduje się... Poziomy przełącznik z cyjanowym pokrętłem i słowem „ON”; Duża karta odtwarzacza multimedialnego pośrodku z kwadratową okładką albumu przedstawiającą abstrakcyjne, warstwowe cyjanowe wydmy lub fale, tytuł utworu „Beyond The Horizon”, nazwę artysty „Aurora Nights”, ikonę serca w prawym górnym rogu, wyświetlacz postępu przebiegu, znaczniki czasu „1:45” i „3:58” oraz cztery elementy sterujące odtwarzaniem w dolnym rzędzie: odtwarzanie losowe, poprzedni utwór, pomarańczowy przycisk odtwarzania w centrum, następny utwór i pętla; dwie kolumny po trzy rzędy po sześć zaokrąglonych kwadratowych ikon aplikacji po prawej stronie, precyzyjnie wyświetlające następujące symbole: strzałkę papierowego samolotu, ułożone warstwy, tarczę ze znacznikiem wyboru, chmury, dzwonek z małą pomarańczową kropką powiadomienia i koło zębate; prostokątna karta zegara w lewym dolnym rogu z okrągłą tarczą zegara analogowego, dużym cyfrowym czasem „10:58 AM”, linią daty „Czwartek, 23 maja” oraz godzinami wschodu/zachodu słońca „06:15 AM” i „08:24 PM”; i karta pogody na dole pośrodku wyświetlająca lokalizację „San”. Na ekranie wyświetlane są „Francisco”, aktualna temperatura „18°”, stan pogody „Częściowe zachmurzenie”, temperatura maksymalna/niska „H: 21° L: 13°”, duży fragment słońca za chmurami oraz pięć kolumn prognoz godzinowych oznaczonych „11:00”, „12:00”, „13:00”, „14:00” i „15:00”. W prawym dolnym rogu znajduje się selektor etykiet w kształcie pigułki zawierający trzy etykiety; lewa etykieta jest aktywna (cyjanowa z ikoną przebiegu audio), podczas gdy pozostałe dwie wyświetlają ikonę użytkownika i ikonę folderu. Bezpośrednio pod nią znajduje się pasek wyszukiwania z lupą i tekstem zastępczym „Szukaj...”. Poniżej paska wyszukiwania znajduje się poziomy suwak z cyjanowym paskiem postępu i białym pokrętłem. W prawym dolnym rogu znajduje się duży, zaokrąglony przycisk CTA z tekstem „...”. {argument name="button text" default="EXPLORE"} Projekt charakteryzuje się centralnie umieszczoną ikoną z pomarańczową strzałką wskazującą na po prawej. Pięć okrągłych ikon nawigacyjnych znajduje się pośrodku dolnej krawędzi, wyświetlając stronę główną, wykres słupkowy, kalendarz z liczbą „23”, dymek czatu i profil użytkownika. Obecne są również dwa pływające przyciski akcji: ikona aparatu i pomarańczowy znak plus. Projekt wykorzystuje stonowaną kolorystykę, głównie białą i bardzo jasnoszarą, z głębokim gradientem cyjanowo-zielonym dla stanów aktywnych oraz ciepłą pomarańczą dla wyróżnień i powiadomień. Głębię podkreślają miękkie cienie otoczenia, subtelne skosy, błyszczące odbicia i realistyczne renderowanie materiałów. Układ pozostaje przestronny, symetryczny, ale nie sztywny, dzięki czemu nadaje się do demonstracji koncepcji zaawansowanych aplikacji mobilnych.