Apple
Blanka ĉambro kun ununura blua ŝaltilo
La dezajno de Apple estas modelo de modereco: preskaŭ blanka kanvaso, abunda blanka spaco, kaj ununura, vigla blua akĉento, kiu igas ĉiun agon ŝajni konscia. La ĉefa fokuso estas tipografio — SF Pro, kun negativa interspaco inter literoj, kiu malpliiĝas kun kreskanta grandeco, donante al titoloj arkitekturan klarecon sen esti tro pezaj. La produkto ESTAS la dezajno: grandaj produktaj fotoj kaj vivstilbildoj dominas, dum kromaj elementoj retiriĝas en maldikajn kadrojn, travideblan navigadon kaj subtilajn liniojn. Sekcioj alternas kontraŭ helgriza fono kun plenkoloraj blokoj por varbaj materialoj, kreante ritmon per ŝanĝoj en skalo anstataŭ ornamaj elementoj.
La paĝaranĝo estas plenlarĝa paĝo sen fiksa maksimuma ujolarĝo — sekcioj etendiĝas de rando al rando, kun tekstblokoj centritaj interne je proksimume 980 rastrumeroj. La navigado estas ununura, fiksa tutmonda breto kun aldona subdosierujo por ĉiu produkto kiu aperas dum rulado. La ĉefa aranĝo estas ĉiam centrita: granda produkta nomo, unu-linia slogano, du pilolo-butonoj, poste produkta bildo kiu plenigas la restantan vidfenestron. Sekcioj estas stakigitaj vertikale kun malavara vertikala ritmo (64 rastrumeroj+ inter sekcioj), alternante #f5f5f7 kaj kolorajn fonojn. La malsupra paĝo estas ununura horizontala vico de plenlarĝaj servaj kartoj (Apple TV+, Fitness+, Muziko, Arkado), ĉiu fotobloko kun supermetita teksto kaj pilolo-butono. Neniuj flankaj bretoj, neniuj plurkolumnaj enhavaj aranĝoj, neniuj nesimetriaj komponaĵoj — ĉio estas centrita, stakigita kaj simetria.
Fotografio estas la domina vida lingvo. Produktaj fotoj estas prenitaj kontraŭ pure blanka aŭ mola griza fono, sen ia ajn kunteksto — la aparato JA estas la stelulo, izolita kaj lumigita. Vivstilfotoj estas montrataj en plenlarĝaj standardoj, ofte kun dense tonditaj objektoj. Kolorgradientoj (pastelblua, rozkolora, verda) servas kiel fono por la produktaj sekcioj, ne kiel ornamaĵo. La ikonografio estas minimalista kaj lini-bazita, 1-2 rastrumeroj dika, en la sama griza skalo kiel la teksto. Neniuj ilustraĵoj, neniuj abstraktaj grafikaĵoj, neniuj 3D-bildigoj, krom la produktaj fotoj mem.
Paletro
Marko
- Apple Blue
#0071e3— Plenigitaj agbutonoj, elektitaj statoj - la sola interaga kromata koloro uzata ŝpareme por igi ĉiun aperon senchava. - Link Blue
#0066cc— Elstarigitaj agbordoj, enigitaj ligiloj - pli saturita koloro ol Apple Blue estas uzata kie plena tabulkomputilo estus tro okulfrapa. - Signal Blue
#2997ff— Dekoraciaj kadroj, bildkonturoj, ikonaj limoj - la plej hela blua koloro en la sistemo, uzata por etoso anstataŭ por uzanta interagado.
Neŭtrala
- Carbon
#1d1d1f— La ĉefa teksto, la limoj de la titoloj, la navigaciaj linioj, la limoj de la kartoj - la superreganta inkokoloro estas preskaŭ nigra kun eta nuanco de varmo. - Frost
#f5f5f7— La paĝkanvaso, la ĉefa teksta fono kaj la piedlinio estas la signifaj helgrizaj elementoj de Apple, iom pli malvarmaj ol pura blanko. - Ice
#f4f8fb— Esprimplenaj surfacaj plenigaĵoj, subtilaj nuancoj, butonteksto sur malhela fono — subtila blua nuanco kiu vigligas la sekcion sen elstarigi ĝin. - Smoke
#333333— Dua teksto, navigada plenigaĵo, butonaj borderoj - Multflanka neŭtrala koloro por borderoj kaj ikonoj, kiuj bezonas pli da vigleco ol meza grizo. - Graphite
#474747— Navigacia teksto, navigaciaj limoj, liglimoj - okupas mezan pozicion inter Karbono kaj Fumo en la elementhierarkio. - Ash
#707070— Pieda teksto, listaj limoj, navigaciaj limoj, silentigita korpteksto - Meza grizo por enhavo kiu devas ĉeesti sed ne elstara.
Tipografio
de 12 ĝis 56 rastrumeroj · 8 paŝoj
- SF Pro Display — anstataŭaĵo: Inter · konturoj 400, 600, 700 · Titoloj kaj granda teksto — grandecoj de pli ol 40 rastrumeroj uzas ekranan formaton por pli mallarĝa aperturo kaj pli forta negativa spurado; 700 estas rezervita por reklamaj aranĝoj, kaj 400 estas por produktonomoj en redakcia enhavo.
- SF Pro Text — anstataŭaĵo: Inter · konturoj 300, 400, 600 · Korpteksto, navigado, butonoj, subtitoloj — funkcia tiparo; 400 por korpoteksto, 300 por subtitoloj kaj kvalifikitaj etikedoj, 600 por navigadaj elementoj kaj butonteksto; negativa interspaco malpliiĝas proporcie al la grandeco (de -0,022em ĝis 12px ĝis -0,01em ĝis 44px).
Intervaloj kaj formo
| Celo | Signifo |
|---|---|
| Denseco | averaĝa |
| Baza paŝo | 12px |
| Butona radiuso | 980px |
| Karto-radiuso | 8px |
| Ombroj | ne - limoj anstataŭ ombroj |
| Inter sekcioj | 64px |
| Paĝlarĝo | 1440px |
AI konstruos vian retejon laŭ la stilo de Apple kaj plenigos ĝin
- Plenigu per produktoj kaj afiŝoj per la ligilo - Instagram, TikTok, Facebook.
- Transdonu enhavon de via malnova retejo — nur specifu la adreson.
- Moderna dezajno sur la plej bona motoro: React ( Next.js) kun servila bildigo kaj SEO-optimigo tuj uzeblaj.
- Plene aŭtomatigita SEO-optimigo por serĉrezultoj kaj rekomendoj pri neŭralaj retoj.
Similaj stiloj
- Ui — klinika plano sur mata papero
- ElevenLabs — Fotoeseo en varmaj kremkoloraj tonoj kun subtilaj titoloj. Notlibro en la stilo de Bauhaus — ovoŝelkolora papero, nigra inko, kaj ununura viola kaj oranĝa akcento por montri la produkton.
- monopo saigon — Likva, iriza brilo malantaŭ la redakcia silento — monokroma redakcia galerio ŝvebanta sur fandita lumo
- Awesomic — Redakcia zinka reto kun oranĝaj interpunkciaj signoj rememorigaj pri konfetoj
- Monad — redakcia teknika revuo sur varma pergameno
- Dub — La kontrolpanelo de Link, la senbrila rizpapero
- Seline Analytics — Trankvila analiza tablo sur varma papero
- Ventriloc — Redakcia observatorio de datumoj sur varma papero - ununura oranĝa ardaĵo elstarigas la monokroma precizeco
- Duolingo — Ludema klasa maskoto sur blanka papero
- Stripe — Kontolibro skribita per indiga inko sur prujnvitro
- Notion — Varma papera kajero en la tagmeza suno
- Hyer Aviation — Krepusko en la pilotejo super pergameno. La pala ĉielo de la tagiĝo renkontas la serifan emblemon de la grandeco de la fuzelaĝo, kaj ununura varma argila akcento rompas la monokromajn bridojn.