Custo
Galeria w kolorze stalowo-brązowym z monolityczną czcionką. Salon wystawowy w stonowanych szaro-zielonych odcieniach, gdzie pojedynczy ciemny obiekt i czcionka o szerokości 57 pikseli mówią same za siebie.
Custo funkcjonuje jak galeria produktów przemysłowych: ciepłe, metaliczne płótno stanowi tło dla fizycznego produktu, a wielkoformatowa typografia stanowi główny element wizualny. System jest całkowicie achromatyczny – bez użycia kolorów chromatycznych – co pozwala ciemnej anodowanej ramce i geometrycznej powadze pojedynczego, bezszeryfowego kroju pisma oddać całą osobowość marki. Każdy ekran równoważy rozległą białą przestrzeń monumentalnym akcentem typograficznym, a znak marki powtarza się niczym element niemal architektoniczny. Powierzchnie są płaskie i matowe; głębia tworzona jest poprzez odbicie światła samego produktu, a nie przez cienie czy gradienty.
Układ strony to pionowa struktura jednokolumnowa o maksymalnej szerokości treści ~1280 px, wyśrodkowana w obrębie okna widoku. Główny element strony rozciąga się na całą szerokość strony, renderowany od krawędzi do krawędzi w kolorze Canvas Gunmetal #9ea29f, ze zdjęciem skrzynki pocztowej wyśrodkowanym po prawej stronie i 57-pikselowym logo CUSTO® zakotwiczającym dolną krawędź. Poniżej głównego elementu sekcje naprzemiennie: dwukolumnowy blok tekstu (mały podpis po lewej stronie, duży tytuł po prawej), a następnie pozioma siatka trzech kart ze zdjęciami produktów, następnie dwukolumnowe rzędy tekstu i obrazów, z głównym tekstem naprzemiennie po obu stronach. Odstępy między sekcjami mają 110 px, tworząc znaczną pionową przestrzeń do oddychania. Nawigacja to pojedynczy przezroczysty górny pasek, który zanika do koloru Paper White podczas przewijania. Ikona CES jest stałym, ruchomym elementem w prawym dolnym rogu. Ogólny rytm przypomina galerię: niewiele elementów w każdej sekcji, duża czcionka, szerokie odstępy i zdjęcie produktu jako wizualna interpunkcja pomiędzy paskami tekstu.
Zdjęcia to wyłącznie fotografie produktowe skrzynki pocztowej Custo, wykonane w trzech trybach: portrety całej sylwetki na tle metalowej ramy, zdjęcia lifestylowe prezentujące interakcję człowieka z urządzeniem oraz zbliżenia interfejsu skanera i pierścienia LED. Wszystkie fotografie są wykonane w stonowanych, kontrastowych barwach, a matowoczarne wykończenie skrzynki pocztowej stanowi wizualny punkt odniesienia. Brak ilustracji, abstrakcyjnych grafik i zdjęć stockowych. Zdjęcia są umieszczone na kartach o promieniu 8 pikseli lub wyświetlane w trybie pełnoekranowym za logo o promieniu 57 pikseli. Ikona CES to jedyny wielokolorowy obraz na całej stronie.
Paleta
Neutralny
- Canvas Gunmetal
#9ea29f— Ciepłe, szarozielone tło sekcji głównej i tematycznej odróżnia Custo od standardowych białych szablonów SaaS i sprawia wrażenie bardziej betonu architektonicznego niż cyfrowej powierzchni. - Obsidian
#000000— Tekst główny, cienkie obramowania, kontury ikon - tusz o najwyższym kontraście w systemie, stosowany w nagłówkach i podziałach strukturalnych. - Paper White
#ffffff— Tła z częściami ciała, odwrócony tekst na płótnie w kolorze brązu, tekst na ciemnym tle fotografii produktowej. - Anodized Graphite
#4b514d— Ciemna powierzchnia zdjęć produktów, dodatkowych nagłówków i trójwymiarowego tekstu nawiązuje do wykończenia skrzynki pocztowej, dzięki czemu interfejs użytkownika i produkt wykonane są z tego samego materiału. - Brushed Steel
#8e9194— Stonowany tekst, podziały listy i dodatkowe kontury ikon znajdują się pomiędzy Paper White i Obsidian, gdzie można umieścić osadzone metadane i dyskretne linki. - Linen Mist
#a7aaad— Jasny kolor obramowania i linii podziału nagłówków to delikatny odcień, który w żadnym wypadku nie koliduje ze strukturalnymi liniami koloru obsydianowego.
Typografia
od 15 do 57px · 5 kroków
- PP Neue Montreal — wymiana: Inter · wytyczne 400 (Medium) · Do wszystkiego, od treści po tekst objaśniający, stosowany jest jednolity system typograficzny — cechą charakterystyczną jest jednolitość geometryczna grubości, co pozwala uniknąć stosowania czcionek drugorzędnych lub przeznaczonych specjalnie do wyświetlania. Dzięki temu znak słowny „CUSTO®” o wysokości 57 pikseli odczytywany jest jako należący do tej samej rodziny typograficznej co etykieta pola wprowadzania danych formularza o wysokości 15 pikseli.
Interwały i forma
| Zamiar | Oznaczający |
|---|---|
| Gęstość | przestronny |
| Podstawowy krok | 24px |
| Promień przycisku | 31.35px (pill) for primary action; 8px for secondary |
| Promień karty | 8px |
| Cienie | nie - granice zamiast cieni |
| Między sekcjami | 110px |
| Szerokość strony | 1280px |
Sztuczna inteligencja zbuduje Twoją witrynę w stylu Custo 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
- 099 SUPPLY — Ściana galerii wypełniona czarno-białymi obiektami
- Specht Studio — Ściana galerii wypełniona dyskretną ciekawością. Chromowane wykończenie studia to biała powierzchnia i czarne napisy; wizualne fajerwerki skupiają się wyłącznie na płytkach projektu.
- Structured — Galeria renesansowa na papierze plastelinowym
- Airbnb — Cicha, biała ściana galerii z pojedynczą koralowo-czerwoną zakładką
- VSCO — Monochromatyczna ściana galerii to wystawa czarno-białych fotografii, na których pojedyncze, ciepłe światło punktowe oświetla następującą po sobie akcję.
- Apple (España) — Galeria muzeum, w łagodnym świetle dziennym, stanowi pojedynczą, urzekającą, nieważką białą przestrzeń, w której każdy eksponat jest oświetlony reflektorem umieszczonym na lekko przyciemnionej ścianie.
- Peak Design — Ściana galerii, częściowo oświetlona
- Apple (España) — Wystawa w Galerii Obsidian mieści się w ciemnej sali wystawowej, w której pojedynczy obiekt wykonany z tytanu świeci na tle czarnej smoły.
- Apple (España) — biała gablota wystawowa
- teenage engineering — Katalog przemysłowy oświetlenia studyjnego - na stronie znajduje się tylko jeden istotny obiekt, a wszystko inne jest omówione wokół niego
- Apple (España) — Okno galerii w porannej mgle
- Apple (España) — Galeria Białego Muzeum w południe