Apple (España)
Usa ka katedral sa puti nga wanang nga halos dili madungog ang mga ulohan sa balita. Usa ka halapad ug hayag nga hawanan diin ang dagkong mga font nga may 700 ka densidad nagbitay sa hangin, nga gihiusa lamang sa mga kolor pastel ug usa ka asul nga hilo.
Ang pinulongan sa panid sa produkto sa Apple usa ka pagtuon sa pagkamahinatagon sa tipograpiko: dagkong mga ulohan sa SF Pro Display nga naglutaw batok sa usa ka puti nga background, gilibutan sa halapad nga puti nga wanang nga naghimo sa matag pulong nga mobati nga tinuyo. Ang paleta hapit monochromatic—teksto sa #1d1d1f, canvas nga nagpuli-puli tali sa #ffffff ug #f5f5f7—nga adunay usa ka asul nga accent (#0071e3) nga gitagana lamang alang sa mga interactive nga gutlo. Ang kolor anaa sa mga imahe sa produkto mismo (mga pastel tone), dili gyud ingon pangdekorasyon nga mga elemento sa UI. Ang mga sangkap walay frame: lingin nga mga kard nga adunay 28px radius, mga butones nga porma og pildoras nga hapit makahikap sa mga ngilit sa panid, nga walay makita nga mga sudlanan o mga anino sa drop. Ang ritmo gihimo pinaagi sa nagpuli-puli nga puti ug abohon nga mga stripe, dili mga divider o border.
Ang mga seksyon nag-okupar sa tibuok gilapdon sa panid, nga nag-inat gikan sa ngilit ngadto sa ngilit nga adunay daghang padding (gibana-bana nga 40-100 ka kilid). Ang pinakataas nga gilapdon sa sulod epektibong nakasentro sulod sa matag strip. Ang pangunang elemento usa ka nakasentro nga stack: usa ka label nga porma og kilay, usa ka gipadak-ang headline, usa ka call-to-action button, usa ka price row, ug dayon usa ka imahe sa produkto nga nagpuno sa ubos sa viewport. Ang mga seksyon nagsunod sa balik-balik nga sumbanan: usa ka wala nga gihan-ay nga headline sulod sa strip, gisundan sa usa ka duha ka kolum nga layout nga adunay mga deskripsyon sa produkto (teksto sa wala/imahe sa tuo o nagpuli-puli), usa ka tulo ka kolum nga grid sa mga kard, o usa ka nakasentro nga visual showcase. Ang ritmo sa sulod hingpit nga gikontrol sa nagpuli-puli nga puti ug tulo ka kolor nga mga background nga adunay bertikal nga mga gintang nga 100-100 cm—walay mga divider, walay mga kard nga nagdala og mga elemento. Ang global navigation usa ka single, fixed bar. Ang mga seksyon sa espesipikasyon sa produkto naggamit og full-width bands nga adunay daghang padding, diin ang teksto nakasentro sa pig-ot nga mga kolum (~560px) batok sa mas lapad nga visual area.
Ang biswal nga pinulongan sa Apple panguna nga mao ang potograpiya sa produkto: mga close-up sa hardware batok sa puro nga puti o kolor nga background, nga walay konteksto sa estilo sa kinabuhi o mga eksena nga gi-stage. Ang pangunang hulagway nagpakita sa mga kamot nga naggunit og pastel green nga MacBook Neo—ang elemento sa tawo ikaduha, nga nagpakita sa sukod ug tekstura imbes nga emosyon. Sa mga seksyon sa variant sa produkto, duha ka device ang gipresentar nga magkatapad batok sa background sa magkapares nga mga kolor sa trim (pink, berde, pilak, asul sa langit), ang matag kard usa ka patag nga kolor nga field diin ang produkto anaa sa tunga. Ang mga detalye nga kuha naggamit og grabeng close-up (ang bisagra sa laptop, ang module sa camera) batok sa neyutral nga background. Walay mga ilustrasyon, walay abstract graphics, walay pangdekorasyon nga mga imahe—ang produkto mismo mao ang biswal nga elemento. Ang iconography anaa bisan asa—mga monochrome line icon sa estilo sa SF Symbols, 1.5–2px ang gibag-on, gikuha gikan sa set sa icon sa sistema sa Apple. Ang potograpiya kanunay nga gihimo sa usa ka high-key nga paagi: uniporme, walay anino nga suga nga nagpamenos sa produkto ngadto sa usa ka graphic nga porma imbes nga usa ka three-dimensional nga butang.
Paleta
Brand
- Electric Blue
#0071e3— Ang napuno nga mga action button mao ra ang kolor nga gidugang sa UI, nga panagsa ra gamiton para sa mga panawagan sa aksyon. - Link Blue
#0066cc— Mga inline nga sumpay sa teksto, mga sumpay nga adunay mga pana ug mga chevron. - Citrus Gradient
#3b3b23— Usa ka alternatibong pagkahuman nga nahimong signature feature sa produkto mao ang itom nga base nga molubad ngadto sa yellow-green highlights.
Neutral
- Primary Ink
#1d1d1f— Ang mga headline, body text, ug mga label sa butones mao ang dominanteng tono sa foreground sa tanang nawong; ang background sa pangunang imahe sa produkto hapsay nga nagbalhin gikan sa solidong #1d1d1f sa ibabaw ngadto sa chromatic blue. - Mid Gray
#707070— Ikaduhang teksto, dili aktibo nga kahimtang sa nabigasyon, gihilom nga mga label sa UI - Deep Gray
#474747— Ang teksto sa nabigasyon ug ikonograpiya naa sa medium nga font. - Hairline
#d6d6d6— Nipis nga mga utlanan tali sa mga seksyon ug mga elemento sa UI. - Canvas
#f5f5f7— Nagpuli-puli nga mga background sa seksyon - usa ka abuhon nga stripe nga nagbulag sa puti nga mga lugar. - Paper
#ffffff— Ibabaw sa kard, background sa pangunang panid, teksto sa buton sa usa ka itom nga background.
Tipograpiya
gikan sa 12 ngadto sa 96px · 10 ka lakang
- SF Pro Display — kapuli: Inter · mga balangkas 600, 700 · Mga hero heading ug subheading para sa display — 700 nga gibug-aton sa 80–96px nga adunay negatibo nga letra nga gilay-on nga -1.44px nagmugna sa pirma sa Apple nga "dakong headline nga naglutaw sa puti." Mga kapuli: Inter, system-ui
- SF Pro Display — kapuli: Inter · mga balangkas 600 · Mga ulohan sa seksyon, titulo sa kard, ug mga sub-ulohan - ang 600 ka font nga adunay gamay nga positibo nga gilay-on sa mga letra mobati nga mainiton ug mahigalaon sa medium nga gidak-on, dili sama sa mubo nga mga ulohan sa ibabaw.
- SF Pro Text — kapuli: Inter · mga balangkas 400, 500, 600 · Para sa body text, nabigasyon, mga parapo nga nagsuporta, ug gagmay nga mga caption, ang font nga adunay index nga 400 sa 17px mao ang pangunang font. Ang negatibo nga gilay-on sa mga letra nagtugot sa mas mubo nga pangunang teksto sa mga panid nga puno sa impormasyon.
Mga interval ug porma
| Katuyoan | Kahulugan |
|---|---|
| Densidad | dasok |
| Batakang lakang | 8-10px |
| Radius sa butones | 980px |
| Radius sa kard | 28px |
| Mga anino | walay - mga utlanan imbes nga mga anino |
| Taliwala sa mga seksyon | 100-120px |
| Lapad sa panid | 1200px |
Ang AI motukod sa imong website sa estilo sa Apple (España) ug mopuno niini
- Pun-a og mga produkto ug mga post pinaagi sa link - Instagram, TikTok, Facebook.
- Ibalhin ang sulod gikan sa imong daang site—ipiho lang ang adres.
- Modernong disenyo sa pinakamaayong makina: React ( Next.js) nga adunay server rendering ug SEO optimization nga andam na gamiton.
- Bug-os nga awtomatik nga pag-optimize sa SEO para sa mga resulta sa pagpangita ug mga rekomendasyon sa neural network.
Parehas nga mga estilo
- Airbnb — Usa ka hilom nga puti nga bungbong sa gallery nga adunay usa ka coral red bookmark
- Peak Design — Pader sa galeriya, gamay ra ang suga
- Ramp — Ang departamento sa pinansya sa editoryal, itom ug puti nga mga panid nga adunay usa ka neon marker. Ang halos monochrome nga nawong sa publikasyon, diin ang usa ka hayag nga lime-green nga stroke nagbag-o sa matag interaksyon ngadto sa usa ka signal sa panalapi.
- 099 SUPPLY — Usa ka bungbong sa gallery nga puno sa itom ug puti nga mga butang
- Orderful — Industrial Logistics Control Deck - Usa ka giimprinta nga logistics dispatcher checklist, nga hinimo sa itom nga tinta ug surgical red, ang matag panid igo nga dili mamatikdan aron tugotan ang usa ka operator nga isinggit ang usa ka butang nga importante.
- Apple (España) — puti nga display case sa gallery
- teenage engineering — Katalogo sa industriya sa suga sa studio - ang produkto mao ra ang hinungdanon nga butang sa panid, ug ang tanan gihisgutan sa palibot niini
- Apple (España) — Usa ka bintana sa gallery sa gabon sa buntag
- Lightship — Usa ka sinematikong diorama sa bukas nga dalan. Mainit nga krema nga mga bungbong sa gallery nga gidayandayanan sa dagkong mga litrato sa talan-awon nga gibutang sa duol nga mga distansya, nipis nga itom nga tipo nga halos dili makita sa mga frame, ug usa ka hayag nga orange nga accent nga nagbungkag sa monochrome sama sa siga sa usa ka sibsibanan.
- Custo — Usa ka galeriya nga kolor gunmetal nga adunay monolithic font. Usa ka showroom nga adunay muted gray-green nga mga tono, diin ang usa ka itom nga butang ug 57px nga font nagsulti alang sa ilang kaugalingon.
- Silencio — Usa ka puti nga kwarto nga adunay naglutaw nga mga artifact. Usa ka gallery display nga hinimo sa init nga papel, diin ang matag elemento nag-okupar sa iyang lugar batok sa background sa negatibo nga volume, ug ang kahilom usa ka tinuyo nga desisyon sa disenyo.
- ORYZO AI — Usa ka photo essay bahin sa usa ka dark room. Usa ka butang nga nag-inusara nga naglutaw-lutaw sa init nga kangitngit, ang krema nga font mao lamang ang dekorasyon.