IKEA
una sala d'exposició de mobles sueca assolellada en forma desmuntada
La interfície d'IKEA sembla una publicació editorial d'alt contrast: lletra gairebé negra sobre un fons blanc càlid, complementada per panells grocs plans que serveixen com a zones de crida a l'acció incrustades. El sistema és intencionadament minimalista: una font sans-serif personalitzada (Noto IKEA) en només dos pesos (400 i 700), un únic radi de cantonada per a cada component i sense ombres ni degradats. Aquesta compacitat és estructural, no una tendència minimalista: l'espaiat negatiu entre lletres (-0,029 em a l'encapçalament, -0,027 em al cos del text) dóna fins i tot a les etiquetes de 13 px un aspecte arquitectònic. Les targetes són grans i se centren en el contingut multimèdia, disposades en grans blocs de dues columnes amb superposicions de text que van del degradat al negre per millorar la llegibilitat. La font groga #ffdb00 fa tota la feina de la interfície: no decora, simplement activa.
Un disseny d'amplada completa amb un contenidor de contingut centrat limitat a aproximadament 1440 px. La navegació és una barra superior senzilla i no enganxosa. La pàgina està construïda a partir de targetes horitzontals apilades verticalment amb espais d'aproximadament 80 px. El disseny "hero" és un disseny dividit: 2/3 de targeta multimèdia (imatge) + 1/3 de targeta groga sòlida amb una crida a l'acció. El cos principal de la pàgina utilitza quadrícules de targetes de dues columnes, alternant blocs d'imatges i text. La densitat de contingut és espaiosa, mai compacta. Les targetes són grans (aproximadament 600x400 píxels mínim) amb un farciment generós. La secció "Cronologia/Historial" divideix la quadrícula amb números grans. No hi ha barra lateral, ni megamenú, ni arquitectura de navegació complexa.
El llenguatge visual és principalment fotografia de producte i estil de vida. L'edició: interiors escandinaus brillants, il·luminats naturalment i càlids amb una sensació viscuda, no la blancor crua d'un estudi. La gent apareix en escenes d'interacció amb el producte (sostenint, muntant, utilitzant). Les imatges sempre ocupen tota l'amplada de la targeta, mai retallades a formes orgàniques. A la part inferior de qualsevol targeta amb text apareixen superposicions negres degradades. Ocasionalment s'hi inclouen il·lustracions planes (per exemple, un mapa d'Alemanya amb iconografia cultural en turquesa, verd i taronja). Les fotografies estan executades amb un estil editorial: sense efecte de fotografia de stock brillant, sense correcció de color excessivament estilitzada.
Paleta
Marca
- IKEA Yellow
#ffdb00— Elements clau per omplir crides a l'acció, fons per a targetes amb imatges destacades, panells d'accent a la finestra principal: un element de color únic del sistema.
Neutral
- Ink Black
#111111— Text principal, cos del text, encapçalaments, vores principals (851 aparicions), contorn d'icones. - Pure White
#ffffff— Fons de la pàgina, superfície de la targeta, fons de navegació, text del botó sobre un fons fosc. - Warm White
#fffefb— Un to lleugerament cremós per a botons i targetes —una mica més càlid que el blanc pur— trenca la fredor digital. - Steel Gray
#818181— Text secundari, vores silenciades, estats d'icones desactivats - True Black
#000000— Emplenaments d'icones SVG, vores de camps d'entrada i detalls negres intensos on es necessita el màxim contrast. - Link Blue
#0159a3— El color de l'enllaç de text, molt utilitzat en la navegació i els enllaços principals, és l'únic color blau del sistema.
Tipografia
de 13 a 51px · 5 passos
- Noto IKEA — reemplaçament: Inter · esquemes 400, 700 · L'única font utilitzada és la característica Noto d'IKEA. El sistema de dos pesos (400 normal, 700 negreta) és intencionadament restringit: sense cursiva, pesos mitjans o lleugers. Els encapçalaments a 700 punts, a 36–51 px, transmeten tot l'estil de la marca; el text del cos a 16 px es manté neutre. L'espaiat entre lletres disminueix a mesura que augmenta la mida, donant als encapçalaments un aspecte condensat i arquitectònic.
Intervals i forma
| Propòsit | Significat |
|---|---|
| Densitat | mitjana |
| Pas bàsic | 24px |
| Radi del botó | 8px |
| Radi de la targeta | 8px |
| Ombres | sense vores en comptes d'ombres |
| Entre seccions | 80px |
| Amplada de la pàgina | 1440px |
La IA crearà el vostre lloc web a l'estil IKEA i l'omplirà.
- Omple amb productes i publicacions a través de l'enllaç: Instagram, TikTok, Facebook.
- Transfereix contingut del teu lloc web antic; només cal que especifiquis l'adreça.
- Disseny modern en el millor motor: React ( Next.js) amb renderització de servidor i optimització SEO des del primer moment.
- Optimització SEO totalment automatitzada per a resultats de cerca i recomanacions de xarxes neuronals.
Estils similars
- MindMarket — Un llibre de conte de fades acollidor sobre paper crema: un llenç editorial agradable on grans titulars d'Inter i personatges de paper retallats conviuen sobre una superfície suau com un adhesiu banyada pel sol.
- Lamborghini — Color negre de la carrosseria a la sala d'exposició, sota els focus: un cotxe groc
- amp — Taronja càlid sobre un fons blanc fred. El disseny recorda un producte de fitness premium fotografiat en un loft assolellat: un article, un accent, una font segura que fa tota la feina.
- LUNCH — podi de vellut sobre pergamí càlid
- Microsoft — El catàleg de venda al detall utilitza un color blau característic: imagineu-vos un logo quadrat sobre el terra blanc d'una sala d'exposició, on tots els elements de disseny són en blau.
- Vibrants — Farmàcia Skyborne sobre marbre blanc: la tinta blau fosc és el morter i l'espectre de l'arc de Sant Martí és la medicina
- Isla Beauty — Estil d'apotecaria cremós amb detalls de vermell quirúrgic: penseu en parets de pergamí càlides, ampolles d'ambre i un únic segell vermell a cada etiqueta.
- Swap — Galeria editorial de Mint: Tons sàlvia clars en habitacions amb detalls de llima brillant i serifs subtils
- Cursor — Un acollidor taller de pergamí, il·luminat per brases fumejants
- Structured — Galeria renaixentista sobre paper semblant a la plastilina
- Apple (España) — La galeria del museu, a la llum suau del dia, és un espai blanc únic, captivador i sense pes, amb cada exposició il·luminada per un focus contra una paret lleugerament tintada.
- Amplemarket — Un lloc de treball assolellat i ple de confeti