IKEA
eguzkiz blaitutako Suediako altzarien erakusleiho bat desmuntatutako forman
IKEAren interfazeak kontraste handiko argitalpen-panel baten itxura du: ia letra beltzak atzealde zuri epel batean, ekintzarako dei-eremu txertatu gisa balio duten panel hori lauekin osatua. Sistema nahita minimalista da: sans-serif letra-tipo pertsonalizatu bakarra (Noto IKEA) bi lodieratan (400 eta 700), izkina-erradio bakarra osagai bakoitzerako, eta itzalik edo gradienterik gabe. Trinkotasun hau egiturazkoa da, ez joera minimalista bat: letren arteko tarte negatiboak (-0,029em izenburuan, -0,027em gorputzeko testuan) 13px-ko etiketei ere itxura arkitektonikoa ematen die. Txartelak handiak dira eta multimedia edukian zentratzen dira, bi zutabeko bloke handietan antolatuta, gradientetik beltzera bitarteko testu-gainjarriekin, irakurgarritasuna hobetzeko. #ffdb00 letra-tipo horiak egiten du interfazearen lan guztia: ez du apaintzen, aktibatzen besterik ez du egiten.
Zabalera osoko diseinua, erdian 1440px inguruko edukiontzi batekin. Nabigazioa goiko barra sinple eta itsaskorra ez den bat da. Orria 80px inguruko tarteekin bertikalki pilatutako txartel horizontalez osatuta dago. "Heroi" diseinua zatitutako diseinua da: 2/3 multimedia txartela (irudia) + 1/3 txartel hori solidoa ekintzarako dei batekin. Orriaren gorputz nagusiak bi zutabeko txartel-sareta erabiltzen ditu, irudi eta testu blokeak txandakatuz. Edukiaren dentsitatea zabala da, inoiz ez trinkoa. Txartelak handiak dira (gutxienez 600x400 pixel inguru) betegarri zabalarekin. "Kronologia/Historia" atalak sareak zenbaki handiekin banatzen ditu. Ez dago alboko barrarik, ez mega-menurik, ez nabigazio arkitektura konplexurik.
Hizkuntza bisuala batez ere produktu eta bizimodu argazkilaritza da. Edizioa: Eskandinaviako barrualde distiratsuak, naturalki argiztatuak eta epelak, bizitako sentsazioarekin —ez estudio baten zuritasun gordina. Pertsonak produktuarekin elkarreraginean agertzen dira (eskuetan edukitzea, muntatzea, erabiltzea). Irudiek beti hartzen dute txartelaren zabalera osoa, inoiz ez dira forma organikoetara moztuta. Gainjartze beltz gradienteak agertzen dira testua duten txartelen behealdean. Ilustrazio lauak noizean behin agertzen dira (adibidez, Alemaniako mapa bat ikono kultural turkesa, berdea eta laranja koloreekin). Argazkiak estilo editorialean eginak daude: ez stock argazki efektu distiratsurik, ez kolore zuzenketa gehiegi estilizaturik.
Paleta
Marka
- IKEA Yellow
#ffdb00— Ekintzarako deiak betetzeko elementu nagusiak, irudi nabarmenak dituzten txartelen atzeko planoak, leiho nagusiko azentu-panelak - sistemaren kolore-elementu paregabea.
Neutroa
- Ink Black
#111111— Testu nagusia, gorputzeko testua, goiburuak, ertz nagusiak (851 agerraldi), ikonoen eskema. - Pure White
#ffffff— Orriaren atzeko planoa, txartelaren gainazala, nabigazio-atzeko planoa, botoien testua atzeko plano ilun batean. - Warm White
#fffefb— Botoi eta txarteletarako tonu krematsu apur batek —zuri hutsa baino ia beroagoa— hausten du hotztasun digitala. - Steel Gray
#818181— Bigarren mailako testua, ertz isilduak, desgaitutako ikonoen egoerak - True Black
#000000— SVG ikonoen betegarriak, sarrera-eremuen ertzak eta kontraste maximoa behar den lekuetan azentu beltz sakonak. - Link Blue
#0159a3— Nabigazioan eta esteka nagusietan asko erabiltzen den testu-esteken kolorea sisteman dagoen urdin kolore bakarra da.
Tipografia
13tik 51px-ra · 5 urrats
- Noto IKEA — ordezkapena: Inter · eskemak 400, 700 · IKEAren Noto letra-tipoa da erabili den bakarra. Bi pisuko sistema (400 arrunta, 700 lodia) nahita mugatua da: ez etzana, ez pisu ertaina edo arina. 700 puntuko goiburuek, 36-51 px-ko neurrian, markaren estilo osoa adierazten dute; 16 px-ko gorputz-testua neutroa da. Letren arteko tartea txikitzen da tamaina handitzen den heinean, goiburuei itxura trinkotu eta arkitektonikoa emanez.
Tarteak eta forma
| Helburua | Esanahia |
|---|---|
| Dentsitatea | batez bestekoa |
| Oinarrizko urratsa | 24px |
| Botoiaren erradioa | 8px |
| Txartelaren erradioa | 8px |
| Itzalak | ez - itzalen ordez ertzak |
| Atalen artean | 80px |
| Orriaren zabalera | 1440px |
Adimen artifizialak zure webgunea IKEA estiloan eraikiko du eta beteko du
- Bete produktu eta argitalpenekin estekaren bidez - Instagram, TikTok, Facebook.
- Transferitu edukia zure gune zaharretik: zehaztu helbidea.
- Diseinu modernoa motor onenean: React ( Next.js) zerbitzariaren errendatzearekin eta SEO optimizazioarekin hasieratik.
- Bilaketa-emaitzetarako eta sare neuronalen gomendioetarako SEO optimizazio guztiz automatizatua.
Estilo antzekoak
- MindMarket — Krema koloreko paperean idatzitako ipuin-liburu erosoa - mihise editorial atsegina, non Inter aldizkariko izenburu handiak eta moztutako paper-pertsonaiak eguzkiz blaitutako gainazal leun eta itsasgarri batean bizi diren.
- Lamborghini — Karrozeria beltza erakusleihoan, fokuen azpian - auto hori bat
- amp — Laranja epela atzealde zuri hotz baten gainean. Diseinuak eguzkipean blaitutako ganbara batean ateratako argazki batean ateratako fitness produktu bikain baten antza du: elementu bakarra, azentu bakarra, lan guztia egiten duen letra-tipo seguru bakarra.
- LUNCH — belusezko podiuma pergamino epelaren gainean
- Microsoft — Txikizkako katalogoak kolore urdin bereizgarria erabiltzen du: imajinatu erakusleiho zuri bateko zoruan logotipo karratu bat, non diseinu-elementu guztiak urdinak diren.
- Vibrants — Skyborne Farmazia marmol zurian - tinta urdin iluna morteroa da eta ortzadarraren espektroa sendagaia
- Isla Beauty — Krema koloreko botika-estiloa, kirurgia-gorri koloreko azentuekin: pentsa pergaminozko horma epelak, anbar koloreko botilak eta etiketa guztietan zigilu gorri bakarra.
- Swap — Menta Editorial Galeria: Salbia tonu argiak lima kolore biziko azentuekin eta serifa sotilekin egindako geletan
- Cursor — Pergamino tailer eroso bat, ikatz ketsuek argiztatuta
- Structured — Plastilina itxurako paperean egindako errenazimentuko galeria
- Apple (España) — Museoaren galeria, egunez argi leunean, espazio zuri bakarra, liluragarria eta pisurik gabekoa da, erakusketa bakoitza horma arin tindatu baten kontrako foku batek argiztatuta duela.
- Amplemarket — Eguzkiz blaitutako lantokia konfetiz beteta