
Ventriloc
Obserwatorium redakcyjne danych na temat ciepłego papieru – pojedynczy pomarańczowy żar podkreślający monochromatyczną precyzję
Ventriloc przemawia cichym, redakcyjnym głosem: ciepłe, czyste białe płótno, monospace'owe, precyzyjne karty danych i pojedynczy pomarańczowy grafit, który podkreśla monochromatyczność niczym zakreślacz w wydrukowanym raporcie. System łączy specjalnie zaprojektowany neogroteskowy krój pisma (PolySans) o grubości 400 punktów w nagłówkach – niezwykłej powściągliwości, która poświęca autorytet objętości na rzecz autorytetu precyzji – z Inter w treści i elementach interfejsu. Powierzchnie są utrzymane w ciepłych szarościach i kremach, a nie w chłodnym, technicznym błękicie, karty mają asymetryczne zaokrąglenia narożników (ostry prawy górny róg, miękki w pozostałych miejscach), a elementy interaktywne są podzielone na dwa odrębne dialekty: ostrokątne przyciski tekstowe i pojemniki nawigacyjne w kształcie pigułek. Kolory są używane oszczędnie: strony powinny być projektowane w stylu achromatycznym w 95% przypadków, a pomarańczowy jest używany wyłącznie jako funkcjonalny znak interpunkcyjny do wyróżniania, podkreślania linków i dekoracyjnych akcentów danych.
Maksymalna szerokość kontenera wynosi 1200 px, jest on wyśrodkowany, z szerokimi odstępami 80 px między sekcjami. Główny element jest podzielony na dwie kolumny: po lewej stronie znajduje się nagłówek, podtekst i zestaw dwóch przycisków wezwania do działania; po prawej grupa trzech nakładających się kart danych (wykres finansowy, statystyki przychodów, pierścień rentowności) unoszących się na białym płótnie. Poniżej głównego elementu znajduje się pasek z logo partnera o pełnej szerokości na białym tle. Kolejne sekcje są naprzemiennie ozdobione hasłem Ash (#efefef) i białymi paskami. Nawigacja to unoszący się w powietrzu kontener w kształcie pigułki, wyśrodkowany na nagłówku, z logo marki wyrównanym do lewej i ciemnym przyciskiem „Skontaktuj się z nami” wyrównanym do prawej. Ogólny rytm jest przestronny i redakcyjny – szerokie marginesy, wysokie sekcje i karty danych stanowiące jedyną wizualną interpunkcję poza typografią.
Projekt wizualny jest niemal w całości oparty na danych: widżety wykresów (wykresy liniowe, okrągłe paski postępu, karty statystyk) zaprojektowano w płaskim, minimalistycznym stylu z cienkimi pomarańczowymi i mosiężnymi liniami na białych, tekturowych powierzchniach. Na stronie głównej nie ma zdjęć lifestylowych, zdjęć stockowych ani ilustracji. Jedyną treścią fotograficzną są logo partnerów/klientów, przedstawione monochromatycznym, grafitowym kolorem. Język wizualny jest bliższy drukowanemu raportowi rocznemu niż typowej witrynie SaaS — wykresy SĄ obrazami. Ikony są cienkie, monoliniowe i w kolorze grafitowym, pojawiają się oszczędnie na pasku nawigacyjnym i w nagłówkach kart.
Paleta
Marka
- Ember Orange
#ff682c— Kolor pomarańczowy służy do wyróżniania linków, tagów i krótkich fraz. Nie powinien być używany jako kolor podstawowy w wezwaniach do działania.
Neutralny
- Graphite
#202020— Tekst główny, nagłówki, łącza nawigacyjne, kontury ikon – stanowią typograficzną podstawę każdego elementu interfejsu. - Canvas White
#ffffff— Tło strony, wysokość karty, wypełnienie ikony — najjaśniejsza powierzchnia w systemie. - Ash
#efefef— Główne tło karty i sekcji, kontener paska nawigacyjnego, ma przeważnie ciepłą, szarą powierzchnię. - Fog
#f5f5f5— Subtelny odcień tła dla zagnieżdżonych powierzchni i kontenerów wtórnych. - Ivory
#ebe6dd— Ciepłe, akcentujące tło głównych bloków - papierowe w dotyku. - Steel
#4d4d4d— Tekst główny drugorzędny, długi tekst akapitowy
Typografia
od 14 do 66px · 5 kroków
- PolySans — wymiana: Inter Tight or Space Grotesk at weight 400 · wytyczne 400 · Nagłówki i tekst ozdobny – specjalnie zaprojektowany, neogroteskowy krój pisma, używany wyłącznie w grubości 400 i odstępie między literami -0,02 em, tworzy subtelną autorytatywną całość, której nie zapewni żaden pogrubiony nagłówek.
- Inter — wymiana: system-ui or Roboto · wytyczne 400, 500, 600 · Tekst główny, etykiety elementów interfejsu użytkownika, tekst przycisków, nagłówki, metadane — uniwersalna czcionka bezszeryfowa do wszystkiego, co nie jest nagłówkiem.
Interwały i forma
| Zamiar | Oznaczający |
|---|---|
| Gęstość | przeciętny |
| Podstawowy krok | 20px |
| Promień przycisku | 0px |
| Promień karty | 8px |
| Cienie | nie - granice zamiast cieni |
| Między sekcjami | 80px |
| Szerokość strony | 1200px |
Sztuczna inteligencja zbuduje Twoją witrynę w stylu Ventriloc 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
- Ui — plan kliniczny na papierze matowym
- Geniestudio — Miękki notes do czytania w świetle dziennym – taki z szerokimi marginesami i jedną grubą kreską pióra
- xAI — Ciepły krem laboratoryjny z czarną tabletką
- Cal — Monochromatyczna praktyczność, ludzkie podejście. System, który stawia na przejrzystość i funkcjonalność poprzez surową paletę czerni i bieli, ale łagodzi ją przyjazną typografią i zaokrąglonymi kształtami.
- Scale — Wysokiej jakości laboratorium fotograficzne o jakości muzealnej połączone z projektem technicznym
- Contractbook — kontrakty na kremowy papier pod ultramarynowym niebem
- AutoSend — Przytulne, kamienne studio z pojedynczą, fioletową lampą, w którym szeryfowe nagłówki i jaskrawe, indygowe wezwania do działania współistnieją w jednej cichej, niemal białej przestrzeni.
- Air — rzeźba „Północne niebo przez szkło”
- SpatialChat — fioletowy puls na białym pergaminie
- Squarespace — Kinowa galeria monochromatyczna
- Giga — Północny horyzont nad zmrożonym obsydianem
- Supabase — Edytor kodu o północy z fosforyzującą zieloną kropką – pojedynczym impulsem chromatycznym na morzu pyłu węglowego