Creative Giants
Plakat redakcyjny w dużym formacie na kremowym papierze
Creative Giants wygląda jak rozkładówka z albumu artystycznego, renderowana w kodzie: ciepłe, kremowe płótno, cienkie marginesy i czcionka tak duża, że bardziej przypomina plakat niż nagłówek. Cały system działa w oparciu o przestrzeń negatywną i jeden, lekki rozmiar (300) – nagłówki są ledwo słyszalne przy 64–84 px, zamiast wyróżniać się pogrubieniem, a odstępy między literami gwałtownie maleją (-0,04 em) wraz ze wzrostem rozmiaru czcionki, przez co słowa wydają się wyrzeźbione, a nie odklejone. Kolorystyka jest rozłożona drobnymi, nasyconymi pociągnięciami pędzla: żywy fiolet, głęboki turkus, jasny błękit, intensywny róż, mięta i granat pojawiają się jako powierzchnie kart lub akcenty, a nie wypełnienia tła. Elementy interaktywne to czarne kształty na kremowym tle o całkowicie zaokrąglonych promieniach (1440 px), podczas gdy elementy chromowane są prawie niewidoczne – pojedyncze okrągłe logo i przycisk „Menu” unoszą się w białej przestrzeni. Koncepcja wizualna to arkusz kontaktowy studia produkcyjnego: jeden ogromny nagłówek, jedno zdjęcie na całą szerokość strony, jedna cicha linijka metatekstu. Każda inna strona powinna być utrzymana w tym samym lakonicznym stylu.
Układ strony całkowicie wypełniony: Brak kontenera o maksymalnej szerokości; treść zajmuje całą szerokość strony z równymi marginesami po lewej i prawej stronie (16–32 px na urządzeniach mobilnych, 32 px i więcej na komputerach). Główny nagłówek to pojedynczy, duży tytuł („GIGANCI KREATYWNI” o szerokości 84 px) zajmujący około 40% obszaru wyświetlania, po którym bezpośrednio następuje zdjęcie całkowicie wypełnione z meta tagiem w lewym dolnym rogu i nakładką tytułu. Rytm sekcji jest monolityczny: każda nowa sekcja zaczyna się od niewielkiej ilości tekstu pisanego wielkimi literami i wyjaśnienia, oddzielonych odstępem 48–64 px — nie ma naprzemiennych ciemnych/jasnych pasów, z wyjątkiem jednej odwróconej karty akcentowej w kolorze Navy Ink. Treść jest wyrównana do lewej; nie ma wyśrodkowanych bloków, z wyjątkiem głównego nagłówka. Sekcja wiadomości/studiów przypadku wykorzystuje trzykolumnową siatkę kart z ruchomym blokiem strzałek po prawej stronie. Nawigacja odbywa się za pomocą pojedynczego nagłówka – bez paska bocznego ani żadnych zakotwiczonych elementów poza samym nagłówkiem. Ogólny układ jest obszerny i spójny ze stylem redakcyjnym: każda sekcja jest dynamiczna, a biała przestrzeń stanowi główny element strukturalny.
W projekcie dominuje fotografia redakcyjna: obrazy zajmują całą szerokość strony, z ostrymi kątami, bez nakładania się ani zaokrąglonych masek. Styl skłania się ku dokumentalnym i nastrojowym zdjęciom – pomarszczone dłonie, instalacje publiczne i swobodne ujęcia ludzi – bez użycia inscenizowanej fotografii produktowej. Obrazy są zawsze prezentowane w dużej skali (na całej szerokości ekranu lub wypełniające całą kartę), więc jednostką projektową jest fotografia, a nie interfejs użytkownika. Nie ma ilustracji, modeli 3D ani makiet produktów. Ikonografia jest minimalna: pojedyncze, małe, okrągłe logo, obrysowane szewrony na elementach sterujących karuzelą i lekkie ikony interfejsu użytkownika o obrysie 1 piksela. Gęstość obrazu jest określana przez sam obraz, a tekst służy jako dyskretna warstwa adnotacji pod lub nad fotografią.
Paleta
Marka
- Magenta Bloom
#8a0467— Różowy jest używany jako drugorzędny akcent w detalach dekoracyjnych i do wyróżnienia rzadziej używanych zapytań w wyszukiwarce. Nie powinien być używany jako kolor podstawowy w wezwaniu do działania. - Forest Teal
#03624c— Wyrazisty, markowy kolor wiodący w przypadku ramek kartek i elementów dekoracyjnych; w połączeniu z kolorem Magenta Bloom pozwala uzyskać dwukolorowe wykończenie.
Neutralny
- Bone White
#fffef7— Płótno strony, tekturowe powierzchnie i tekst na ciemnych akcentach mają ciepły, kremowy odcień, który zastępuje czysty #ffffff i nadaje całemu systemowi papierowy, zadrukowany wygląd. - Ink Black
#000000— Ciemny kolor uzupełnia neutralny tekst i ikony, tworząc silny kontrast. Unikaj stosowania go jako koloru podstawowego w wezwaniach do działania. - Graphite
#666666— Tekst drugorzędny, podpisy, metadane i tekst pomocniczy są spychane na dalszy plan, aby umożliwić dominację tekstu głównego. - Ash
#aaaaaa— Kolor obramowania pola wprowadzania danych, kolor nieaktywnego łącza, separatory trzeciorzędne — miękki, strukturalny szary kolor, który znika, gdy nie jest potrzebny. - Charcoal Scale
#4d4c4a— Średnio neutralny odcień dla obramowań listy, z delikatnym wzmocnieniem kontrastu na ścieżce ciemnego gradientu – ciepła szarość, a nie niebieskoszara. - Powder Blue
#a5c8eb— Delikatne akcenty kolorystyczne — tła jak z pocztówki, rozmyte tła, stonowane wypełnienia ilustracji — ochładzają ciepłe tło, nie wprowadzając jednocześnie rywalizacji.
Typografia
od 12 do 84px · 7 kroków
- Switzer — wymiana: Inter (300 · wytyczne 300, 400 · System z jedną czcionką: grubość 300 dla wszystkich elementów wyświetlania i nagłówków (12–84 px), grubość 400 dla tekstu głównego, metadanych i elementów sterujących interfejsu użytkownika. Preferowaną opcją jest użycie grubości 300 dla rozmiarów 64–84 px – większość systemów używa tu czcionki pogrubionej 700–800; jasna czcionka Switzer zachowuje cienkie linie, tworząc wrażenie natryskiwanego tekstu na kremowym płótnie. Ciaśniejsze odstępy między literami wraz ze wzrostem rozmiaru (-0,04 em przy 84 px, -0,018 em przy 14 px) utrzymują otwarte przestrzenie wewnętrzne, bez efektu przerzedzenia.
Interwały i forma
| Zamiar | Oznaczający |
|---|---|
| Gęstość | przeciętny |
| Podstawowy krok | 8px |
| Promień przycisku | 1440px |
| Promień karty | 0px |
| Cienie | nie - granice zamiast cieni |
| Między sekcjami | 64px |
Sztuczna inteligencja zbuduje Twoją witrynę w stylu Creative Giants i wypełni ją
- Uzupełnij produktami i postami za pomocą linku - Instagram, TikTok, Facebook.
- Przenieś zawartość ze starej witryny — wystarczy podać adres.
- Nowoczesny design na najlepszym silniku: React ( Next.js) z renderowaniem serwerowym i optymalizacją SEO od razu po wyjęciu z pudełka.
- W pełni zautomatyzowana optymalizacja SEO dla wyników wyszukiwania i rekomendacje sieci neuronowych.
Podobne style
- ElevenLabs — Fotoesej w ciepłych, kremowych tonach z subtelnymi nagłówkami. Notatnik w stylu Bauhaus – papier w kolorze skorupki jajka, czarny tusz i pojedynczy fioletowo-pomarańczowy akcent do ekspozycji produktu.
- monopo saigon — Płynna, opalizująca poświata za redakcyjną ciszą – monochromatyczna galeria redakcyjna unosząca się na roztopionym świetle
- Awesomic — Siatka cynkowa redakcyjna z pomarańczowymi znakami interpunkcyjnymi przypominającymi konfetti
- Monad — czasopismo techniczne redakcyjne na ciepłym pergaminie
- Dub — Panel sterowania z matowego papieru ryżowego firmy Link
- Seline Analytics — Cichy analityczny stół na ciepłym papierze
- Notion — Ciepły papierowy notatnik w południowym słońcu
- Hyer Aviation — Zmierzch w kokpicie nad pergaminem. Blade niebo o świcie spotyka się z szeryfowym logo wielkości kadłuba, a pojedynczy, ciepły, gliniany akcent przełamuje monochromatyczną powściągliwość.
- Anthropic — Naukowy dziennik terenowy na ciepłym pergaminie — spokojne, kości słoniowe powierzchnie, szeryfowe nagłówki redakcyjne i pojedynczy gliniany akcent, który pojawia się tylko wtedy, gdy zachodzi potrzeba działania.
- Calendly — Ciemnoniebieski tusz na zimnym marmurze
- Augen Pro — Biała prezentacja Apple charakteryzuje się klinicznym, lekkim, elektryzującym błękitem jako jedynym akcentem w monochromatycznej przestrzeni.
- OFF+BRAND. — Tęczowa kula na ciepłym pergaminie