INO
Muzejní vitrína v tichu – každý exponát se vznáší v bílém prostoru, jako samostatný objekt za sklem, orámovaný téměř černým, sotva slyšitelným písmem
INO funguje jako téměř monochromatická galerie šperků: křišťálově bílé plátno, jediný, teplý, téměř černý inkoust a téměř úplná absence barev. Vizuální systém zachází s každým prstenem jako s muzejním exponátem – fotografie klinických produktů se vznášejí v rozsáhlém negativním prostoru, s hierarchií konstruovanou prostřednictvím pozice, rozteče písmen a objemu bílé, nikoli pomocí měřítka nebo barvy písma. Navigace se nachází ve spodní části stránky a skládá se ze čtyř teček s popisky (vyplněnými nebo prázdnými), což je záměrný opak tradiční horní lišty elektronického obchodování. Samotná značka značky je sada soustředných obrysů prstenců, které odrážejí tvar produktu a slouží spíše jako typografická socha než logo.
Plátno na celou šířku bez omezení maximální šířky obsahu. Hlavní obrazovka zabírá celou šířku stránky, fotografie a grafika jsou rovnoměrně rozděleny (50/50). Produktové mřížky se zobrazují jako třísloupcové řádky s velkorysým horizontálním okrajem od okraje zobrazovacího okna. Spodní navigace je vycentrována a ukotvena k zápatí stránky, nikoli připnuta. Konce sekcí používají buď redakční fotografie na celou obrazovku, nebo čistě bílý prostor – nikdy barevný pruh, dělicí čára ani přechod. Vertikální rytmus je volný: 80/1/1 mezi hlavními sekcemi, což umožňuje stránce dýchat, spíše než být zaplněna obsahem. Není zde žádný postranní panel, žádné mega menu ani horní záhlaví – logo „INO“ se nachází pouze v levém horním rohu hlavní obrazovky.
Existují dva odlišné režimy zobrazení obrazu: klinická produktová fotografie na plochém, světle šedém, bezešvém pozadí (každý prstenec je vyfotografován vycentrovaně, bez rukou, stylizovaných rekvizit nebo povrchových stínů – objekt je protagonista) a narativní redakční snímky (prsten v krabici lemované trávou, ruka držící řetízek), vykreslené jako desaturované, celoobrazovkové redakční fragmenty. Produktové snímky slouží jako produktové karty; redakční snímky vyjadřují náladu značky. Oba jsou černobílé nebo téměř černobílé – tráva na hlavním snímku je jediným náznakem zelené a i ten je tlumený do lesního odstínu. V rozhraní se nepoužívají ikony – veškerou ikonografii nahrazuje soustředný symbol prstence.
Paleta
Neutrální
- Obsidian Ink
#212123— Neutrální stavy formulářů, text ikon a diskrétní zpětná vazba uživatelského rozhraní, kde barevná schémata by měla zůstat nenápadná. - Bone
#ffffff— Plátěné stránky, kartonové povrchy, invertovaný text na tmavém pozadí. Dominantní povrch; téměř celý web se nachází zde. - Carbon
#000000— Výplň ikon, ozdobné grafické obrysy a výplň aktivního stavu pro indikátor navigačního bodu. Používá se střídmě pro maximální tónový kontrast s barvou „kosti“. - Ash
#999999— Středně kontrastní okraje, kontrolní kontury a strukturální děliče. - Pebble
#a6a6a7— Tlumený doprovodný text, tenké oddělovače pro hlavní text a sekundární metadata. Nejsvětlejší funkční šedá se používá pro cenovky a doprovodný text, který by měl ustoupit do pozadí.
Typografie
od 11 do 18 pixelů · 4 kroky
- Sequel100Wide — nahrazení: Jost (400 · obrysy 400 · Jediné firemní písmo používané výhradně v tloušťce 400 ve všech kontextech – navigace, text, nadpisy, názvy, ceny a popisky. Široko rozmístěný geometrický symbol s velkorysým rozestupem písmen odráží celý firemní styl. Absence tučného písma je záměrná: hierarchie je dosažena psaním velkých písmen, rozestupy písmen a umístěním písma, nikoli různou tloušťkou písma.
- Arial — nahrazení: system-ui · obrysy 400 · Systémová záložní funkce pro vykreslování tlačítek ve starších kontextech. Není součástí brandingu – zobrazí se pouze v případě, že se Sequel100Wide nepodaří načíst.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | hustý |
| Základní krok | 23px |
| Poloměr tlačítka | 50px |
| Poloměr karty | 8px |
| Stíny | ne - okraje místo stínů |
| Mezi sekcemi | 80-120px |
Umělá inteligence vám vytvoří web ve stylu INO a naplní ho
- Doplňujte produkty a příspěvky přes odkaz - Instagram, TikTok, Facebook.
- Přeneste obsah ze starého webu – stačí zadat adresu.
- Moderní design na nejlepším enginu: React ( Next.js) s renderováním na serveru a SEO optimalizací ihned po vybalení.
- Plně automatizovaná SEO optimalizace pro výsledky vyhledávání a doporučení neuronových sítí.
Podobné styly
- Airbnb — Tichá bílá galerijní stěna s jedinou korálově červenou záložkou
- Peak Design — Galerijní stěna, částečně osvětlená
- 099 SUPPLY — Galerijní stěna plná černobílých objektů
- Apple (España) — bílá galerijní vitrína
- Apple (España) — Okno galerie v ranní mlze
- Custo — Galerie v barvě dělového kovu s monolitickým písmem. Showroom v tlumených šedozelených tónech, kde jediný tmavý objekt a písmo o velikosti 57px mluví samy za sebe.
- Silencio — Bílá místnost s vznášejícími se artefakty. Galerijní expozice z teplého papíru, kde každý prvek zaujímá své místo na pozadí negativního objemu a ticho je záměrným designovým rozhodnutím.
- Oakâme — Sluncem zalitá provensálská dílna vytesaná z teplého kamene
- Nike — Monochromatická galerie sportovních úspěchů – bílé stěny, produkt jako umělecké dílo, chrom rozpuštěný v pozadí
- Sociotype — Typický muzejní exemplář na bílém papíře
- Arc — Průmyslová bílá galerie nad půlnoční vodou
- Rivian — Elektrický monolit na betonové zdi galerie. Rivian prezentuje každé vozidlo jako sochu na pozadí rozlehlého bílého prostoru s typografií tak velkou, že se stává architektonickým prvkem, a jedinou teplou žlutou barvou, která prolamuje monochromatickou atmosféru, jako sluneční světlo na matném povrchu.