INO
Eng Musée-Vitrine am Stillen – all Exponat schwëmmt an engem wäisse Raum, wéi en eenzegt Objet hannert Glas, gerummt vun enger bal schwaarzer, kaum héierbarer Schrëft
INO funktionéiert wéi eng bal monochrom Bijousgalerie: eng wäiss Leinwand, eng eenzeg, waarm, bal schwaarz Tënt, an eng bal total Absenz vu Faarf. De visuelle System behandelt all Rank wéi e Musée-Stéck - klinesch Produktfotoen, déi an engem grousse negativen Raum schwiewen, mat enger Hierarchie, déi duerch Positioun, Buschtawenofstand an d'Volumen vu Wäiss konstruéiert gëtt, anstatt duerch Schrëftgréisst oder Faarf. D'Navigatioun ass um Enn vun der Säit a besteet aus véier Punkten mat Etiketten (gefëllt oder eidel), eng bewosst Ëmkéierung vun der traditioneller ieweschter Leescht am E-Commerce. D'Markenzeechen selwer ass eng Rei vu konzentresche Rankkonturen, déi d'Form vum Produkt widderspigelen an als typographesch Skulptur amplaz vun engem Logo déngen.
Eng Leinwand a voller Breet ouni maximal Inhaltsbreetlimit. Den Haaptbildschierm hëlt déi ganz Breet vun der Säit an, mat Fotografie a Grafiken, déi gläichméisseg opgedeelt sinn (50/50). Produktgitter ginn als Reien mat dräi Kolonnen mat engem generéise horizontalen Rand vum Rand vum Viewport ugewisen. D'Navigatioun ënnen ass zentréiert an um Säitefouss verankert, anstatt festgehalen. Sektiounsënnerbriech benotzen entweder redaktionell Fotografie am Vollbildmodus oder reng wäisst Raum - ni eng Faarfbalk, Trennlinn oder Verlängerung. De vertikale Rhythmus ass fräi: 80/1/1 tëscht den Haaptsektiounen, sou datt d'Säit ootme kann anstatt mat Inhalt gefëllt ze sinn. Et gëtt keng Sidebar, kee Mega-Menü, keng iewescht Headerbar - den "INO" Logo ass nëmmen an der ieweschter lénkser Ecke vum Haaptbildschierm ze fannen.
Et gëtt zwou verschidde Bildanzeigemodi: klinesch Produktfotografie op engem flaache, hellgroen, nahtlosen Hannergrond (jiddwer Rank gëtt zentréiert fotograféiert, ouni Hänn, stiliséiert Requisiten oder Uewerflächenschatten - den Objet ass de Protagonist) an narrativ redaktionell Biller (e Rank an enger mat Gras gesäumter Këscht, eng Hand déi eng Kette hält), déi als desaturéiert, Vollbild-redaktionell Fragmenter duergestallt ginn. Produktbiller déngen als Produktkaarten; d'redaktionell Biller vermëttelen d'Stëmmung vun der Mark. Béid sinn monochrom oder bal monochrom - d'Gras am Haaptbild ass deen eenzege Hiweis vu Gréng, a souguer dat ass op e Bëschtéin gedämpft. Ikonen ginn net an der Interface benotzt - e konzentrescht Ranksymbol ersetzt all Ikonographie.
Palette
Neutral
- Obsidian Ink
#212123— Neutral Formzoustänn, Ikontext an diskret UI-Feedback, wou Faarfschemae onopfälleg bleiwe sollen. - Bone
#ffffff— Leinwandsäiten, Kartonoberflächen, ëmgedréinten Text op engem donkelen Hannergrond. Déi dominant Uewerfläch; bal déi ganz Websäit ass hei ze fannen. - Carbon
#000000— Ikonenfëllung, dekorativ grafesch Konturen an aktiv Zoustandsfëllung fir den Navigatiounspunktindikator. Spuersam benotzt fir maximalen Tonalkontrast mat der "Knach"-Faarf. - Ash
#999999— Mëttelkontrastgrenzen, Kontrollkonturen a strukturell Trennwänn. - Pebble
#a6a6a7— Ënnerdréckten Ënnerstëtzungstext, dënn Trenner fir den Haapttext a sekundär Metadaten. Déi hellst funktionell Grofaarf gëtt fir Präisschëlter an Begleedungstext benotzt, deen am Hannergrond soll stoen.
Typographie
vun 11 bis 18px · 4 Schrëtt
- Sequel100Wide — Ersatz: Jost (400 · Konturen 400 · Déi eenzeg Firmenschrëft, déi exklusiv an der 400-Gewiichtsschrëft a jiddfer Kontext benotzt gëtt - Navigatioun, Kierpertext, Iwwerschrëften, Titelen, Präisser a Beschreiwungen. Dat wäit ofgestëmmt geometrescht Symbol mat generéisem Buschtawenofstand reflektéiert de gesamte Firmenstil. D'Feele vun enger fettgewiichter Schrëft ass absichtlech: d'Hierarchie gëtt duerch Groussbuchstawen, Buschtawenofstand a Positionéierung erreecht, anstatt duerch variéierend Schrëftgewiicht.
- Arial — Ersatz: system-ui · Konturen 400 · E systemwäite Fallback fir d'Rendering vu Knäppercher a Legacy-Kontexter. Et ass net Deel vum Branding - et erschéngt nëmmen wann Sequel100Wide net gelueden ka ginn.
Intervaller a Form
| Zweck | Bedeitung |
|---|---|
| Dicht | dicht |
| Basis Schrëtt | 23px |
| Knäppchenradius | 50px |
| Kaarteradius | 8px |
| Schied | keng Grenzen amplaz vu Schied |
| Tëscht de Sektiounen | 80-120px |
KI baut Är Websäit am Stil vun INO op a fëllt se aus
- Fëllt mat Produkter a Posts iwwer de Link aus - Instagram, TikTok, Facebook.
- Inhalt vun Ärer aler Säit transferéieren - gitt einfach d'Adress un.
- Modernen Design op der beschter Engine: React ( Next.js) mat Serverrendering an SEO Optimiséierung direkt aus der Këscht.
- Vollautomatesch SEO-Optimiséierung fir Sichresultater an Empfehlungen fir neuronal Netzwierker.
Ähnlech Stiler
- Airbnb — Eng roueg wäiss Galeriemauer mat engem eenzege korallroude Lieszeechen
- Peak Design — Galeriemauer, deelweis beliicht
- 099 SUPPLY — Eng Galeriemauer gefëllt mat schwaarz-wäissen Objeten
- Apple (España) — wäiss Galerievitrin
- Apple (España) — Eng Galeriefënster am Moiesniwwel
- Custo — Eng gunmetallfaarweg Galerie mat enger monolithescher Schrëft. E Showroom a gedämpfte gro-gréngen Téin, wou een eenzegt donkelt Objet an eng 57px Schrëft fir sech schwätzen.
- Silencio — E wäisst Zëmmer mat schwiewenden Artefakten. Eng Galerieausstellung aus waarmem Pabeier, wou all Element seng Plaz virun engem Hannergrond vu negativem Volumen anhëlt, an d'Rou eng bewosst Designentscheedung ass.
- Oakâme — E sonneverschwonnent provençalescht Atelier aus waarme Steen geschnëtzt
- Nike — Eng monochrom Galerie vu sportleche Leeschtungen – wäiss Maueren, d'Produkt als Konschtwierk, Chrom am Hannergrond opgeléist
- Sociotype — E typescht Musée-Exemplar op wäissem Pabeier
- Arc — industriell wäiss Galerie iwwer Mëtternuechtswaasser
- Rivian — En elektresche Monolith op der Betonmauer vun der Galerie. De Rivian presentéiert all Gefier als Skulptur virun engem risege wäisse Raum, mat enger Typographie déi sou grouss ass, datt se zu engem architektoneschen Element gëtt, an engem eenzege waarme Giel, dat déi monochromatesch Atmosphär brécht, wéi Sonneliicht op enger matter Uewerfläch.