INO
Múzejná vitrína v tichu – každý exponát sa vznáša v bielom priestore, ako samostatný objekt za sklom, orámovaný takmer čiernym, sotva počuteľným písmom
INO funguje ako takmer monochromatická galéria šperkov: ostré biele plátno, jeden, teplý, takmer čierny atrament a takmer úplná absencia farby. Vizuálny systém zaobchádza s každým prsteňom ako s múzejným exponátom – fotografie klinických produktov sa vznášajú v rozsiahlom negatívnom priestore s hierarchiou vytvorenou prostredníctvom pozície, rozstupov písmen a objemu bielej farby, a nie prostredníctvom mierky alebo farby písma. Navigácia sa nachádza v dolnej časti stránky a pozostáva zo štyroch bodiek s popismi (vyplnenými alebo prázdnymi), čo je zámerný opak tradičného horného panela elektronického obchodu. Samotná značka značky je súbor sústredných kontúr kruhov, ktoré odrážajú tvar produktu a slúžia skôr ako typografická socha než ako logo.
Plátno na celú šírku bez maximálneho obmedzenia šírky obsahu. Hlavná obrazovka zaberá celú šírku stránky s rovnomerne rozdelenými fotografiami a grafikou (50/50). Mriežky produktov sa zobrazujú ako trojstĺpcové riadky s veľkorysým horizontálnym okrajom od okraja zobrazovacej oblasti. Spodná navigácia je vycentrovaná a ukotvená k päte stránky, nie je pripnutá. Zalomenia sekcií používajú buď redakčnú fotografiu na celú obrazovku, alebo čisto biely priestor – nikdy farebný pruh, deliaca čiara ani prechod. Vertikálny rytmus je voľný: 80/1/1 medzi hlavnými sekciami, čo umožňuje stránke dýchať, a nie byť zaplnená obsahom. Neexistuje žiadny bočný panel, žiadne mega menu ani horný záhlavie – logo „INO“ sa nachádza výlučne v ľavom hornom rohu hlavnej obrazovky.
Koexistujú dva odlišné režimy zobrazenia obrázkov: klinická produktová fotografia na plochom, svetlosivom, bezšvíkovom pozadí (každý krúžok je vyfotografovaný vycentrovaný, bez rúk, štylizovaných rekvizít alebo povrchových tieňov – objekt je protagonista) a naratívne redakčné obrázky (kruh v krabici lemovanej trávou, ruka držiaca reťaz), vykreslené ako nesaturované, celoobrazovkové redakčné fragmenty. Obrázky produktov slúžia ako karty produktov; redakčné obrázky vyjadrujú náladu značky. Oba sú monochromatické alebo takmer monochromatické – tráva na hlavnom obrázku je jediným náznakom zelenej a aj ten je tlmený do lesného odtieňa. V rozhraní sa nepoužívajú ikony – všetku ikonografiu nahrádza sústredný symbol krúžku.
Paleta
Neutrálny
- Obsidian Ink
#212123— Neutrálne stavy formulárov, text ikon a diskrétna spätná väzba používateľského rozhrania, pričom farebné schémy by mali zostať nenápadné. - Bone
#ffffff— Plátnové stránky, kartónové povrchy, invertovaný text na tmavom pozadí. Dominantný povrch; takmer celá webová stránka sa nachádza tu. - Carbon
#000000— Výplň ikon, ozdobné grafické obrysy a výplň aktívneho stavu pre indikátor navigačného bodu. Používa sa striedmo pre maximálny tónový kontrast s farbou „kosti“. - Ash
#999999— Stredne kontrastné okraje, kontrolné kontúry a štrukturálne deliace prvky. - Pebble
#a6a6a7— Tlmený podporný text, tenké oddeľovače pre hlavný text a sekundárne metadáta. Najsvetlejšia funkčná sivá sa používa pre cenovky a sprievodný text, ktorý by mal ustúpiť do pozadia.
Typografia
od 11 do 18px · 4 kroky
- Sequel100Wide — náhrada: Jost (400 · obrysy 400 · Jediné firemné písmo používané výhradne v hrúbke 400 vo všetkých kontextoch – navigácia, text, nadpisy, názvy, ceny a popisky. Široko rozmiestnený geometrický symbol s veľkorysým rozstupom písmen odráža celý firemný štýl. Absencia tučného písma je zámerná: hierarchia sa dosahuje skôr veľkými písmenami, rozstupmi písmen a umiestnením, než rôznou hrúbkou písma.
- Arial — náhrada: system-ui · obrysy 400 · Záložná funkcia pre celý systém na vykresľovanie tlačidiel v starších kontextoch. Nie je súčasťou brandingu – zobrazí sa iba v prípade, že sa nepodarí načítať Sequel100Wide.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | hustý |
| Základný krok | 23px |
| Polomer tlačidla | 50px |
| Polomer karty | 8px |
| Tiene | nie - okraje namiesto tieňov |
| Medzi sekciami | 80-120px |
Umelá inteligencia vytvorí vašu webovú stránku v štýle INO a naplní ju
- Doplňte produktmi a príspevkami cez odkaz - Instagram, TikTok, Facebook.
- Preneste obsah zo svojej starej stránky – stačí zadať adresu.
- Moderný dizajn na najlepšom engine: React ( Next.js) s vykresľovaním servera a SEO optimalizáciou hneď po vybalení.
- Plne automatizovaná SEO optimalizácia pre výsledky vyhľadávania a odporúčania neurónových sietí.
Podobné štýly
- Airbnb — Tichá biela galerijná stena s jedinou koralovo červenou záložkou
- Peak Design — Galériová stena, čiastočne osvetlená
- 099 SUPPLY — Stena galérie plná čiernobielych predmetov
- Apple (España) — biela vitrína na galériu
- Apple (España) — Okno galérie v rannej hmle
- Custo — Galéria v bronco-farbe s monolitickým písmom. Výstavná sieň v tlmených sivozelených tónoch, kde jeden tmavý objekt a písmo s veľkosťou 57px hovoria samy za seba.
- Silencio — Biela miestnosť s vznášajúcimi sa artefaktmi. Galériová expozícia vyrobená z teplého papiera, kde každý prvok zaujme svoje miesto na pozadí negatívneho objemu a ticho je zámerným dizajnérskym rozhodnutím.
- Oakâme — Slnkom zaliata provensálska dielňa vytesaná z teplého kameňa
- Nike — Monochromatická galéria športových úspechov – biele steny, produkt ako umelecké dielo, chróm rozpustený v pozadí
- Sociotype — Typický múzejný exemplár na bielom papieri
- Arc — priemyselná biela galéria nad polnočnou vodou
- Rivian — Elektrický monolit na betónovej stene galérie. Rivian prezentuje každé vozidlo ako sochu na pozadí rozľahlého bieleho priestoru s typografiou takou veľkou, že sa stáva architektonickým prvkom, a jedinou teplou žltou farbou, ktorá prelamuje monochromatickú atmosféru, ako slnečné svetlo na matnom povrchu.