Apple (España)
Baltas telpas katedrāle ar tikko dzirdamiem virsrakstiem. Plaša, gaiša zāle, kur gaisā karājas milzīgi 700 blīvuma fonti, ko kopā satur tikai pasteļkrāsas un viens zils pavediens.
Apple produktu lapu valoda ir tipogrāfiskas dāsnuma paraugs: milzīgi SF Pro Display virsraksti, kas izvietoti uz gandrīz balta fona, ko ieskauj plaša balta telpa, kas liek katram vārdam šķist apzinātam. Palete ir gandrīz monohromatiska — teksts ar #1d1d1f, audekls mijas starp #ffffff un #f5f5f7 — ar vienu zilu akcentu (#0071e3), kas rezervēts tikai interaktīviem mirkļiem. Krāsa ir atrodama pašos produktu attēlos (pasteļtoņi), nekad nav dekoratīva lietotāja interfeisa elementu sastāvdaļa. Komponenti ir bez rāmja: noapaļotas kartītes ar 28 pikseļu rādiusu, tabletes formas pogas gandrīz pieskaras lapas malām, bez redzamiem konteineriem vai ēnām. Ritmu rada mainīgas baltas un pelēkas svītras, nevis atdalītāji vai apmales.
Sadaļas aizņem visu lapas platumu, stiepjoties no malas līdz malai ar bagātīgu atkāpi (aptuveni 40–100 malas). Maksimālais satura platums ir faktiski centrēts katrā joslā. Galvenais elements ir centrēts steks: uzacu formas etiķete, palielināts virsraksts, viena aicinājuma uz darbību poga, cenu rinda un pēc tam produkta attēls, kas aizpilda skata loga apakšdaļu. Sadaļas seko atkārtotam modelim: pa kreisi līdzināts virsraksts joslā, kam seko vai nu divu kolonnu izkārtojums ar produktu aprakstiem (teksts kreisajā pusē/attēls labajā pusē vai pārmaiņus), vai trīs kolonnu režģis ar kartītēm, vai centrēts vizuālais demonstrācijas elements. Satura ritmu pilnībā kontrolē pārmaiņus balts un trīs krāsu fons ar vertikālām atstarpēm 100–100 cm garumā — bez atdalītājiem, bez kartītēm, kurās ir elementi. Globālā navigācija ir viena, fiksēta josla. Produkta specifikācijas sadaļās tiek izmantotas pilna platuma joslas ar bagātīgu atkāpi, kur teksts ir centrēts šaurās kolonnās (~560 pikseļi) uz plašāka vizuālā laukuma fona.
Apple vizuālā valoda galvenokārt ir produktu fotogrāfija: aparatūras tuvplāni uz tīri balta vai krāsaina fona, bez dzīvesveida konteksta vai iestudētām ainām. Galvenajā attēlā redzamas rokas, kas tur pasteļzaļu MacBook Neo — cilvēciskais elements ir sekundārs, demonstrējot mērogu un tekstūru, nevis emocijas. Produkta variantu sadaļās divas ierīces ir attēlotas blakus uz atbilstošu apdares krāsu fona (rozā, zaļa, sudraba, debeszila), katra karte ir plakans krāsu lauks ar produktu centrā. Detaļu kadros izmantoti ekstremāli tuvplāni (klēpjdatora eņģe, kameras modulis) uz neitrāla fona. Nav ilustrāciju, nav abstraktas grafikas, nav dekoratīvu attēlu — pats produkts ir vizuālais elements. Ikonogrāfija ir visur — vienkrāsainas līniju ikonas SF Symbols stilā, 1,5–2 pikseļu biezumā, ņemtas no Apple sistēmas ikonu kopas. Fotogrāfija vienmēr tiek veidota ar augstu toni: vienmērīgu, ēnu nesaturošu apgaismojumu, kas samazina produktu līdz grafiskai formai, nevis trīsdimensiju objektam.
Palete
Zīmols
- Electric Blue
#0071e3— Aizpildītās darbību pogas ir vienīgais krāsu akcents lietotāja saskarnē, un tās reti tiek izmantotas aicinājumiem uz darbību. - Link Blue
#0066cc— Iekļautās teksta saites, saites ar bultiņām un ševroniem. - Citrus Gradient
#3b3b23— Alternatīva apdare, kas kļuvusi par produkta raksturīgāko iezīmi, ir tumša pamatne, kas pāriet dzeltenzaļos akcentos.
Neitrāls
- Primary Ink
#1d1d1f— Virsraksti, pamatteksts un pogu nosaukumi ir dominējošais priekšplāna tonis uz visām virsmām; galvenā produkta attēla fons vienmērīgi pāriet no vienkrāsaina #1d1d1f augšpusē uz hromatisku zilu krāsu. - Mid Gray
#707070— Sekundārais teksts, neaktīvs navigācijas stāvoklis, izslēgtas lietotāja saskarnes etiķetes - Deep Gray
#474747— Navigācijas teksts un ikonogrāfija ir vidēja izmēra fontā. - Hairline
#d6d6d6— Šauras robežas starp sadaļām un lietotāja interfeisa elementiem. - Canvas
#f5f5f7— Mainīgi sekciju foni — pelēka josla, kas atdala baltās zonas. - Paper
#ffffff— Kartes virsma, galvenās lapas fons, pogas teksts uz tumša fona.
Tipogrāfija
no 12 līdz 96 pikseļiem · 10 soļi
- SF Pro Display — nomaiņa: Inter · kontūras 600, 700 · Galvenie virsraksti un apakšvirsraksti attēlošanai — 700 svars pie 80–96 pikseļiem ar negatīvu burtu atstarpi -1,44 pikseļi rada Apple raksturīgo "masīvu virsrakstu, kas peld baltā krāsā". Aizstājēji: Inter, system-ui
- SF Pro Display — nomaiņa: Inter · kontūras 600 · Sadaļu virsraksti, karšu nosaukumi, apakšvirsraksti — 600 collu fonts ar nedaudz pozitīvu burtu atstarpi vidēja izmēra tekstā šķiet silts un draudzīgs, atšķirībā no iepriekš minētajiem īsajiem virsrakstiem.
- SF Pro Text — nomaiņa: Inter · kontūras 400, 500, 600 · Pamatteksta, navigācijas, papildu rindkopu un nelielo parakstu gadījumā primārais fonts ir fonts ar indeksu 400 un izmēru 17 pikseļi. Negatīva burtu atstarpe ļauj veidot kodolīgāku pamattekstu lapās, kurās ir daudz informācijas.
Intervāli un forma
| Mērķis | Nozīme |
|---|---|
| Blīvums | blīvs |
| Pamata solis | 8-10px |
| Pogas rādiuss | 980px |
| Kartes rādiuss | 28px |
| Ēnas | nē — robežas ēnu vietā |
| Starp sekcijām | 100-120px |
| Lapas platums | 1200px |
Mākslīgais intelekts izveidos jūsu vietni Apple (España) stilā un aizpildīs to
- Aizpildiet ar produktiem un ierakstiem, izmantojot saiti — Instagram, TikTok, Facebook.
- Pārsūtiet saturu no savas vecās vietnes — vienkārši norādiet adresi.
- Moderns dizains uz labākā dzinēja: React ( Next.js) ar servera renderēšanu un SEO optimizāciju uzreiz pēc instalēšanas.
- Pilnībā automatizēta SEO optimizācija meklēšanas rezultātiem un neironu tīkla ieteikumiem.
Līdzīgi stili
- Airbnb — Klusa balta galerijas siena ar vienu koraļļsarkanu grāmatzīmi
- Peak Design — Galerijas siena, daļēji izgaismota
- Ramp — Redakcijas finanšu nodaļa, melnbaltas lapas ar vienu neona marķieri. Publikācijas praktiski vienkrāsainā virsma, kur viens spilgti laima zaļš triepiens katru mijiedarbību pārvērš monetārā signālā.
- 099 SUPPLY — Galerijas siena, kas piepildīta ar melnbaltiem objektiem
- Orderful — Rūpnieciskās loģistikas vadības klājs — drukāts loģistikas dispečera kontrolsaraksts, kas aizpildīts ar melnu tinti un ķirurģiski sarkanu krāsu, katra lapa pietiekami diskrēta, lai viens operators varētu paziņot kaut ko svarīgu.
- Apple (España) — balta galerijas vitrīna
- teenage engineering — Industriālais katalogs studijas apgaismojumā — produkts ir vienīgais nozīmīgais objekts lapā, un viss pārējais tiek apspriests ap to
- Apple (España) — Galerijas logs rīta miglā
- Lightship — Kinematogrāfiska atklātā ceļa diorāma. Silti krēmkrāsas galerijas sienas rotā lielas ainavu fotogrāfijas, kas izvietotas nelielā attālumā, tievs melns burts, kas tik tikko redzams uz rāmjiem, un viens spilgti oranžs akcents, kas pārtrauc melno krāsu kā ugunskurs pļavā.
- Custo — Ieroču metāla krāsas galerija ar monolītu fontu. Izstāžu zāle klusinātos pelēkzaļos toņos, kur viens tumšs objekts un 57px fonts runā paši par sevi.
- Silencio — Balta istaba ar peldošiem artefaktiem. Galerijas ekspozīcija, kas veidota no silta papīra, kur katrs elements ieņem savu vietu uz negatīva apjoma fona, un klusums ir apzināts dizaina lēmums.
- ORYZO AI — Foto eseja par tumšo istabu. Vientuļš objekts, kas lidinās siltā tumsā, krēmkrāsas fonts — vienīgā dekorācija.