Apple
Kamra bajda b'swiċċ blu wieħed
Id-disinn ta' Apple huwa mudell ta' trażżin: kanvas kważi abjad, spazju abjad abbundanti, u aċċent blu vibranti wieħed li jagħmel kull azzjoni tħossha intenzjonata. L-enfasi primarja hija t-tipografija—SF Pro, bi spazjar negattiv tal-ittri li jonqos maż-żieda fid-daqs, u tagħti lill-aħbarijiet ċarezza arkitettonika mingħajr ma tkun tqila żżejjed. Il-prodott HUWA d-disinn: ritratti kbar tal-prodott u stampi tal-istil tal-ħajja jiddominaw, filwaqt li elementi tal-kromju jirtiraw fi frejms irqaq, navigazzjoni trasluċida, u linji sottili. Is-sezzjonijiet jalternaw fuq sfond griż ċar bi blokki b'kulur sħiħ għal materjali promozzjonali, u joħolqu ritmu permezz ta' bidliet fl-iskala aktar milli elementi dekorattivi.
It-tqassim tal-paġna huwa paġna b'wisa' sħiħa mingħajr wisa' massima fissa tal-kontenitur—is-sezzjonijiet jinfirxu minn tarf sa tarf, bil-blokki tat-test iċċentrati ġewwa b'madwar 980px. In-navigazzjoni hija bar globali wieħed u fiss b'subfolder addizzjonali għal kull prodott li jidher fuq l-iscroll. It-tqassim prinċipali huwa dejjem iċċentrat: isem kbir tal-prodott, slogan b'linja waħda, żewġ buttuni tal-pillola, imbagħad immaġni tal-prodott li timla l-viewport li jifdal. Is-sezzjonijiet huma f'munzelli vertikalment b'ritmu vertikali ġeneruż (64px+ bejn is-sezzjonijiet), u jalternaw #f5f5f7 u sfondi kkuluriti. Il-paġna t'isfel hija ringiela orizzontali waħda ta' karti tas-servizz b'wisa' sħiħa (Apple TV+, Fitness+, Mużika, Arcade), kull waħda blokka tar-ritratti b'test sovrappost u buttuna tal-pillola. L-ebda sidebars, l-ebda tqassim ta' kontenut b'ħafna kolonni, l-ebda kompożizzjonijiet asimmetriċi—kollox huwa ċċentrat, f'munzelli, u simmetriku.
Il-fotografija hija l-lingwa viżwali dominanti. Ir-ritratti tal-prodotti jittieħdu fuq sfond abjad pur jew griż ċar, mingħajr ebda kuntest—l-apparat HUWA l-istilla, iżolat u mdawwal. Ir-ritratti tal-istil tal-ħajja jintwerew f'banners b'wisa' sħiħ, ħafna drabi b'oġġetti maqtugħin sew. Il-gradjenti tal-kulur (blu pastel, roża, aħdar) iservu bħala sfond għas-sezzjonijiet tal-prodott, mhux bħala dekorazzjoni. L-ikonografija hija minimalista u bbażata fuq il-linji, ħoxna 1-2px, fl-istess skala ta' griż bħat-test. L-ebda illustrazzjonijiet, l-ebda grafika astratta, l-ebda rendering 3D, ħlief għar-ritratti tal-prodott infushom.
Paletta
Marka
- Apple Blue
#0071e3— Buttuni ta' azzjoni mimlija, stati magħżula - l-uniku kulur kromatiku interattiv użat bil-moderazzjoni biex kull dehra tkun sinifikanti. - Link Blue
#0066cc— Borduri ta' azzjoni enfasizzati, links inkorporati - kulur aktar saturat minn Apple Blue jintuża fejn pillola mimlija tkun wisq attraenti. - Signal Blue
#2997ff— Frejms dekorattivi, kontorni tal-immaġni, borduri tal-ikoni - l-iktar kulur blu ċar fis-sistema, użat għall-atmosfera aktar milli għall-interazzjoni mal-utent.
Newtrali
- Carbon
#1d1d1f— It-test prinċipali, il-borduri tal-intestaturi, il-linji tan-navigazzjoni, il-borduri tal-karti - il-kulur predominanti tal-linka huwa kważi iswed b'ħjiel żgħir ta' sħana. - Frost
#f5f5f7— Il-kanvas tal-paġna, l-isfond tat-test prinċipali, u l-wiċċ tal-footer huma l-griż ċar li huwa s-sinjal distintiv ta' Apple, ftit iktar kiesaħ mill-abjad pur. - Ice
#f4f8fb— Mili tal-wiċċ espressiv, lewn sottili, test tal-buttuni fuq sfond skur—lewn blu sottili li jagħti l-ħajja lis-sezzjoni mingħajr ma tispikka. - Smoke
#333333— Test sekondarju, mili tan-navigazzjoni, borduri tal-buttuni - Kulur newtrali versatili għal borduri u ikoni li jeħtieġu aktar qawwa minn griż medju. - Graphite
#474747— Test tan-navigazzjoni, borduri tan-navigazzjoni, borduri tal-links - jokkupa pożizzjoni intermedja bejn il-Karbonju u d-Duħħan fil-ġerarkija tal-elementi. - Ash
#707070— Test tal-footer, borduri tal-lista, borduri tan-navigazzjoni, test tal-ġisem sieket - Griż medju għal kontenut li jeħtieġ li jkun preżenti iżda mhux prominenti.
Tipografija
minn 12 sa 56px · 8 passi
- SF Pro Display — sostituzzjoni: Inter · linji gwida 400, 600, 700 · Titli ewlenin u test kbir—daqsijiet ta' 40px+ jużaw format ta' wiri għal apertura idjaq u traċċar negattiv aktar b'saħħtu; 700 huwa riservat għal layouts ta' reklamar, u 400 huwa għal ismijiet ta' prodotti f'kontenut editorjali.
- SF Pro Text — sostituzzjoni: Inter · linji gwida 300, 400, 600 · Test tal-korp, navigazzjoni, buttuni, sottotitoli — font tax-xogħol; 400 għat-test tal-korp, 300 għas-sottotitoli u t-tikketti kwalifikati, 600 għall-elementi tan-navigazzjoni u t-test tal-buttuni; l-ispazjar negattiv tal-ittri jonqos proporzjonalment mad-daqs (minn -0.022em għal 12px għal -0.01em għal 44px).
Intervalli u forma
| Skop | Tifsira |
|---|---|
| Densità | medja |
| Pass bażiku | 12px |
| Raġġ tal-buttuna | 980px |
| Raġġ tal-karta | 8px |
| Dellijiet | le - fruntieri minflok dellijiet |
| Bejn is-sezzjonijiet | 64px |
| Wisa' tal-paġna | 1440px |
L-AI se tibni l-websajt tiegħek fl-istil ta' Apple u timlieha
- Imla bi prodotti u postijiet permezz tal-link - Instagram, TikTok, Facebook.
- Ittrasferixxi l-kontenut mis-sit il-qadim tiegħek—speċifika biss l-indirizz.
- Disinn modern fuq l-aqwa magna: React ( Next.js) b'rendering tas-server u ottimizzazzjoni SEO lesti għall-użu.
- Ottimizzazzjoni SEO kompletament awtomatizzata għar-riżultati tat-tfittxija u rakkomandazzjonijiet tan-netwerk newrali.
Stili simili
- Studio — Ħajt ta’ gallerija f’moviment. Kull skrin jirrappreżenta wiċċ ta’ wirja kwiet u griż fejn materjali tipografiċi u xogħlijiet kreattivi li jikkoinċidu jikkompetu għall-attenzjoni.
- Mollie — Bank tal-kaxxmir, reġistru skur. Ħalli biżżejjed spazju abjad għad-disinn editorjali madwar it-test iswed, imbagħad saħħaħ il-punti relatati mal-prodott bi kremi sħan, kannella espresso, u ritratti tattili tal-metodi ta' ħlas attwali.
- Basis Theory — Terminals tal-ħlas fl-istudjo tad-disinn. Karta teknika bajda, saffi ta' tranżazzjoni trasluċidi li jikkoinċidu, u element ta' kontroll turkważ wieħed jiddefinixxu d-direzzjoni viżwali.
- CleanShot X — Studio b'desktop imdawwal bil-blu. Oħloq spazju abjad kalm madwar test iswed kompatt, imbagħad ħalli l-kontrolli blu intensi u l-immaġnijiet tal-prodott Mac f'saffi jieħdu ċ-ċentru tal-attenzjoni.
- Modern Treasury — Reġistru tat-teżor fuq karta grafika. Oħloq paġni li jixbħu folja operattiva kwieta u bajda, fejn il-flussi tal-flus kontanti jintwerew b'linji fini, nodi ttikkettjati, u kontrolli preċiżi u moħbija.
- Basha-Franklin — Gradilja ta' gallerija taħt lintel abjad. Uża lewn sħun #f4ede6, struttura sewda sottili, u kolonni asimmetriċi bbażati fuq ritratti li jidhru qishom portafoll arkitettoniku stampat.
- Bajgart Office — Ħajt tal-gallerija editorjali. Uża spazju abjad kbir fejn fonts serif sottili u frammenti tal-portafoll ikollhom aktar piż viżwali minn elementi tal-interfaċċja miksija bil-kromju.
- Heptabase — Skrivanija mdawwla bix-xemx. Uċuħ sħanin qishom karta, kontrolli kulur il-faħam tal-kannol, u twieqi f'wiċċ l-ilma għar-riċerka joħolqu s-sensazzjoni ta' spazju tax-xogħol organizzat aktar milli ta' pannell tal-kontroll tas-softwer.
- Bejamas — Piġami—ġir aċiduż minn ġo ħġieġ iswed. Oħloq paġni editorjali kalmi u griżi ċari interrotti minn pannelli suwed affaxxinanti fejn strixxi ħodor imċajpra tad-dawl jaqsmu l-wiċċ.
- Baba — Noti ta' kura fid-dawl tax-xemx aħmar. Oħloq strixxi narrattivi ħomor wesgħin madwar uċuħ ta' informazzjoni intimi bojod, roża u krema, billi tuża ritratti ta' nies bħala ċ-ċentru emozzjonali.
- Grafana Labs — Il-kamra tal-kontroll tal-Istazzjon tas-Sinjali tax-Xemx. Spazju tax-xogħol kwiet griż u abjad jingħaqad ma' gradjent wiesa' ta' orizzont b'erba' kuluri u sinjali preċiżi tal-interfaċċja blu.
- Kagi — Kamra tal-qari separata. Oħloq spazju abjad miftuħ madwar test tal-grafita b'tipa grassa, billi tuża aċċenti vjola sottili u uċuħ pastel sħan biex tkisser it-trankwillità.