Apple
Una stanza bianca cù un solu interruttore blu
U disignu d'Apple hè un mudellu di moderazione: una tela guasi bianca, un vastu spaziu biancu è un unicu accentu turchinu vibrante chì face chì ogni azzione pare deliberata. L'attenzione principale hè a tipografia - SF Pro, cù una spaziatura negativa di e lettere chì diminuisce cù l'aumentu di a dimensione, dendu à i tituli una chiarezza architettonica senza esse troppu pesante. U pruduttu HÈ u disignu: e grande foto di i prudutti è l'imagine di stile di vita dominanu, mentre l'elementi cromati si ritiranu in cornici sottili, navigazione traslucida è linee suttili. E sezioni si alternanu contr'à un sfondate grisgiu chjaru cù blocchi à pienu culore per i materiali promozionali, creendu ritmu attraversu cambiamenti di scala piuttostu chè elementi decorativi.
U layout di a pagina hè una pagina à larghezza piena senza larghezza massima fissa di u cuntenitore - e sezioni si stendenu da bordu à bordu, cù blocchi di testu centrati in circa 980px. A navigazione hè una sola barra globale fissa cù una sottocartella supplementaria per ogni pruduttu chì appare à u scorrimentu. U layout principale hè sempre centratu: un grande nome di pruduttu, un slogan à una sola linea, dui buttoni di pillola, poi una maghjina di pruduttu chì riempie u viewport restante. E sezioni sò impilate verticalmente cù un ritmu verticale generosu (64px+ trà e sezioni), alternendu #f5f5f7 è sfondi culuriti. A pagina inferiore hè una sola fila orizzontale di carte di serviziu à larghezza piena (Apple TV+, Fitness+, Musica, Arcade), ognuna un bloccu di foto cù testu sovrappostu è un buttone di pillola. Nisuna barre laterale, nisun layout di cuntenutu multi-colonna, nisuna cumpusizione asimmetrica - tuttu hè centratu, impilatu è simmetricu.
A fotografia hè u linguaghju visuale duminante. E foto di i prudutti sò scattate contr'à un sfondate biancu puru o grisgiu dolce, senza alcun cuntestu - u dispusitivu HÈ a stella, isulatu è illuminatu. E foto di stile di vita sò affissate in banner à piena larghezza, spessu cù oggetti ritagliati. I gradienti di culore (blu pastello, rosa, verde) servenu cum'è sfondate per e sezioni di i prudutti, micca cum'è decorazione. L'iconografia hè minimalista è basata nantu à e linee, spessa 1-2px, in a stessa scala di grigi di u testu. Nisuna illustrazione, nisuna grafica astratta, nisun rendering 3D, eccettu per e foto di i prudutti stessi.
Paletta
Marca
- Apple Blue
#0071e3— Buttoni d'azione pieni, stati selezziunati - l'unicu culore cromaticu interattivu adupratu cù parsimonia per fà chì ogni aspettu sia significativu. - Link Blue
#0066cc— Bordi d'azione evidenziati, ligami incrustati - un culore più saturatu chè Apple Blue hè adupratu induve una tableta piena seria troppu vistosa. - Signal Blue
#2997ff— Cornici decorative, contorni d'imagine, bordi d'icone - u culore turchinu u più chjaru di u sistema, adupratu per l'atmosfera piuttostu chè per l'interazzione di l'utente.
Neutru
- Carbon
#1d1d1f— U testu principale, i bordi di l'intestazione, e linee di navigazione, i bordi di e carte - u culore predominante di l'inchiostru hè guasi neru cù un ligeru toccu di calore. - Frost
#f5f5f7— A tela di a pagina, u fondu di u testu principale è a superficia di u piè di pagina sò u grisgiu chjaru di Apple, un pocu più frescu chè u biancu puru. - Ice
#f4f8fb— Riempimenti di superficia espressivi, tonalità suttili, testu di buttoni nantu à un fondu scuru - una tonalità turchina suttile chì anima a sezione senza fà la spicà. - Smoke
#333333— Testu secundariu, riempimentu di navigazione, bordi di i buttoni - Un culore neutru versatile per i bordi è l'icone chì anu bisognu di più impattu chè un grisgiu mediu. - Graphite
#474747— Testu di navigazione, bordi di navigazione, bordi di ligami - occupa una pusizione intermedia trà Carbon è Smoke in a ghjerarchia di l'elementi. - Ash
#707070— Testu di piè di pagina, bordi di lista, bordi di navigazione, testu di corpu silenziatu - Un grisgiu mediu per u cuntenutu chì deve esse presente ma micca prominente.
Tipografia
da 12 à 56px · 8 passi
- SF Pro Display — rimpiazzamentu: Inter · contorni 400, 600, 700 · Titoli è testu grande - e dimensioni di 40px+ utilizanu un furmatu di visualizazione per una apertura più stretta è un tracciamentu negativu più forte; 700 hè riservatu per i layout publicitarii, è 400 hè per i nomi di i prudutti in u cuntenutu editoriale.
- SF Pro Text — rimpiazzamentu: Inter · contorni 300, 400, 600 · Testu di u corpu, navigazione, buttoni, sottutìtuli - carattere di travagliu; 400 per u testu di u corpu, 300 per i sottutìtuli è l'etichette qualificate, 600 per l'elementi di navigazione è u testu di i buttoni; a spaziatura negativa di e lettere diminuisce proporzionalmente à a dimensione (da -0,022em à 12px à -0,01em à 44px).
Intervalli è forma
| Scopu | Significatu |
|---|---|
| Densità | mediu |
| Passu basicu | 12px |
| Raggiu di u buttone | 980px |
| Raggiu di a carta | 8px |
| Ombre | nò - bordi invece di ombre |
| Trà e sezioni | 64px |
| Larghezza di a pagina | 1440px |
L'IA custruisce u vostru situ web in stile Apple è 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
- Studio — Un muru di galleria in muvimentu. Ogni schermu rapprisenta una superficia d'esposizione tranquilla è grisgia induve i materiali tipografichi è l'opere creative sovrapposte competenu per l'attenzione.
- Mollie — Un bancone di cachemire, un registru scuru. Lasciate ampiu spaziu biancu per u disignu editoriale intornu à u testu neru, poi rinforzate i punti relativi à u pruduttu cù creme calde, caffè espresso è foto tattili di i veri metudi di pagamentu.
- Basis Theory — Terminali di pagamentu in u studio di cuncepimentu. Carta tecnica bianca, strati di transazzione traslucidi sovrapposti è un unicu elementu di cuntrollu turchese definiscenu a direzzione visuale.
- CleanShot X — Un studio cù un desktop illuminatu in blu. Crea un spaziu biancu calmu intornu à un testu neru compactu, poi lascia chì i cuntrolli turchini ricchi è l'imagine di i prudutti Mac à strati sianu à u centru di a scena.
- Modern Treasury — Un libru di tesoreria nantu à carta millimetrata. Crea pagine chì s'assumiglianu à un fogliu operativu biancu è tranquillu, induve i flussi di cassa sò visualizati cù linee fini, nodi etichettati è cuntrolli precisi è nascosti.
- Basha-Franklin — Una griglia di galleria sottu à un architrave biancu. Aduprate una tonalità calda #f4ede6, una struttura nera suttile è colonne asimmetriche basate nantu à fotografie chì parenu un portfolio architettonicu stampatu.
- Bajgart Office — Muru di a galeria editoriale. Aduprate un grande spaziu biancu induve i caratteri serif suttili è i frammenti di portfolio anu più pesu visuale chè l'elementi di l'interfaccia cromati.
- Heptabase — Un scrivania illuminatu da u sole. Superfici calde, simili à carta, cuntrolli di culore carbone è finestre fluttuanti per a ricerca creanu a sensazione di un spaziu di travagliu urganizatu piuttostu chè un pannellu di cuntrollu di software.
- Bejamas — Pigiama - calce acida attraversu vetru neru. Crea pagine editoriali calme è grisgiu chjaru interrotte da pannelli neri accattivanti induve strisce verdi sfocate di luce intersecanu a superficia.
- Baba — Note di cura in luce rossa di u sole. Crea larghe strisce narrative rosse intornu à superfici d'infurmazione intime bianche, rosa è crema, aduprendu fotografie di persone cum'è centru emutivu.
- Grafana Labs — A sala di cuntrollu di a stazione di signali di Sunrise. Un spaziu di travagliu tranquillu grisgiu è biancu si combina cù un largu gradiente d'orizonte à quattru culori è signali d'interfaccia blu precisi.
- Kagi — Una sala di lettura separata. Crea un spaziu biancu apertu intornu à un testu in grafite audace, aduprendu accenti viola suttili è superfici pastello calde per rompe a tranquillità.