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
- Ui — pianu clinicu nantu à carta opaca
- ElevenLabs — Un saggio fotograficu in toni caldi di crema cù tituli suttili. Un quaderno in stile Bauhaus - carta culurata cum'è un gusciu d'ovu, inchiostru neru è un unicu accentu viola è aranciu per a presentazione di u pruduttu.
- monopo saigon — Un bagliore liquidu è iridescente daretu à u silenziu editoriale - una galeria editoriale monocromatica chì fluttua nantu à a luce fusa
- Awesomic — Maglia di zincu editoriale cù segni di punteggiatura aranciu chì ricordanu i confetti
- Monad — rivista tecnica editoriale nantu à pergamena calda
- Dub — U pannellu di cuntrollu di carta di risu opaca di Link
- Seline Analytics — Una tavula analitica tranquilla nantu à carta calda
- Ventriloc — Un osservatoriu editoriale di dati nantu à carta calda - una sola brace aranciu chì mette in risaltu a precisione monocromatica
- Duolingo — Mascotte di classe scherzosa nantu à carta bianca
- Stripe — Un libru di conti scrittu in inchiostru indaco nantu à vetru smerigliatu
- Notion — Un quaderno di carta calda à u sole di meziornu
- Hyer Aviation — Crepusculu in a cabina di pilotaggio sopra à a pergamena. U celu pallidu di l'alba incontra u logu serif di a dimensione di a fusoliera, è un unicu accentu d'argilla calda rompe a moderazione monocromatica.