Caldera

Paleta

Marka

• Ember #fc5000 — Jedynym wyrazistym akcentem kolorystycznym są główne przyciski akcji, karty statystyk i kluczowe elementy wizualne; ich bogactwo na tle ciepłych odcieni szarości tworzy poczucie pilności bez potrzeby stosowania dodatkowych elementów dekoracyjnych.
• Plasma Violet #524ae9 — Główna podstawa gradientu półtonowego, jedna dodatkowa powierzchnia karty - używana niemal wyłącznie w głównym wzorze punktowym i na jednej dedykowanej karcie; nigdy nie używana do sterowania.

Neutralny

• Sulfur #f5f28e — Tło ikon tagów i kategorii, małych wyróżnień, jest w kolorze jasnożółtym, używanym do oznaczania kategorii wpisów na blogu i ogłoszeń programowych.
• Limestone #f7f6f2 — Powierzchnie kart, tła bloków treści i dodatkowe wypełnienia przycisków mają jaśniejszy, cieplejszy odcień bieli, dzięki czemu elementy wyróżniają się na płótnie strony.
• Pumice #e2e2df — Główne tło strony ma ciepły, średnioszary kolor i stanowi podstawę każdej sekcji. Jest ono nieco ciemniejsze od powierzchni tekturki, co pozwala na subtelne oddzielenie figury od tła bez cieni.
• Obsidian #070607 — Tekst główny, nagłówki, tekst linków i ramki przycisków są niemal czarne, z ledwo zauważalnym ciepłym odcieniem, który pasuje do ciepłych kolorów płótna.
• Chalk #ffffff — Tekst w ciemnych sekcjach, tekst wejściowy na ciemnych tłach, nakładki o wysokim kontraście — Czystą biel stosuje się wyłącznie w miejscach, w których wymagany jest maksymalny kontrast z ciemnymi powierzchniami.

Typografia

od 12 do 189px · 10 kroków

• PP Neue Corp Compact — wymiana: Bebas Neue · wytyczne 400 (Ultrabold cut) · Wszystkie nagłówki i tekst wyświetlany. Specjalnie zaprojektowana, skondensowana, ultrapogrubiona czcionka nadaje nagłówkom industrialny, przypominający znaki charakter. Rozmiar 189 pikseli w bloku głównym odzwierciedla charakterystyczny styl marki: skondensowany, niemal strukturalny, a nie typograficzny. Ustawienia „ss06” i „ss10” aktywują alternatywne kształty liter i odstępy, zapewniając bardziej agresywny, skondensowany rytm. Dodatnie odstępy między literami (+0,02 em) są nietypowe dla rozmiarów wyświetlaczy i zapobiegają wrażeniu ściśnięcia tekstu w zakresie 80–189 pikseli.
• DM Sans — wymiana: Inter · wytyczne 500 (Medium only — never Regular or Bold) · Tekst główny, linki nawigacyjne, etykiety przycisków i nagłówki drugorzędne mają do 30 pikseli. Średnia grubość czcionki została wybrana celowo – czcionka Regular wyglądałaby zbyt wąsko w zestawieniu z czcionką Extra-Bold, a Bold konkurowałaby z nią. Czcionka DM Sans tworzy humanistyczny, lekko geometryczny kontrast z industrialną czcionką nagłówków.
• System sans-serif — wymiana: Inter · wytyczne 400 · Napisy, metatekst, daty, mikrotagi. Używane tylko w rozdzielczości 12 px, gdzie waga i rozpoznawalność marki są mniej ważne niż oszczędność rozmiaru.

Interwały i forma

Podobne style

• teenage engineering — Katalog przemysłowy oświetlenia studyjnego - na stronie znajduje się tylko jeden istotny obiekt, a wszystko inne jest omówione wokół niego
• basement — Pusta maszyna drukarska o trzeciej nad ranem – ogromne, skompresowane czcionki rozciągające się po czarnej smole, pojedynczy promyk pomarańczowego światła na pasku nawigacyjnym, wszystko inne białe lub upiornie szare.
• amra — Tęczowa kula na białym tle — lawendowy akcent to jedyny pulsujący kolor na niemal idealnie achromatycznej stronie, a pojedyncza gradientowa kula pełni funkcję, którą zwykle pełni główna ilustracja.
• Stink Studios — Studio filmowe o północy – projektor brzęczy, w pomieszczeniu jest ciemno, oświetlony jest tylko film
• Andrei Rybin — Monochromatyczny szkicownik to designerski notatnik, w którym ekrany telefonów są przymocowane do białej ściany niczym arkusze stykowe.
• Uniswap Cup — Transmisja zawodów e-sportowych odbywa się na makiecie – różowy marker wyznacza siatkę białych kwadratów i cienkich linii
• Freytag Anderson — Kurtyna w kinie podnosi się na dźwięk jednego słowa. Ogromny ruchomy obraz zajmuje cały ekran, nazwa marki widnieje w rogu niczym tytuł i nic innego nie rozprasza.
• Integrated Biosciences — laboratorium bioluminescencji o północy
• Vercel — Terminal wydrukowany na białym papierze
• Mintlify — Ogród chmur nad szklanym stołem. Ręcznie rysowane niebo i dokument są ze sobą połączone – to jedyne miejsce, gdzie kolor i koncepcja spotykają się, zanim strona rozpłynie się w mnisiej bieli.
• Gleap — Przestrzeń robocza utrzymana w ciepłych kremowych odcieniach z grafitowymi akcentami — studio, w którym matowe, czarne kropki atramentu zdają się unosić nad lnianą architekturą.
• ClickUp — Potężny pulpit nawigacyjny na białym marmurze. Strona jest broszurą produktową narzędzia do zwiększania produktywności, więc język wizualny został zapożyczony z samego produktu: gęste listy, wskaźniki statusu, grupy awatarów i wyraziste oznaczenia typograficzne, które wyglądają jak specyfikacja produktu na wyświetlaczu.