INO
En museimonter i tystnad – varje utställningsföremål svävar i ett vitt utrymme, likt ett enda objekt bakom glas, inramat av en nästan svart, knappt hörbar font
INO fungerar som ett nästan monokromt smyckesgalleri: en skarp vit duk, ett enda, varmt, nästan svart bläck och en nästan total frånvaro av färg. Det visuella systemet behandlar varje ring som ett museiföremål – kliniska produktfotografier som svävar i ett expansivt negativt utrymme, med en hierarki konstruerad genom position, bokstavsavstånd och volymen av vitt snarare än genom teckensnittsskala eller färg. Navigeringen finns längst ner på sidan och består av fyra punkter med etiketter (fyllda eller tomma), en avsiktlig omvändning av den traditionella e-handelslisten. Själva varumärket är en uppsättning koncentriska ringkonturer som återspeglar produktens form och fungerar som en typografisk skulptur snarare än en logotyp.
En arbetsyta i full bredd utan maximal innehållsbredd. Huvudskärmen tar upp hela sidans bredd, med fotografier och grafik jämnt fördelade (50/50). Produktrutnät visas som rader med tre kolumner med en generös horisontell marginal från kanten av visningsporten. Navigeringen längst ner är centrerad och förankrad i sidfoten, snarare än fäst. Avsnittsbrytningar använder antingen redaktionell fotografering i helskärm eller rent vitt utrymme – aldrig en färgrad, skiljelinje eller gradient. Den vertikala rytmen är fri: 80/1/1 mellan huvudavsnitten, vilket gör att sidan kan andas snarare än att fyllas med innehåll. Det finns ingen sidofält, ingen megameny, ingen sidhuvudrad överst – "INO"-logotypen finns enbart i det övre vänstra hörnet av huvudskärmen.
Två distinkta bildvisningslägen samexisterar: klinisk produktfotografering på en platt, ljusgrå, sömlös bakgrund (varje ring fotograferas centrerad, utan händer, stiliserade rekvisita eller ytskuggor – objektet är huvudpersonen) och berättande redaktionella bilder (en ring i en gräskantad låda, en hand som håller en kedja), återgivna som desaturerade, helskärmsmässiga redaktionella fragment. Produktbilder fungerar som produktkort; de redaktionella bilderna förmedlar varumärkets stämning. Båda är monokroma eller nästan monokroma – gräset i huvudbilden är den enda antydan till grönt, och även det är dämpat till en skogsfärgad nyans. Ikoner används inte i gränssnittet – en koncentrisk ringsymbol ersätter all ikonografi.
Palett
Neutral
- Obsidian Ink
#212123— Neutrala formtillstånd, ikontext och diskret UI-feedback där färgscheman ska förbli diskreta. - Bone
#ffffff— Canvassidor, kartongytor, inverterad text mot mörk bakgrund. Den dominerande ytan; nästan hela webbplatsen finns här. - Carbon
#000000— Ikonfyllning, dekorativa grafiska konturer och aktiv tillståndsfyllning för navigeringspunktsindikatorn. Används sparsamt för maximal tonkontrast med "benfärgen". - Ash
#999999— Medelkontrastgränser, kontrollkonturer och strukturella avdelare. - Pebble
#a6a6a7— Dämpad stödtext, tunna avgränsare för huvudtexten och sekundär metadata. Den ljusaste funktionella gråtonen används för prislappar och medföljande text som ska komma undan bakgrunden.
Typografi
från 11 till 18px · 4 steg
- Sequel100Wide — ersättning: Jost (400 · konturer 400 · Det enda företagstypsnittet som uteslutande används i 400-vikten i alla sammanhang – navigering, brödtext, rubriker, titlar, prissättning och bildtexter. Den brett placerade geometriska symbolen med generöst bokstavsavstånd återspeglar hela företagets stil. Avsaknaden av fetstil är avsiktlig: hierarki uppnås genom versaler, bokstavsavstånd och positionering, snarare än genom varierande teckensnittsvikt.
- Arial — ersättning: system-ui · konturer 400 · En systemomfattande reservfunktion för att rendera knappar i äldre sammanhang. Den är inte en del av varumärkesbyggandet – den visas bara om Sequel100Wide inte laddas.
Intervaller och form
| Ändamål | Menande |
|---|---|
| Densitet | tät |
| Grundläggande steg | 23px |
| Knappradie | 50px |
| Kortradie | 8px |
| Skuggor | inga gränser istället för skuggor |
| Mellan sektioner | 80-120px |
AI kommer att bygga din webbplats i INO -stil och fylla den
- Fyll på med produkter och inlägg via länken - Instagram, TikTok, Facebook.
- Överför innehåll från din gamla webbplats – ange bara adressen.
- Modern design på den bästa sökmotorn: React ( Next.js) med serverrendering och SEO-optimering direkt ur lådan.
- Helautomatisk SEO-optimering för sökresultat och rekommendationer för neurala nätverk.
Liknande stilar
- Airbnb — En tyst vit tavelvägg med ett enda korallrött bokmärke
- Peak Design — Tavelvägg, delvis upplyst
- 099 SUPPLY — En gallerivägg fylld med svartvita föremål
- Apple (España) — vit gallerimonter
- Apple (España) — Ett gallerifönster i morgondimman
- Custo — Ett galleri i pistolfärg med ett monolitiskt typsnitt. Ett utställningslokaler i dämpade grågröna toner, där ett enda mörkt objekt och ett 57px-typsnitt talar för sig själva.
- Silencio — Ett vitt rum med svävande artefakter. En galleriutställning gjord av varmt papper, där varje element intar sin plats mot en bakgrund av negativ volym, och tystnaden är ett avsiktligt designbeslut.
- Oakâme — En soldränkt provensalsk verkstad snidad ur varm sten
- Nike — Ett monokromt galleri av sportprestationer – vita väggar, produkten som ett konstverk, krom upplöst i bakgrunden
- Sociotype — Ett typiskt museumsexemplar på vitt papper
- Arc — industriellt vitt galleri över midnattsvatten
- Rivian — En elektrisk monolit på galleriets betongvägg. Rivian presenterar varje fordon som en skulptur mot ett stort vitt utrymme, med en typografi så stor att den blir ett arkitektoniskt element, och en enda varm gul färg som bryter den monokromatiska atmosfären, likt solljus på en matt yta.