INO
Egy múzeumi vitrin csendben – minden kiállítási tárgy fehér térben lebeg, mint egyetlen tárgy üveg mögött, szinte fekete, alig hallható betűtípus keretezi.
Az INO egy szinte monokróm ékszergalériaként funkcionál: ropogós fehér vászon, egyetlen, meleg, szinte fekete tinta, és a színek szinte teljes hiánya. A vizuális rendszer minden gyűrűt múzeumi darabként kezel – klinikai termékfotók lebegnek a hatalmas negatív térben, a hierarchiát a pozíció, a betűköz és a fehér mennyisége, nem pedig a betűméret vagy a szín alapján építik fel. A navigáció az oldal alján található, négy pontból áll, feliratokkal (kitöltve vagy üresen), ami a hagyományos e-kereskedelmi felső sáv szándékos megfordítása. Maga a márkajelzés koncentrikus gyűrűkontúrok halmaza, amely a termék formáját idézi, és inkább tipográfiai szoborként, mint logóként szolgál.
Teljes szélességű vászon, maximális tartalomszélesség-korlátozás nélkül. A főképernyő az oldal teljes szélességét elfoglalja, a fényképek és a grafikák egyenletesen oszlanak meg (50/50). A termékrácsok három oszlopos sorokként jelennek meg, a nézetablak szélétől nagy vízszintes margóval. Az alsó navigáció középre igazított és az oldal láblécéhez van rögzítve, nem pedig rögzítve. A szakasztörések vagy teljes képernyős szerkesztői fotókat, vagy tiszta fehér teret használnak – soha nincs színsáv, elválasztó vonal vagy színátmenet. A függőleges ritmus szabad: 80/1/1 a főbb szakaszok között, így az oldal lélegzik, ahelyett, hogy tartalommal lenne kitöltve. Nincs oldalsáv, nincs megamenü, nincs felső fejlécsáv – az "INO" logó kizárólag a főképernyő bal felső sarkában található.
Két különálló képmegjelenítési mód létezik egyszerre: klinikai termékfotó sík, világosszürke, zökkenőmentes háttéren (mindegyik gyűrű középre van állítva, kezek, stilizált kellékek vagy felületi árnyékok nélkül – a tárgy a főszereplő) és narratív szerkesztői képek (egy gyűrű fűvel szegélyezett dobozban, egy láncot tartó kéz), amelyeket telítetlen, teljes képernyős szerkesztői töredékekként jelenítenek meg. A termékképek termékkártyákként szolgálnak; a szerkesztői képek a márka hangulatát közvetítik. Mindkettő monokróm vagy közel monokróm – a fő képen a fű az egyetlen zöld árnyalat, és még az is erdőárnyalatúra tompított. A kezelőfelületen nem használnak ikonokat – egy koncentrikus gyűrű szimbólum helyettesíti az összes ikonográfiát.
Paletta
Semleges
- Obsidian Ink
#212123— Semleges űrlapállapotok, ikonszövegek és diszkrét felhasználói felület-visszajelzés, miközben a színsémáknak diszkrétnek kell maradniuk. - Bone
#ffffff— Vászonlapok, kartonfelületek, sötét háttéren fordított szöveg. A domináns felület; szinte az egész weboldal itt található. - Carbon
#000000— Ikonkitöltés, dekoratív grafikus körvonalak és aktív állapotkitöltés a navigációs pont jelzőjéhez. Kevésbé használva a maximális tónuskontraszt érdekében a "csont" színnel. - Ash
#999999— Közepes kontrasztú szegélyek, vezérlő kontúrok és szerkezeti elválasztók. - Pebble
#a6a6a7— Visszafogott kiegészítő szöveg, vékony elválasztók a fő szöveg és a másodlagos metaadatok számára. A legvilágosabb funkcionális szürke színt az árcédulákhoz és a kísérő szöveghez használják, amelynek a háttérbe kell húzódnia.
Tipográfia
11-ről 18 képpontra · 4 lépésben
- Sequel100Wide — csere: Jost (400 · körvonalak 400 · Az egyetlen vállalati betűtípus, amelyet kizárólag a 400-as vastagságban használnak minden kontextusban – navigáció, törzsszöveg, címsorok, címsorok, árképzés és feliratok. A szélesen elhelyezett geometriai szimbólum és a nagy betűközök tükrözik a teljes vállalati stílust. A félkövér vastagság hiánya szándékos: a hierarchiát a nagybetűk, a betűközök és az elhelyezés révén érik el, nem pedig a betűvastagság változtatásával.
- Arial — csere: system-ui · körvonalak 400 · Rendszerszintű tartalék megoldás a gombok megjelenítéséhez régi környezetekben. Nem része a márkajelzésnek – csak akkor jelenik meg, ha a Sequel100Wide betöltése sikertelen.
Intervallumok és forma
| Cél | Jelentés |
|---|---|
| Sűrűség | sűrű |
| Alapvető lépés | 23px |
| Gomb sugara | 50px |
| Kártya sugara | 8px |
| Árnyékok | nincs - szegélyek árnyékok helyett |
| Szakaszok között | 80-120px |
A mesterséges intelligencia INO stílusban fogja elkészíteni a weboldaladat, és kitölti azt.
- Töltsd fel termékeidet és posztjaidat a linkeken keresztül - Instagram, TikTok, Facebook.
- Tartalom átvitele régi webhelyéről – csak adja meg a címet.
- Modern dizájn a legjobb keresőmotoron: React ( Next.js) szerveralapú rendereléssel és SEO optimalizálással, azonnal használható formában.
- Teljesen automatizált SEO optimalizálás a keresési eredményekhez és a neurális hálózati ajánlásokhoz.
Hasonló stílusok
- Airbnb — Egy csendes fehér galériafal egyetlen korallvörös könyvjelzővel
- Peak Design — Galériafal, részben megvilágítva
- 099 SUPPLY — Egy galériafal, tele fekete-fehér tárgyakkal
- Apple (España) — fehér galériavitrin
- Apple (España) — Galériaablak a reggeli ködben
- Custo — Egy fegyverszürke színű galéria monolitikus betűtípussal. Egy visszafogott szürkészöld tónusú bemutatóterem, ahol egyetlen sötét tárgy és az 57px-es betűtípus magáért beszél.
- Silencio — Egy fehér szoba lebegő műtárgyakkal. Meleg papírból készült galériakiállítás, ahol minden elem a negatív térfogatú háttér előtt foglalja el a helyét, a csend pedig szándékos tervezési döntés.
- Oakâme — Egy napsütötte provence-i műhely, meleg kőből faragva
- Nike — Sportteljesítmények monokróm galériája – fehér falak, a termék mint műalkotás, a króm a háttérbe olvadva
- Sociotype — Egy tipikus múzeumi példány fehér papíron
- Arc — ipari fehér galéria éjféli víz felett
- Rivian — Egy elektromos monolit a galéria betonfalán. Rivian minden járművet szoborként mutat be egy hatalmas fehér tér előtt, olyan nagyméretű tipográfiával, hogy az építészeti elemmé válik, és egyetlen meleg sárga színnel, amely megtöri a monokróm hangulatot, mint a napfény egy matt felületen.