Apple (España)
Una catedrale di spaziu biancu cù tituli appena audibili. Una sala vasta è luminosa induve enormi caratteri di densità 700 sò appesi in aria, tenuti inseme solu da culori pastello è un unicu filu turchinu.
U linguaghju di e pagine di i prudutti d'Apple hè un studiu di generosità tipografica: enormi tituli di SF Pro Display chì si trovanu nantu à un sfondate biancu sporcu, circundati da un vastu spaziu biancu chì face chì ogni parolla pare deliberata. A paleta hè guasi monocromatica - testu in #1d1d1f, tela chì alterna trà #ffffff è #f5f5f7 - cù un unicu accentu blu (#0071e3) riservatu esclusivamente per i mumenti interattivi. U culore hè presente in l'imagine di i prudutti stessi (toni pastello), mai cum'è elementi decorativi di l'interfaccia utente. I cumpunenti sò senza cornice: carte arrotondate cù un raghju di 28px, buttoni in forma di pillola chì quasi toccanu i bordi di a pagina, senza contenitori visibili o ombre. U ritmu hè creatu alternendu strisce bianche è grigie, micca divisori o bordi.
E sezzioni occupanu tutta a larghezza di a pagina, stendendu si da un bordu à l'altru cù un riempimentu generosu (circa 40-100 lati). A larghezza massima di u cuntenutu hè effettivamente centrata in ogni striscia. L'elementu principale hè una pila centrata: un'etichetta in forma di sopracciglia, un titulu ingranditu, un unicu buttone di chjama à l'azzione, una riga di prezzu, è dopu una maghjina di u pruduttu chì riempie u fondu di a finestra di visualizazione. E sezzioni seguitanu un mudellu ripetutu: un titulu allineatu à manca in a striscia, seguitatu da un layout à duie colonne cù descrizzioni di u pruduttu (testu à manca / maghjina à diritta o alternatu), una griglia di carte à trè colonne, o una vetrina visuale centrata. U ritmu di u cuntenutu hè interamente cuntrullatu da sfondi bianchi è tricolori alternati cù spazii verticali di 100-100 cm - senza divisori, senza carte chì portanu elementi. A navigazione glubale hè una sola barra fissa. E sezzioni di specifiche di u pruduttu utilizanu bande à larghezza piena cù un riempimentu generosu, induve u testu hè centratu in colonne strette (~ 560px) contr'à una zona visuale più larga.
U linguaghju visuale d'Apple hè principalmente a fotografia di prudutti: primi piani di hardware contr'à un sfondate biancu puru o culuritu, senza cuntestu di stile di vita o scene messe in scena. L'imagine principale mostra mani chì tenenu un MacBook Neo verde pastello - l'elementu umanu hè secundariu, dimustrendu scala è struttura piuttostu chè emozione. In e sezzioni di varianti di prudutti, dui dispositivi sò presentati unu accantu à l'altru contr'à un sfondate di culori di finitura currispondenti (rosa, verde, argentu, turchinu celu), ogni carta un campu di culore pianu cù u pruduttu à u centru. I scatti di dettagliu utilizanu primi piani estremi (a cerniera di u laptop, u modulu di a camera) contr'à un sfondate neutru. Ùn ci sò illustrazioni, nè grafica astratta, nè imagine decorative - u pruduttu stessu hè l'elementu visuale. L'iconografia hè dappertuttu - icone di linea monocromatica in u stile SF Symbols, di 1,5-2px di spessore, pigliate da u set d'icone di u sistema Apple. A fotografia hè sempre fatta in modu high-key: illuminazione uniforme è senza ombre chì riduce u pruduttu à una forma grafica piuttostu chè à un ughjettu tridimensionale.
Paletta
Marca
- Electric Blue
#0071e3— I buttoni d'azzione pieni sò l'unicu accentu di culore in l'interfaccia utente, aduprati cù parsimonia per e chjame à l'azzione. - Link Blue
#0066cc— Ligami di testu in linea, ligami cù frecce è chevroni. - Citrus Gradient
#3b3b23— Una finitura alternativa chì hè diventata a caratteristica distintiva di u pruduttu hè una basa scura chì sfuma in riflessi giallu-verdi.
Neutru
- Primary Ink
#1d1d1f— I tituli, u testu di u corpu è l'etichette di i buttoni sò u tonu dominante in primu pianu nantu à tutte e superfici; u fondu di l'imagine principale di u pruduttu passa senza intoppi da un solidu #1d1d1f in cima à un turchinu cromaticu. - Mid Gray
#707070— Testu secundariu, statu di navigazione inattivu, etichette di l'interfaccia d'utilizatore silenziate - Deep Gray
#474747— U testu di navigazione è l'iconografia sò in caratteri medii. - Hairline
#d6d6d6— Cunfini fini trà e sezzioni è l'elementi di l'interfaccia utente. - Canvas
#f5f5f7— Sfondi di sezioni alternate - una striscia grisgia chì separa e zone bianche. - Paper
#ffffff— Superficie di a carta, fondu di a pagina principale, testu di u buttone nantu à un fondu scuru.
Tipografia
da 12 à 96px · 10 passi
- SF Pro Display — rimpiazzamentu: Inter · contorni 600, 700 · Titoli è sottotitoli Hero per a visualizazione - pesu 700 à 80–96px cù una spaziatura negativa di e lettere di -1.44px crea u "titulu massivu chì flotta in biancu" di Apple. Sustituti: Inter, system-ui
- SF Pro Display — rimpiazzamentu: Inter · contorni 600 · Titoli di sezzione, tituli di carte, sottotitoli - un carattere 600 cù una spaziatura di lettere ligeramente positiva dà una sensazione di calore è amichevole à dimensioni medie, à u cuntrariu di i tituli corti sopra.
- SF Pro Text — rimpiazzamentu: Inter · contorni 400, 500, 600 · Per u testu di u corpu, a navigazione, i paragrafi di supportu è e piccule didascalie, un carattere cù un indice di 400 à 17px hè u carattere principale. A spaziatura negativa di e lettere permette un testu principale più concisu nantu à e pagine ricche d'infurmazioni.
Intervalli è forma
| Scopu | Significatu |
|---|---|
| Densità | densu |
| Passu basicu | 8-10px |
| Raggiu di u buttone | 980px |
| Raggiu di a carta | 28px |
| Ombre | nò - bordi invece di ombre |
| Trà e sezioni | 100-120px |
| Larghezza di a pagina | 1200px |
L'IA custruisce u vostru situ web in stile Apple (España) è u riempirà
- Riempite cù prudutti è publicazioni via u ligame - Instagram, TikTok, Facebook.
- Trasferisce u cuntenutu da u vostru vechju situ - basta à specificà l'indirizzu.
- Design mudernu nant'à u megliu mutore: React ( Next.js) cù rendering di u servitore è ottimizazione SEO pronta per l'usu.
- Ottimizazione SEO cumpletamente automatizata per i risultati di ricerca è e raccomandazioni di rete neurale.
Stili simili
- Airbnb — Un muru di galeria bianca tranquilla cù un unicu segnalibru rossu corallu
- Peak Design — Muru di a galeria, parzialmente illuminatu
- Ramp — U dipartimentu finanziariu editoriale, pagine in biancu è neru cù un solu marcatore neon. A superficia praticamente monocromatica di a publicazione, induve un solu trattu verde lime brillanti trasforma ogni interazzione in un segnale monetariu.
- 099 SUPPLY — Un muru di galleria pienu d'oggetti bianchi è neri
- Orderful — Piattaforma di Cuntrollu di Logistica Industriale - Una lista di cuntrollu stampata per u dispatcher logisticu, fatta in inchiostru neru è rossu chirurgicu, ogni pagina abbastanza discreta per permette à un operatore di gridà qualcosa d'impurtante.
- Apple (España) — vetrina bianca di a galeria
- teenage engineering — Catalogu industriale in illuminazione di studio - u pruduttu hè l'unicu ughjettu significativu nantu à a pagina, è tuttu u restu hè discussu intornu à ellu
- Apple (España) — Una finestra di galeria in a nebbia di a mattina
- Lightship — Un diorama cinematograficu di a strada aperta. Muri di galleria di culore crema caldu adurnati cù grandi fotografie di paisaghji muntate à intervalli ravvicinati, caratteri neri fini appena visibili nantu à e cornici, è un unicu accentu aranciu brillanti chì rompe u monocromu cum'è un focu in un pratu.
- Custo — Una galeria di culore canna di fucile cù un carattere monoliticu. Una sala d'esposizione in toni grisgi-verdi tenui, induve un unicu oggettu scuru è un carattere 57px parlanu da soli.
- Silencio — Una stanza bianca cù artefatti flottanti. Una mostra di galleria fatta di carta calda, induve ogni elementu occupa u so postu contr'à un sfondate di vulume negativu, è u silenziu hè una decisione di cuncepimentu intenzionale.
- ORYZO AI — Un saggio fotograficu annantu à una camera scura. Un oggettu sulitariu chì si libra in a calda bughjura, cù u caratteru crema cum'è sola decorazione.