Apple (España)
Unha catedral de espazo branco con titulares apenas audibles. Un salón vasto e luminoso onde enormes fontes de 700 densidades pairan no aire, unidas só por cores pastel e un único fío azul.
A linguaxe das páxinas de produtos de Apple é un estudo da xenerosidade tipográfica: enormes titulares de SF Pro Display que pairan sobre un fondo branco roto, rodeados dun vasto espazo branco que fai que cada palabra pareza deliberada. A paleta é case monocromática (texto en #1d1d1f, lenzo alternando entre #ffffff e #f5f5f7) cun único acento azul (#0071e3) reservado exclusivamente para momentos interactivos). A cor está presente nas propias imaxes do produto (tons pastel), nunca como elementos decorativos da interface de usuario. Os compoñentes non teñen marco: tarxetas redondeadas cun radio de 28 px, botóns en forma de pílula que case tocan os bordos da páxina, sen contedores nin sombras paralelas visibles. O ritmo créase alternando raias brancas e grises, non divisores nin bordos.
As seccións ocupan todo o ancho da páxina, estendéndose de bordo a bordo cun recheo xeneroso (aproximadamente de 40 a 100 lados). O ancho máximo do contido está centrado dentro de cada tira. O elemento principal é unha pila centrada: unha etiqueta en forma de cella, un título ampliado, un único botón de chamada á acción, unha fila de prezos e, a continuación, unha imaxe do produto que enche a parte inferior da ventá gráfica. As seccións seguen un patrón repetitivo: un título aliñado á esquerda dentro da tira, seguido dun deseño de dúas columnas con descricións do produto (texto á esquerda/imaxe á dereita ou alternando), unha grella de tarxetas de tres columnas ou unha presentación visual centrada. O ritmo do contido contrólase totalmente mediante fondos brancos e tricolores alternados con espazos verticais de 100 a 100 cm, sen divisores nin tarxetas que leven elementos. A navegación global é unha única barra fixa. As seccións de especificacións do produto usan bandas de ancho completo con recheo xeneroso, onde o texto está centrado en columnas estreitas (~560 px) contra unha área visual máis ampla.
A linguaxe visual de Apple é principalmente a fotografía de produtos: primeiros planos de hardware sobre un fondo branco puro ou de cor, sen contexto de estilo de vida nin escenas escenificadas. A imaxe principal mostra mans sostendo un MacBook Neo verde pastel; o elemento humano é secundario, demostrando escala e textura en lugar de emoción. Nas seccións de variantes de produtos, dous dispositivos preséntanse un ao lado do outro sobre un fondo de cores de acabado coincidentes (rosa, verde, prata, azul ceo), cada tarxeta un campo de cor plano co produto no centro. As tomas de detalle usan primeiros planos extremos (a bisagra do portátil, o módulo da cámara) sobre un fondo neutro. Non hai ilustracións, nin gráficos abstractos, nin imaxes decorativas: o produto en si é o elemento visual. A iconografía está en todas partes: iconas de liña monocromática no estilo SF Symbols, de 1,5 a 2 px de grosor, tomadas do conxunto de iconas do sistema Apple. A fotografía sempre se fai dun xeito destacado: iluminación uniforme e sen sombras que reduce o produto a unha forma gráfica en lugar de a un obxecto tridimensional.
Paleta
Marca
- Electric Blue
#0071e3— Os botóns de acción cheos son o único acento de cor na interface de usuario e úsanse con moderación para as chamadas á acción. - Link Blue
#0066cc— Ligazóns de texto en liña, ligazóns con frechas e comiñas magnéticas. - Citrus Gradient
#3b3b23— Un acabado alternativo que se converteu na característica distintiva do produto é unha base escura que se desvanece con toques amarelo-verdosos.
Neutro
- Primary Ink
#1d1d1f— Os titulares, o corpo do texto e as etiquetas dos botóns son o ton dominante en primeiro plano en todas as superficies; o fondo da imaxe principal do produto fai unha transición suave dun sólido #1d1d1f na parte superior a un azul cromático. - Mid Gray
#707070— Texto secundario, estado de navegación inactivo, etiquetas da IU silenciadas - Deep Gray
#474747— O texto de navegación e a iconografía están en letra media. - Hairline
#d6d6d6— Límites finos entre seccións e elementos da interface de usuario. - Canvas
#f5f5f7— Fondos de sección alternados: unha franxa gris que separa as áreas brancas. - Paper
#ffffff— Superficie da tarxeta, fondo da páxina principal, texto do botón sobre un fondo escuro.
Tipografía
de 12 a 96 px · 10 pasos
- SF Pro Display — substitución: Inter · contornos 600, 700 · Títulos e subtítulos principais para mostrar: un peso de 700 a 80–96 px cun espazado negativo entre letras de -1,44 px crea o "título masivo flotando en branco" característico de Apple. Substitutos: Inter, system-ui
- SF Pro Display — substitución: Inter · contornos 600 · Títulos de sección, títulos de tarxetas, subtítulos: unha fonte 600 cun espazado entre letras lixeiramente positivo resulta cálida e amigable en tamaños medios, a diferenza dos títulos curtos anteriores.
- SF Pro Text — substitución: Inter · contornos 400, 500, 600 · Para o texto do corpo, a navegación, os parágrafos de apoio e as pequenas lendas, utilízase unha fonte cun índice de 400 a 17 px. O espazado negativo entre letras permite un texto principal máis conciso en páxinas con moita información.
Intervalos e forma
| Propósito | Significado |
|---|---|
| Densidade | denso |
| Paso básico | 8-10px |
| Radio do botón | 980px |
| Radio da tarxeta | 28px |
| Sombras | sen bordos en vez de sombras |
| Entre seccións | 100-120px |
| Largura da páxina | 1200px |
A IA creará o teu sitio web ao estilo de Apple (España) 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
- Airbnb — Unha tranquila parede de galería branca cun único marcador de libros vermello coral
- Peak Design — Galería mural, parcialmente iluminada
- Ramp — O departamento editorial de finanzas, páxinas en branco e negro cun único rotulador de neón. A superficie case monocromática da publicación, onde un único trazo verde lima brillante transforma cada interacción nun sinal monetario.
- 099 SUPPLY — Unha parede de galería chea de obxectos en branco e negro
- Orderful — Plataforma de control de loxística industrial: unha lista de verificación impresa para o despachador de loxística, feita en tinta negra e vermello cirúrxico, cada páxina o suficientemente discreta como para permitir que un operador grite algo importante.
- Apple (España) — vitrina de galería branca
- teenage engineering — Catálogo industrial en iluminación de estudio: o produto é o único obxecto significativo da páxina e todo o demais se discute ao seu redor
- Apple (España) — Unha xanela da galería na néboa da mañá
- Lightship — Un diorama cinematográfico da estrada aberta. Paredes de galería de cor crema cálida adornadas con grandes fotografías de paisaxes montadas a intervalos curtos, letras negras finas apenas visibles nos marcos e un único detalle laranxa brillante que rompe a monocromía coma unha fogueira nun prado.
- Custo — Unha galería cor bronce e unha fonte monolítica. Unha sala de exposicións en tons grises verdosos apagados, onde un único obxecto escuro e unha fonte de 57 px falan por si mesmos.
- Silencio — Unha habitación branca con artefactos flotantes. Unha exposición de galería feita de papel cálido, onde cada elemento ocupa o seu lugar sobre un fondo de volume negativo, e o silencio é unha decisión de deseño intencionada.
- ORYZO AI — Un ensaio fotográfico sobre un cuarto escuro. Un obxecto solitario pairando na cálida escuridade, cunha fonte cor crema como única decoración.