Apple (España)
Una catedral d'espai blanc amb titulars gairebé inaudibles. Una sala vasta i lluminosa on enormes fonts de densitat 700 suspenen a l'aire, unides només per colors pastel i un únic fil blau.
El llenguatge de les pàgines de productes d'Apple és un estudi de generositat tipogràfica: enormes titulars de SF Pro Display que suren sobre un fons blanc trencat, envoltats d'un vast espai blanc que fa que cada paraula sembli deliberada. La paleta és gairebé monocromàtica (text en #1d1d1f, llenç alternant entre #ffffff i #f5f5f7) amb un únic accent blau (#0071e3) reservat exclusivament per a moments interactius. El color és present a les imatges del producte (tons pastel), mai com a elements decoratius de la interfície d'usuari. Els components no tenen marc: targetes arrodonides amb un radi de 28 px, botons en forma de píndola que gairebé toquen les vores de la pàgina, sense contenidors visibles ni ombres paral·leles. El ritme es crea alternant ratlles blanques i grises, no divisors ni vores.
Les seccions ocupen tota l'amplada de la pàgina, estenent-se de vora a vora amb un farciment generós (aproximadament de 40 a 100 costats). L'amplada màxima del contingut està centrada dins de cada franja. L'element principal és una pila centrada: una etiqueta en forma de cella, un títol ampliat, un únic botó de crida a l'acció, una fila de preu i, a continuació, una imatge del producte que omple la part inferior de la finestra gràfica. Les seccions segueixen un patró repetitiu: un títol alineat a l'esquerra dins de la franja, seguit d'un disseny de dues columnes amb descripcions del producte (text a l'esquerra/imatge a la dreta o altern), una quadrícula de targetes de tres columnes o una presentació visual centrada. El ritme del contingut es controla completament mitjançant fons blancs i tricolors alternats amb espais verticals de 100 a 100 cm, sense divisors ni targetes que continguin elements. La navegació global és una única barra fixa. Les seccions d'especificacions del producte utilitzen bandes d'amplada completa amb un farciment generós, on el text està centrat en columnes estretes (~560 px) contra una àrea visual més àmplia.
El llenguatge visual d'Apple és principalment fotografia de productes: primers plans de maquinari sobre un fons blanc pur o de color, sense context d'estil de vida ni escenes escenificades. La imatge principal mostra mans que sostenen un MacBook Neo verd pastel; l'element humà és secundari, demostrant escala i textura en lloc d'emoció. A les seccions de variants de producte, es presenten dos dispositius un al costat de l'altre sobre un fons de colors de vora coincidents (rosa, verd, platejat, blau cel), cada targeta un camp de color pla amb el producte al centre. Les fotografies de detall utilitzen primers plans extrems (la frontissa del portàtil, el mòdul de la càmera) sobre un fons neutre. No hi ha il·lustracions, ni gràfics abstractes, ni imatges decoratives: el producte en si és l'element visual. La iconografia és a tot arreu: icones de línies monocromes a l'estil SF Symbols, d'1,5 a 2 px de gruix, extretes del conjunt d'icones del sistema Apple. La fotografia sempre es fa amb un toc alt: il·luminació uniforme i sense ombres que redueix el producte a una forma gràfica en lloc d'un objecte tridimensional.
Paleta
Marca
- Electric Blue
#0071e3— Els botons d'acció plens són l'únic accent de color a la interfície d'usuari, i s'utilitzen amb moderació per a les crides a l'acció. - Link Blue
#0066cc— Enllaços de text en línia, enllaços amb fletxes i chevrons. - Citrus Gradient
#3b3b23— Un acabat alternatiu que s'ha convertit en la característica distintiva del producte és una base fosca que esdevé un toc groc-verdós.
Neutral
- Primary Ink
#1d1d1f— Els titulars, el text del cos i les etiquetes dels botons són el to dominant en primer pla a totes les superfícies; el fons de la imatge principal del producte fa una transició suau d'un sòlid #1d1d1f a la part superior a un blau cromàtic. - Mid Gray
#707070— Text secundari, estat de navegació inactiu, etiquetes de la interfície d'usuari silenciades - Deep Gray
#474747— El text de navegació i la iconografia estan en lletra mitjana. - Hairline
#d6d6d6— Límits prims entre seccions i elements de la interfície d'usuari. - Canvas
#f5f5f7— Fons de secció alternats: una franja grisa que separa les zones blanques. - Paper
#ffffff— Superfície de la targeta, fons de la pàgina principal, text del botó sobre un fons fosc.
Tipografia
de 12 a 96 px · 10 passos
- SF Pro Display — reemplaçament: Inter · esquemes 600, 700 · Encapçalaments i subencapçalaments principals per a la visualització: un pes de 700 a 80–96 px amb un espaiat negatiu entre lletres de -1,44 px crea el "titular massiu flotant en blanc" característic d'Apple. Substituts: Inter, system-ui
- SF Pro Display — reemplaçament: Inter · esquemes 600 · Encapçalaments de secció, títols de targetes, subencapçalaments: una font 600 amb un espaiat entre lletres lleugerament positiu resulta càlida i agradable en mides mitjanes, a diferència dels encapçalaments curts anteriors.
- SF Pro Text — reemplaçament: Inter · esquemes 400, 500, 600 · Per al text del cos, la navegació, els paràgrafs de suport i els peus de foto petits, es recomana una font amb un índex de 400 a 17 px. L'espaiat negatiu entre lletres permet un text principal més concís en pàgines amb molta informació.
Intervals i forma
| Propòsit | Significat |
|---|---|
| Densitat | dens |
| Pas bàsic | 8-10px |
| Radi del botó | 980px |
| Radi de la targeta | 28px |
| Ombres | sense vores en comptes d'ombres |
| Entre seccions | 100-120px |
| Amplada de la pàgina | 1200px |
La IA crearà el vostre lloc web a l'estil Apple (España) 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
- Airbnb — Una paret de galeria blanca i tranquil·la amb un únic punt de llibre vermell corall
- Peak Design — Galeria mural, parcialment il·luminada
- Ramp — El departament editorial de finances, pàgines en blanc i negre amb un únic retolador de neó. La superfície pràcticament monocroma de la publicació, on un únic traç verd llima brillant transforma cada interacció en un senyal monetari.
- 099 SUPPLY — Una paret de galeria plena d'objectes en blanc i negre
- Orderful — Paquet de control de logística industrial: una llista de comprovació impresa per a despatxadors de logística, feta amb tinta negra i vermell quirúrgic, cada pàgina prou discreta per permetre que un operador cridi alguna cosa important.
- Apple (España) — vitrina de galeria blanca
- teenage engineering — Catàleg industrial en il·luminació d'estudi: el producte és l'únic objecte significatiu de la pàgina i tot el demés es discuteix al seu voltant
- Apple (España) — Una finestra de galeria a la boira del matí
- Lightship — Un diorama cinematogràfic de la carretera oberta. Parets de galeria de color crema càlid adornades amb grans fotografies de paisatges muntades a intervals curts, amb lletres negres fines gairebé invisibles als marcs i un únic detall taronja brillant que trencava el monocrom com una foguera en un prat.
- Custo — Una galeria de color bronze amb una font monolítica. Una sala d'exposició en tons verdosos i grisos apagats, on un únic objecte fosc i una font de 57 px parlen per si sols.
- Silencio — Una habitació blanca amb artefactes flotants. Una galeria d'exposicions feta de paper càlid, on cada element ocupa el seu lloc sobre un fons de volum negatiu, i el silenci és una decisió de disseny intencionada.
- ORYZO AI — Un assaig fotogràfic sobre un quart fosc. Un objecte solitari suspès en la foscor càlida, amb una lletra color crema com a única decoració.