Apple (España)
Valge ruumi katedraal vaevukuuldavate pealkirjadega. Tohutu, valgusküllane saal, kus õhus ripuvad tohutud 700-tihedusega kirjatüübid, mida hoiavad koos vaid pastelsed värvid ja üks sinine niit.
Apple'i tootelehe keel on uurimus tüpograafilisest heldusest: tohutud SF Pro Display pealkirjad hõljuvad valkjal taustal, ümbritsetuna avarast valgest ruumist, mis paneb iga sõna tunduma läbimõeldud. Palett on peaaegu monokromaatiline – tekst on #1d1d1f, lõuend vaheldub #ffffff ja #f5f5f7 vahel – ühe sinise aktsendiga (#0071e3), mis on reserveeritud ainult interaktiivseteks hetkedeks. Värvid esinevad tootepiltidel endil (pastelltoonid), mitte kunagi dekoratiivsete kasutajaliidese elementidena. Komponendid on raamita: ümarad kaardid 28-px raadiusega, tabletikujulised nupud peaaegu puudutavad lehe servi, ilma nähtavate konteinerite või varjudeta. Rütm luuakse vahelduvate valgete ja hallide triipude, mitte eraldajate ega ääriste abil.
Sektsioonid hõlmavad kogu lehe laiust, ulatudes servast servani helde täispadjaga (umbes 40–100 külge). Maksimaalne sisu laius on sisuliselt iga riba keskel. Põhielement on tsentreeritud virn: kulmukujuline silt, suurendatud pealkiri, üks tegevusele kutsuv nupp, hinnarida ja seejärel toote pilt, mis täidab vaatevälja alumise osa. Sektsioonid järgivad korduvat mustrit: vasakule joondatud pealkiri riba sees, millele järgneb kas kaheveeruline paigutus tootekirjeldustega (tekst vasakul/pilt paremal või vaheldumisi), kolmeveeruline kaartide ruudustik või tsentreeritud visuaalne esitlus. Sisu rütmi kontrollivad täielikult vahelduvad valged ja kolmevärvilised taustad, millel on 100–100 cm vertikaalsed vahed – puuduvad eraldajad, elemente kandvad kaardid. Globaalne navigeerimine on üks fikseeritud riba. Tootespetsifikatsiooni sektsioonides kasutatakse täislaiuses ribasid helde täispadjaga, kus tekst on tsentreeritud kitsastesse veergudesse (~560 pikslit) laiema visuaalse ala taustal.
Apple'i visuaalne keel on peamiselt tootefotograafia: riistvara lähivõtted puhtal valgel või värvilisel taustal, ilma elustiili konteksti või lavastatud stseenideta. Põhipildil on käed, mis hoiavad pastellrohelist MacBook Neot – inimlik element on teisejärguline, demonstreerides pigem ulatust ja tekstuuri kui emotsiooni. Tootevariantide osades on kaks seadet kõrvuti sama värvi (roosa, roheline, hõbedane, taevasinine) taustal, kusjuures iga kaart on tasane värviväli, mille keskel on toode. Detailfotodel kasutatakse äärmuslikke lähivõtteid (sülearvuti hing, kaameramoodul) neutraalsel taustal. Puuduvad illustratsioonid, abstraktne graafika ega dekoratiivsed pildid – toode ise on visuaalne element. Ikonograafia on kõikjal – SF Symbolsi stiilis mustvalged joonikoone, paksusega 1,5–2 pikslit, mis on võetud Apple'i süsteemiikoonide komplektist. Fotograafia on alati tehtud eredalt: ühtlane, varjudeta valgustus, mis taandab toote graafiliseks vormiks, mitte kolmemõõtmeliseks objektiks.
Palett
Bränd
- Electric Blue
#0071e3— Täidetud toimingunupud on kasutajaliidese ainus värviaktsent, mida kasutatakse tegevusele kutsuvate elementide puhul harva. - Link Blue
#0066cc— Tekstisisesed lingid, noolte ja ševronitega lingid. - Citrus Gradient
#3b3b23— Alternatiivseks viimistluseks, mis on saanud toote tunnusjooneks, on tume alusvärv, mis sulandub kollakasrohelisteks esiletõstudeks.
Neutraalne
- Primary Ink
#1d1d1f— Pealkirjad, põhitekst ja nuppude sildid on kõigil pindadel domineeriv esiplaani toon; toote põhipildi taust läheb sujuvalt üle ülaosas olevast ühtlasest #1d1d1f-st kromaatiliseks siniseks. - Mid Gray
#707070— Teisene tekst, passiivne navigeerimisolek, vaigistatud kasutajaliidese sildid - Deep Gray
#474747— Navigeerimistekst ja ikoonid on keskmise suurusega kirjas. - Hairline
#d6d6d6— Õhukesed piirid sektsioonide ja kasutajaliidese elementide vahel. - Canvas
#f5f5f7— Vahelduvad sektsioonide taustad - hall triip, mis eraldab valgeid alasid. - Paper
#ffffff— Kaardi pind, pealehe taust, nupu tekst tumedal taustal.
Tüpograafia
12-st 96 pikslini · 10 sammu
- SF Pro Display — asendamine: Inter · kontuurid 600, 700 · Põhipealkirjad ja alapealkirjad kuvamiseks – 700 kaal 80–96 piksli juures negatiivse tähevahega -1,44 pikslit loob Apple'ile iseloomuliku „massiivse valges värvitoonis ujuva pealkirja“. Asendused: Inter, system-ui
- SF Pro Display — asendamine: Inter · kontuurid 600 · Jaotiste pealkirjad, kaartide pealkirjad, alapealkirjad – 600-punktine font kergelt positiivse tähevahega tundub keskmise suurusega kirjade puhul soe ja sõbralik, erinevalt ülaltoodud lühikestest pealkirjadest.
- SF Pro Text — asendamine: Inter · kontuurid 400, 500, 600 · Põhiteksti, navigeerimise, tugilõikude ja väikeste subtiitrite puhul on peamine font indeksiga 400 ja laiusega 17 pikslit. Negatiivne tähevahe võimaldab inforohketel lehtedel sisutihedamat põhiteksti.
Intervallid ja vorm
| Eesmärk | Tähendus |
|---|---|
| Tihedus | tihe |
| Põhisamm | 8-10px |
| Nupu raadius | 980px |
| Kaardi raadius | 28px |
| Varjud | ei - varjude asemel äärised |
| Sektsioonide vahel | 100-120px |
| Lehe laius | 1200px |
Tehisintellekt loob teie veebisaidi Apple (España) stiilis ja täidab selle
- Täida toodete ja postitustega lingi kaudu - Instagram, TikTok, Facebook.
- Kanna sisu oma vanalt saidilt üle – täpsusta lihtsalt aadress.
- Moodne disain parimal mootoril: React ( Next.js) koos serveri renderdamise ja SEO optimeerimisega koheselt.
- Täisautomaatne SEO optimeerimine otsingutulemuste ja närvivõrgu soovituste jaoks.
Sarnased stiilid
- Airbnb — Vaikne valge galeriisein ühe korallpunase järjehoidjaga
- Peak Design — Galerii sein, osaliselt valgustatud
- Ramp — Toimetuse rahandusosakond, mustvalged lehed üheainsa neoonmarkeriga. Väljaande praktiliselt monokroomne pind, kus üksainus ere laimiroheline joon muudab iga suhtluse rahaliseks signaaliks.
- 099 SUPPLY — Mustvalgete objektidega täidetud galeriisein
- Orderful — Tööstuslogistika kontrollkaart – trükitud logistika dispetšeri kontrollnimekiri, mis on täidetud musta tindi ja kirurgilise punasega, iga leht piisavalt diskreetne, et üks operaator saaks midagi olulist hüüda.
- Apple (España) — valge galeriivitriin
- teenage engineering — Stuudiovalgustuse tööstuskataloog - toode on lehel ainus oluline objekt ja kõik muu arutatakse selle ümber
- Apple (España) — Galerii aken hommikuses udus
- Lightship — Filmiline dioraam avatud teest. Soojad kreemikad galeriiseinad, mida kaunistasid tiheda vahega raamitud suured maastikufotod, õhuke must trükis, mis oli raamidel vaevu nähtav, ja üksainus ereoranž aktsent, mis katkestas monokroomse tausta nagu lõke niidul.
- Custo — Püssimetalli värvi galerii monoliitse fondiga. Summutatud hallikasrohelistes toonides esindusruum, kus üks tume objekt ja 57px font räägivad enda eest.
- Silencio — Valge ruum hõljuvate esemetega. Soojast paberist galeriiväljapanek, kus iga element võtab oma koha negatiivse mahu taustal ja vaikus on tahtlik disainiotsus.
- ORYZO AI — Fotoessee pimedast toast. Üksildane objekt hõljub soojas pimeduses, kreemikas font ainsaks kaunistuseks.