Apple (España)
In katedraal fan wite romte mei amper te hearren krantekoppen. In grutte, ljochte seal dêr't enoarme lettertypen mei in tichtheid fan 700 yn 'e loft hingje, allinnich byinoar hâlden troch pastelkleuren en in inkele blauwe tried.
De taal fan Apple's produktside is in stúdzje yn typografyske generositeit: enoarme SF Pro Display-koppen dy't sweve tsjin in gebroken wite eftergrûn, omjûn troch in enoarme wite romte dy't elk wurd bewust makket. It palet is hast monochromatysk - tekst yn #1d1d1f, doek ôfwikseljend tusken #ffffff en #f5f5f7 - mei in inkele blauwe aksint (#0071e3) eksklusyf reservearre foar ynteraktive mominten. Kleur is oanwêzich yn 'e produktôfbyldings sels (pasteltinten), nea as dekorative UI-eleminten. Komponinten binne frameleas: rûne kaarten mei in straal fan 28px, pilfoarmige knoppen dy't hast de rânen fan 'e side reitsje, sûnder sichtbere konteners of skaad. Ritme wurdt makke troch ôfwikseljende wite en grize strepen, gjin skiedingstekens of rânen.
Seksjes nimme de folsleine breedte fan 'e pagina yn, en strekke har fan râne oant râne mei royale padding (sawat 40-100 kanten). De maksimale ynhâldsbreedte is effektyf sintraal binnen elke strip. It haadelemint is in sintraal stapel: in wynbraufoarmich label, in fergrutte koptekst, in inkele call-to-action-knop, in priisrige, en dan in produktôfbylding dy't de ûnderkant fan it viewport follet. Seksjes folgje in werhellend patroan: in links-útlijnde koptekst binnen de strip, folge troch in yndieling fan twa kolommen mei produktbeskriuwingen (tekst oan de linkerkant/ôfbylding oan de rjochterkant of ôfwikseljend), in raster fan trije kolommen fan kaarten, of in sintraal fisuele showcase. Ynhâldsritme wurdt folslein kontroleare troch ôfwikseljende wite en trijekleurige eftergrûnen mei fertikale gatten fan 100-100 sm - gjin skiedingsplaten, gjin kaarten mei eleminten. Globale navigaasje is in inkele, fêste balke. Produktspesifikaasjeseksjes brûke bands fan folsleine breedte mei royale padding, wêrby't tekst sintraal is yn smelle kolommen (~ 560px) tsjin in breder fisueel gebiet.
Apple's fisuele taal is benammen produktfotografy: close-ups fan hardware tsjin in suver wite of kleurige eftergrûn, sûnder libbensstylkontekst of opfierde sênes. De haadôfbylding lit hannen sjen dy't in pastelgriene MacBook Neo fêsthâlde - it minsklike elemint is sekundêr, en demonstrearret skaal en tekstuer ynstee fan emoasje. Yn 'e seksjes fan produktfarianten wurde twa apparaten neist elkoar presintearre tsjin in eftergrûn fan oerienkommende trimkleuren (rôze, grien, sulver, himelsblau), elke kaart in flak kleurfjild mei it produkt yn 'e midden. Detailshots brûke ekstreme close-ups (it laptopskarnier, de kameramodule) tsjin in neutrale eftergrûn. D'r binne gjin yllustraasjes, gjin abstrakte grafiken, gjin dekorative ôfbyldings - it produkt sels is it fisuele elemint. Ikonografy is oeral - monochrome line-ikoanen yn 'e SF Symbols-styl, 1,5-2px dik, nommen fan' e Apple-systeemikoanenset. De fotografy wurdt altyd op in high-key manier dien: unifoarme, skaadfrije ferljochting dy't it produkt werombringt ta in grafyske foarm ynstee fan in trijediminsjonaal objekt.
Palet
Merk
- Electric Blue
#0071e3— Folde aksjeknoppen binne it ienige kleuraksint yn 'e brûkersynterface, en wurde sparjend brûkt foar oprop ta aksje. - Link Blue
#0066cc— Inline tekstkeppelings, keppelings mei pylken en chevrons. - Citrus Gradient
#3b3b23— In alternative finish dy't it karakteristike skaaimerk fan it produkt wurden is, is in donkere basis dy't oergiet yn gielgriene hichtepunten.
Neutraal
- Primary Ink
#1d1d1f— Kopteksten, lichemstekst en knoplabels binne de dominante foargrûntoan oer alle oerflakken; de eftergrûn fan 'e haadproduktôfbylding giet soepel oer fan in effen #1d1d1f oan 'e boppekant nei in chromatysk blau. - Mid Gray
#707070— Sekundêre tekst, ynaktive navigaasjestatus, gedempte UI-labels - Deep Gray
#474747— Navigaasjetekst en ikonografy binne yn middelgrutte lettertypen. - Hairline
#d6d6d6— Tinne grinzen tusken seksjes en UI-eleminten. - Canvas
#f5f5f7— Wikseljende seksje-eftergrûnen - in grize stripe dy't de wite gebieten skiedt. - Paper
#ffffff— Kaartoerflak, eftergrûn fan 'e haadside, knoptekst op in donkere eftergrûn.
Typografy
fan 12 oant 96px · 10 stappen
- SF Pro Display — ferfanging: Inter · sketsen 600, 700 · Hero-kopteksten en subkopteksten foar werjefte - 700 gewicht by 80–96px mei negative letterôfstân fan -1.44px makket Apple's hantekening "massive koptekst driuwend yn wyt". Ferfangers: Inter, system-ui
- SF Pro Display — ferfanging: Inter · sketsen 600 · Seksjekoppen, kaarttitels, subkoppen - in lettertype fan 600 mei in bytsje positive letterôfstân fielt waarm en freonlik oan by middelgrutte, yn tsjinstelling ta de koarte koppen hjirboppe.
- SF Pro Text — ferfanging: Inter · sketsen 400, 500, 600 · Foar haadtekst, navigaasje, stipeparagrafen en lytse ûnderskriften is in lettertype mei in yndeks fan 400 by 17px it primêre lettertype. Negative letterôfstân makket in bondiger haadtekst mooglik op ynformaasjerike siden.
Yntervallen en foarm
| Doel | Betsjutting |
|---|---|
| Dichtheid | ticht |
| Basisstap | 8-10px |
| Knopradius | 980px |
| Kaartradius | 28px |
| Skaden | gjin grinzen ynstee fan skaden |
| Tusken seksjes | 100-120px |
| Sidebreedte | 1200px |
AI sil jo webside bouwe yn Apple (España) -styl en it folje
- Folje oan mei produkten en berjochten fia de link - Instagram, TikTok, Facebook.
- Oerdrage ynhâld fan jo âlde side - spesifisearje gewoan it adres.
- Modern ûntwerp op 'e bêste motor: React ( Next.js) mei serverrendering en SEO-optimalisaasje direkt út 'e doaze.
- Folslein automatisearre SEO-optimalisaasje foar sykresultaten en oanbefellings foar neurale netwurken.
Ferlykbere stilen
- Airbnb — In rêstige wite galerymuorre mei in inkele koraalreade boekenlegger
- Peak Design — Galerymuorre, foar in part ferljochte
- Ramp — De redaksje finansjele ôfdieling, swart-wyt siden mei ien neonmarker. It praktysk monochrome oerflak fan 'e publikaasje, dêr't ien helder limoengriene streek elke ynteraksje yn in monetêr sinjaal feroaret.
- 099 SUPPLY — In galerymuorre fol mei swarte en wite objekten
- Orderful — Yndustriële Logistike Kontrôlekaart - In printe checklist foar logistike dispatchers, dien yn swarte inket en sjirurgysk read, elke pagina diskreet genôch om ien operator wat wichtichs út te roppen.
- Apple (España) — wite galeryvitrine
- teenage engineering — Yndustriële katalogus yn studioferljochting - it produkt is it ienige wichtige objekt op 'e pagina, en alles oars wurdt deromhinne besprutsen
- Apple (España) — In galeryfinster yn 'e moarnsmist
- Lightship — In filmysk diorama fan 'e iepen dyk. Waarme crèmekleurige galerymuorren fersierd mei grutte lânskipsfoto's dy't op koarte yntervallen monteard binne, tinne swarte letters dy't amper sichtber binne op 'e frames, en in inkele helder oranje aksint dy't it monochrome brekt as in fjoer yn in greide.
- Custo — In gewearmetaalkleurige galery mei in monolitysk lettertype. In showroom yn gedempte griisgriene toanen, dêr't in inkele tsjustere objekt en in lettertype fan 57px foar harsels sprekke.
- Silencio — In wite keamer mei driuwende artefakten. In galeryútstalling makke fan waarm papier, dêr't elk elemint syn plak ynnimt tsjin in eftergrûn fan negatyf folume, en de stilte in bewuste ûntwerpbeslissing is.
- ORYZO AI — In foto-essay oer in tsjustere keamer. In iensum objekt dat sweeft yn 'e waarme tsjusternis, mei in crèmekleurige lettertype as ienige dekoraasje.