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
- Ui — pjan kliniku fuq karta matta
- ElevenLabs — Esej bir-ritratti f'toni krema sħan b'titoli sottili. Notebook stil Bauhaus—karta kkulurita bħal qoxra tal-bajda, linka sewda, u aċċent wieħed vjola u oranġjo għall-wiri tal-prodott.
- monopo saigon — Tiddix likwidu u irridixxenti wara s-skiet editorjali—gallerija editorjali monokromatika f'wiċċ l-ilma fuq dawl imdewweb
- Awesomic — Xibka taż-żingu editorjali b'marki ta' punteġġjatura oranġjo li jfakkru fil-konfetti
- Monad — ġurnal tekniku editorjali fuq parċmina sħuna
- Dub — Il-pannell tal-kontroll tal-karta tar-ross matte ta' Link
- Seline Analytics — Tabella analitika kwieta fuq karta sħuna
- Ventriloc — Osservatorju editorjali tad-dejta fuq karta sħuna - ġemgħa oranġjo waħda li tenfasizza l-preċiżjoni monokromatika
- Duolingo — Maskot tal-klassi ferrieħa fuq karta bajda
- Stripe — Ktieb tal-kontijiet miktub b'linka indigo fuq ħġieġ matt
- Notion — Notebook tal-karta sħuna fix-xemx ta’ nofsinhar
- Hyer Aviation — Dlam fil-kabina tal-pilota fuq parċmina. Is-sema ċar tas-sebħ jiltaqa' mal-logo serif daqs il-fuselage, u aċċent wieħed sħun tat-tafal ikisser ir-rażżan monokromu.