Apple (España)
Egy fehér tér katedrálisa alig hallható főcímekkel. Egy hatalmas, világos csarnok, ahol hatalmas, 700-as sűrűségű betűtípusok lógnak a levegőben, amelyeket csak pasztellszínek és egyetlen kék szál tart össze.
Az Apple termékoldalainak nyelvezete a tipográfiai nagylelkűség tanulmánya: hatalmas SF Pro Display címsorok lebegnek a törtfehér háttér előtt, hatalmas fehér térrel körülvéve, ami minden szót szándékosnak érződik. A paletta közel monokróm – szöveg #1d1d1f betűtípussal, a vászon váltakozik #ffffff és #f5f5f7 között – egyetlen kék díszítéssel (#0071e3), amely kizárólag az interaktív pillanatoknak van fenntartva. A színek magukban a termékképekben is jelen vannak (pasztelltónusok), soha nem dekoratív felhasználói felületi elemekként. Az összetevők keret nélküliek: lekerekített kártyák 28 képpontos sugarú körrel, pirula alakú gombok, amelyek majdnem érintik az oldal széleit, látható tárolók vagy árnyékok nélkül. A ritmust váltakozó fehér és szürke csíkok hozzák létre, nem elválasztók vagy szegélyek.
A szakaszok az oldal teljes szélességét kitöltik, széltől szélig húzódnak, bőséges betéttel (körülbelül 40-100 oldal). A maximális tartalomszélesség gyakorlatilag az egyes sávokon belül középre igazított. A fő elem egy középre igazított halom: egy szemöldök alakú címke, egy nagyított címsor, egyetlen cselekvésre ösztönző gomb, egy ársor, majd egy termékkép, amely kitölti a nézetablak alját. A szakaszok ismétlődő mintát követnek: egy balra igazított címsor a sávon belül, amelyet vagy egy kétoszlopos elrendezés követ termékleírásokkal (szöveg balra/kép jobbra vagy váltakozva), egy háromoszlopos kártyarács, vagy egy középre igazított vizuális bemutató. A tartalom ritmusát teljes mértékben a váltakozó fehér és háromszínű hátterek szabályozzák, 100-100 cm-es függőleges réssel – nincsenek elválasztók, nincsenek elemeket tartalmazó kártyák. A globális navigáció egyetlen, rögzített sáv. A termékleírási szakaszok teljes szélességű sávokat használnak bőséges betéttel, ahol a szöveg keskeny oszlopokban (~560 képpont) középre igazított, egy szélesebb vizuális terület előtt.
Az Apple vizuális nyelve elsősorban a termékfotózás: hardverek közeli felvételei tiszta fehér vagy színes háttér előtt, életstílusbeli kontextus vagy megrendezett jelenetek nélkül. A fő képen egy pasztellzöld MacBook Neo-t tartó kezek láthatók – az emberi tényező másodlagos, inkább a léptéket és a textúrát, mint az érzelmeket demonstrálja. A termékváltozatokat bemutató részlegekben két eszköz látható egymás mellett, azonos színű díszítőelemekkel (rózsaszín, zöld, ezüst, égkék), mindegyik kártya egy lapos színes mező, középen a termékkel. A részletfelvételek extrém közeli felvételeket (a laptop zsanérja, a kameramodul) használnak semleges háttér előtt. Nincsenek illusztrációk, nincsenek absztrakt grafikák, nincsenek dekoratív képek – maga a termék a vizuális elem. Az ikonográfia mindenhol jelen van – monokróm vonalikonok SF Symbols stílusban, 1,5–2 képpont vastagon, az Apple rendszer ikonkészletéből átvéve. A fotózás mindig hangsúlyos módon történik: egyenletes, árnyékmentes megvilágítás, amely a terméket grafikus formává redukálja, nem pedig háromdimenziós objektummá.
Paletta
Márka
- Electric Blue
#0071e3— A kitöltött akciógombok az egyetlen színes hangsúly a felhasználói felületen, ezeket csak ritkán használják cselekvésre ösztönzésekre. - Link Blue
#0066cc— Beágyazott szöveges linkek, nyilakkal és nyílvesszővel ellátott linkek. - Citrus Gradient
#3b3b23— Egy alternatív felület, amely a termék védjegyévé vált, egy sötét alap, amely sárgászöld kiemelésekbe halványul.
Semleges
- Primary Ink
#1d1d1f— A címsorok, a szövegtörzs és a gombfeliratok a domináns előtérszínt alkotják az összes felületen; a fő termékkép háttere simán átvált a tetején lévő tömör #1d1d1f színről a kromatikus kékre. - Mid Gray
#707070— Másodlagos szöveg, inaktív navigációs állapot, némított felhasználói felület címkéi - Deep Gray
#474747— A navigációs szöveg és az ikonográfia közepes betűmérettel jelenik meg. - Hairline
#d6d6d6— Vékony határvonalak a szakaszok és a felhasználói felület elemei között. - Canvas
#f5f5f7— Váltakozó hátterű szakaszok - egy szürke csík választja el a fehér területeket. - Paper
#ffffff— Kártyafelület, főoldali háttér, gombszöveg sötét háttéren.
Tipográfia
12-től 96 képpontig · 10 lépésben
- SF Pro Display — csere: Inter · körvonalak 600, 700 · Főcímsorok és alcímsorok megjelenítéshez — 700-as súly 80–96 képpontos méretben, -1,44 képpontos negatív betűközzel, ami az Apple jellegzetes „masszív, fehérben lebegő címsorát” hozza létre. Helyettesítők: Inter, system-ui
- SF Pro Display — csere: Inter · körvonalak 600 · Fejezetcímek, kártyacímek, alcímek – egy 600-as betűtípus enyhén pozitív betűközzel meleg és barátságos hatást kelt közepes méretekben, ellentétben a fenti rövid címsorokkal.
- SF Pro Text — csere: Inter · körvonalak 400, 500, 600 · A törzsszöveg, a navigáció, a kiegészítő bekezdések és a kis feliratok esetében a 400-as indexű, 17 képpontos betűtípus az elsődleges betűtípus. A negatív betűköz tömörebb főszöveget tesz lehetővé az információgazdag oldalakon.
Intervallumok és forma
| Cél | Jelentés |
|---|---|
| Sűrűség | sűrű |
| Alapvető lépés | 8-10px |
| Gomb sugara | 980px |
| Kártya sugara | 28px |
| Árnyékok | nincs - szegélyek árnyékok helyett |
| Szakaszok között | 100-120px |
| Oldal szélessége | 1200px |
A mesterséges intelligencia Apple (España) stílusban fogja elkészíteni a weboldaladat, és kitölti azt.
- Töltsd fel termékeidet és posztjaidat a linkeken keresztül - Instagram, TikTok, Facebook.
- Tartalom átvitele régi webhelyéről – csak adja meg a címet.
- Modern dizájn a legjobb keresőmotoron: React ( Next.js) szerveralapú rendereléssel és SEO optimalizálással, azonnal használható formában.
- Teljesen automatizált SEO optimalizálás a keresési eredményekhez és a neurális hálózati ajánlásokhoz.
Hasonló stílusok
- Airbnb — Egy csendes fehér galériafal egyetlen korallvörös könyvjelzővel
- Peak Design — Galériafal, részben megvilágítva
- Ramp — A szerkesztőség pénzügyi osztálya, fekete-fehér oldalak egyetlen neonfilccel. A kiadvány gyakorlatilag monokróm felülete, ahol egyetlen élénk limezöld ecsetvonás minden interakciót pénzügyi jelzéssé alakít.
- 099 SUPPLY — Egy galériafal, tele fekete-fehér tárgyakkal
- Orderful — Ipari logisztikai irányítópult - Nyomtatott logisztikai diszpécseri ellenőrzőlista, fekete tintával és sebészpiros színnel kitöltve, minden oldal elég diszkrét ahhoz, hogy egy kezelő kiálthasson valami fontosat.
- Apple (España) — fehér galériavitrin
- teenage engineering — Stúdióvilágításban használt ipari katalógus - a termék az egyetlen jelentős objektum az oldalon, és minden mást körülötte tárgyalnak
- Apple (España) — Galériaablak a reggeli ködben
- Lightship — Filmszerű dioráma a nyílt útról. Meleg krémszínű galériafalakat díszítettek a sűrűn elhelyezett nagyméretű tájképek, a képkockákon alig látható vékony fekete betűtípus, és egyetlen élénk narancssárga díszítés törte meg a monokróm képet, mint egy máglya a réten.
- Custo — Egy fegyverszürke színű galéria monolitikus betűtípussal. Egy visszafogott szürkészöld tónusú bemutatóterem, ahol egyetlen sötét tárgy és az 57px-es betűtípus magáért beszél.
- Silencio — Egy fehér szoba lebegő műtárgyakkal. Meleg papírból készült galériakiállítás, ahol minden elem a negatív térfogatú háttér előtt foglalja el a helyét, a csend pedig szándékos tervezési döntés.
- ORYZO AI — Egy fotóesszé egy sötétkamráról. Egy magányos tárgy lebeg a meleg sötétségben, krémszínű betűtípus az egyetlen dekoráció.