Framer

Paleta

Marka

• Vivid Violet #0066ff — Główny przycisk akcji to jedyne miejsce w interfejsie, w którym wyświetlane jest jednolite tło przycisku.

Neutralny

• Bone #ffffff — Główne nagłówki, główny tekst na ciemnym tle, tło przycisku jest jedynym źródłem światła.
• Void #000000 — Płótno strony, tło nawigacji, powierzchnie kart, wypełnienie ikon — wszystko to jest w nieskończonym czarnym kolorze, który pochłania wszelką nieistotną treść.
• Graphite #111111 — Podniesione powierzchnie kart to krok naprzód w stosunku do pustki — są to duże, funkcjonalne karty i pojemniki modalne.
• Obsidian #171717 — Powierzchnia pośrednia dla przycisków, dodatkowych kart, wypełnień interfejsu użytkownika - oddziela elementy interaktywne od płótna.
• Slate #242424 — Po najechaniu kursorem myszy pola wprowadzania danych i wcięte panele mają najjaśniejszy neutralny odcień przed przełączeniem na format tekstowy.
• Ash #333333 — Głębokie wypełnienie nieaktywnych obrazów tła i elementów strukturalnych.

Typografia

od 12 do 68px · 8 kroków

• sans-serif — wymiana: Inter · wytyczne 400 · bezszeryfowe - znalezione w wyodrębnionych danych, ale nieopisane przez sztuczną inteligencję.
• GT Walsheim — wymiana: Inter Tight · wytyczne 500 · Czcionka nagłówków i tytułów to czcionka brandowa. Jest agresywnie skondensowana, z interlinią 0,8–1,1 i odstępami między literami od -0,04 em do -0,05 em w zakresie 44–68 px. Nie jest to element dekoracyjny; geometryczne ciepło GT Walsheim w połączeniu z rygorystycznymi parametrami tworzy głos systemu – pewny siebie, zwarty i lekko futurystyczny. Aby uzyskać podobny geometryczny wyraz, rozważ Inter Tight lub Space Grotesk Bold.
• Inter Variable — wymiana: Inter · wytyczne 400 · Tekst główny, nawigacja i nagłówki drugorzędne to podstawa. Oś inter-zmienna umożliwia płynną interpolację wag. Śledzenie zwęża się wraz ze wzrostem rozmiaru: od -0,001 em do 18 px i od -0,027 em do 22 px. Wersja zmienna umożliwia płynne mikroanimacje witryny. Zamiennik: Inter ( Google) – praktycznie identyczny mechanizm zastępczy.

Interwały i forma

Podobne style

• Auros — Terminal otchłanny z bioluminescencyjnymi kulami danych
• Origin Financial — Północnoniebieska galeria cichego przepychu. Ciche, niemal ciemne pomieszczenie, w którym duże czcionki szeryfowe i kilka podświetlonych, kolorowych paneli stwarza wrażenie, że finanse to starannie wyselekcjonowane dzieło sztuki.
• Raycast — Centrum dowodzenia Midnight, Coral Neon
• Dimension — stanowisko pracy oświetlone światłem dziennym, z panelami ze szkła matowego
• Reflect Notes — Gwiaździsta fioletowa przestrzeń to ciemne obserwatorium, w którym nuty unoszą się niczym konstelacje na tle niemal czarnej, indygowej pustki.
• Ameba — Sala kontrolna o północy – elektryzujący, błękitny impuls wewnątrz matowych szklanych paneli
• Branding — Czarna ściana galerii, krwistoczerwone akcenty - duże, białe czcionki unoszą się na ciemnym płótnie przypominającym pustkę, przerwanym pojedynczym jaskrawoczerwonym akcentem i uderzającymi elementami dekoracyjnymi, które wyglądają bardziej jak szyldy galerii niż interfejs internetowy.
• Harness — Centrum kontroli misji o północy z fosforyzującymi zielonymi akcentami
• Koto — Galeria Obsidian o północy. Scena niemal czarna, gdzie jedynym ciepłym źródłem światła jest pojedynczy żółty marker, a zagęszczone czcionki unoszą się w ogromnej pustej przestrzeni niczym plakaty wystawowe.
• Ohzi — Świecący sześcian zawieszony w ciemnej galerii
• Depot — Ciemny terminal serwerowy. Prawie czarna konsola programisty, z pojedynczą zieloną diodą LED sygnalizującą rozpoczęcie pracy i resztą interfejsu użytkownika wyświetlaną w kolorze grafitowym.
• Maciej Zadykowicz — Galeria Midnight z jej kalejdoskopowym muralem to niemal czarna ściana pracowni, na której uwagę przyciąga jeden żywy, kolorowy element typograficzny, podczas gdy reszta pozostaje spokojna i przemyślana.