IKEA
unha sala de exposicións de mobles suecos bañada polo sol en forma desmontada
A interface de IKEA semella unha publicación editorial de alto contraste: letra case negra sobre un fondo branco cálido, complementada por paneis amarelos planos que serven como zonas de chamada á acción incrustadas. O sistema é intencionadamente minimalista: unha fonte sans-serif personalizada (Noto IKEA) en só dous grosores (400 e 700), un único radio de esquina para cada compoñente e sen sombras nin degradados. Esta compacidade é estrutural, non unha tendencia minimalista: o espazado negativo entre letras (-0,029 em no título, -0,027 em no corpo do texto) dálle incluso ás etiquetas de 13 px un aspecto arquitectónico. As tarxetas son grandes e céntranse no contido multimedia, dispostas en grandes bloques de dúas columnas con superposicións de texto que van do degradado ao negro para unha mellor lexibilidade. A fonte amarela #ffdb00 fai todo o traballo da interface: non decora, simplemente activa.
Un deseño de ancho completo cun contedor de contido centrado limitado a aproximadamente 1440 px. A navegación é unha barra superior sinxela e non fixa. A páxina está construída con tarxetas horizontais apiladas verticalmente con espazos de aproximadamente 80 px. O deseño "heroe" é un deseño dividido: 2/3 tarxeta multimedia (imaxe) + 1/3 tarxeta amarela sólida cunha chamada á acción. O corpo principal da páxina usa grellas de tarxetas de dúas columnas, alternando bloques de imaxes e texto. A densidade do contido é ampla, nunca compacta. As tarxetas son grandes (aproximadamente 600x400 píxeles como mínimo) con recheo xeneroso. A sección "Liña de tempo/Historial" divide a grella con números grandes. Non hai barra lateral, nin megamenú, nin arquitectura de navegación complexa.
A linguaxe visual é principalmente fotografía de produtos e estilo de vida. A edición: interiores escandinavos brillantes, con iluminación natural e cálidos, cun ambiente vivido, non a brancura austera dun estudo. As persoas aparecen en escenas de interacción co produto (suxeitando, montando, usando). As imaxes sempre ocupan todo o ancho da tarxeta, nunca recortadas en formas orgánicas. Na parte inferior de calquera tarxeta con texto aparecen superposicións negras en degradado. Ocasionalmente preséntanse ilustracións planas (por exemplo, un mapa de Alemaña con iconografía cultural en turquesa, verde e laranxa). As fotografías están executadas nun estilo editorial: sen efecto de foto de stock brillante, sen corrección de cor excesivamente estilizada.
Paleta
Marca
- IKEA Yellow
#ffdb00— Elementos clave para cubrir chamadas á acción, fondos para tarxetas con imaxes destacadas, paneis de realce na xanela principal: un elemento de cor único do sistema.
Neutro
- Ink Black
#111111— Texto principal, corpo do texto, títulos, bordos principais (851 aparicións), contorno das iconas. - Pure White
#ffffff— Fondo da páxina, superficie da tarxeta, fondo de navegación, texto do botón sobre un fondo escuro. - Warm White
#fffefb— Un ton lixeiramente cremoso para botóns e tarxetas (apenas máis cálido que o branco puro) rompe a frialdade dixital. - Steel Gray
#818181— Texto secundario, bordos silenciados, estados de iconas desactivados - True Black
#000000— Recheos de iconas SVG, bordos de campos de entrada e detalles en negro intenso onde se precisa o máximo contraste. - Link Blue
#0159a3— A cor da ligazón de texto, amplamente empregada na navegación e nas ligazóns principais, é a única cor azul do sistema.
Tipografía
de 13 a 51 px · 5 pasos
- Noto IKEA — substitución: Inter · contornos 400, 700 · A única fonte empregada é a característica Noto de IKEA. O sistema de dous grosores (400 normal, 700 negra) está intencionadamente contido: sen cursiva, pesos medios ou lixeiros. Os títulos a 700 puntos, a 36–51 px, transmiten todo o estilo da marca; o corpo do texto a 16 px permanece neutro. O espazado entre letras diminúe a medida que aumenta o tamaño, dándolles aos títulos un aspecto condensado e arquitectónico.
Intervalos e forma
| Propósito | Significado |
|---|---|
| Densidade | media |
| Paso básico | 24px |
| Radio do botón | 8px |
| Radio da tarxeta | 8px |
| Sombras | sen bordos en vez de sombras |
| Entre seccións | 80px |
| Largura da páxina | 1440px |
A IA creará o teu sitio web ao estilo de IKEA e o encherá
- Enche con produtos e publicacións a través da ligazón: Instagram, TikTok, Facebook.
- Transfire contido do teu sitio antigo: só tes que especificar o enderezo.
- Deseño moderno no mellor motor: React ( Next.js) con renderización de servidor e optimización SEO listas para usar.
- Optimización SEO totalmente automatizada para resultados de busca e recomendacións de redes neuronais.
Estilos semellantes
- MindMarket — Un acolledor libro de conto de fadas sobre papel crema: un lenzo editorial amigable onde grandes titulares de Inter e personaxes de papel recortados conviven nunha superficie suave como unha pegatina bañada polo sol.
- Lamborghini — Cor negra da carrozaría na sala de exposicións, baixo os focos: un coche amarelo
- amp — Laranxa cálido sobre un fondo branco frío. O deseño lembra un produto de fitness de alta calidade fotografado nun faiado soleado: un artigo, un acento, unha fonte segura que fai todo o traballo.
- LUNCH — podio de veludo sobre pergamiño cálido
- Microsoft — O catálogo de venda polo miúdo usa unha cor azul característica: imaxina un logotipo cadrado no chan branco dunha sala de exposicións, onde todos os elementos de deseño son azuis.
- Vibrants — Farmacia Skyborne sobre mármore branco: a tinta azul escura é o morteiro e o espectro do arco da vella é a medicina
- Isla Beauty — Estilo boticario cremoso con detalles en vermello cirúrxico: imaxina paredes de pergamiño cálidas, botellas de ámbar e un único selo vermello en cada etiqueta.
- Swap — Galería editorial de Mint: Tons salvia claros en habitacións con detalles de lima brillantes e sutís serifas
- Cursor — Un acolledor taller de pergamiño, iluminado por brasas fumegantes
- Structured — Galería renacentista en papel tipo plastilina
- Apple (España) — A galería do museo, á suave luz do día, é un espazo branco único, cativador e ingrávido, con cada exposición iluminada por un foco contra unha parede lixeiramente tintada.
- Amplemarket — Un lugar de traballo bañado polo sol cheo de confeti