Apple (España)
Hvít dómkirkja með varla heyranlegum fyrirsögnum. Risavaxinn, bjartur salur þar sem risavaxnir leturgerðir með 700 þéttleika hanga í loftinu, aðeins haldnir saman af pastellitum og einum bláum þræði.
Tungumál vörusíðunnar hjá Apple er rannsókn á leturfræðilegri örlæti: risavaxnar fyrirsagnir á SF Pro Display sveima á hvítum bakgrunni, umkringdar miklu hvítu rými sem lætur hvert orð virðast af ásettu ráði. Litapalletan er næstum einlita — texti í #1d1d1f, strigi til skiptis á milli #ffffff og #f5f5f7 — með einum bláum hreim (#0071e3) sem er eingöngu ætlaður gagnvirkum stundum. Litir eru til staðar í vörumyndunum sjálfum (pasteltónar), aldrei sem skrautþættir í notendaviðmótinu. Íhlutirnir eru rammalausir: ávöl kort með 28px radíus, pillulaga hnappar sem næstum snerta brúnir síðunnar, án sýnilegra íláta eða skugga. Takturinn er búinn til með því að skiptast á hvítum og gráum röndum, ekki skilrúmum eða jaðrum.
Kaflar fylla alla breidd síðunnar og teygja sig frá brún til brúnar með rausnarlegri fyllingu (u.þ.b. 40-100 hliðar). Hámarksbreidd efnisins er í raun miðjað innan hverrar ræmu. Aðalþátturinn er miðjaður stafli: augabrúnalaga merki, stækkuð fyrirsögn, einn hnappur með hvatningu til aðgerða, verðlína og síðan vörumynd sem fyllir neðst í glugganum. Kaflar fylgja endurteknu mynstri: vinstrijafnuð fyrirsögn innan ræmunnar, fylgt eftir af annað hvort tveggja dálka uppsetningu með vörulýsingum (texti vinstra megin/mynd hægra megin eða til skiptis), þriggja dálka rist af kortum eða miðjaðri sjónrænni sýningu. Takturinn á efninu er algjörlega stjórnaður með til skiptis hvítum og þriggja lita bakgrunni með lóðréttum bilum sem eru 100-100 cm - engir milliveggir, engin kort með þáttum. Alþjóðleg leiðsögn er ein, föst súla. Vörulýsingarkaflar nota fullbreiddar rendur með rausnarlegri fyllingu, þar sem texti er miðjaður í þröngum dálkum (~560px) á móti breiðara sjónrænu svæði.
Myndmál Apple er fyrst og fremst vöruljósmyndun: nærmyndir af vélbúnaði á hvítum eða lituðum bakgrunni, án lífsstílssamhengis eða sviðsettra atriða. Aðalmyndin sýnir hendur sem halda á pastelgrænum MacBook Neo - mannlegi þátturinn er aukaatriði og sýnir stærð og áferð frekar en tilfinningar. Í hlutunum um vöruútgáfur eru tvö tæki sýnd hlið við hlið á bakgrunni í samsvarandi litum (bleikur, grænn, silfur, himinblár), hvert kort með flatum litasviði með vörunni í miðjunni. Nánari myndir nota öfgakenndar nærmyndir (ás fartölvunnar, myndavélareiningin) á hlutlausum bakgrunni. Það eru engar myndskreytingar, engin abstrakt grafík, engar skreytingarmyndir - varan sjálf er sjónræna þátturinn. Táknmyndataka er alls staðar - einlita línutákn í SF Symbols stíl, 1,5–2px þykk, tekin úr Apple kerfistáknmyndasafninu. Ljósmyndunin er alltaf tekin á skýran hátt: einsleit, skuggalaus lýsing sem dregur vöruna niður í grafískt form frekar en þrívítt hlut.
Litatöflu
Vörumerki
- Electric Blue
#0071e3— Fylltir aðgerðahnappar eru einu litaáherslan í notendaviðmótinu og eru notaðir sparlega fyrir aðgerðahvatningar. - Link Blue
#0066cc— Innlínutextatenglar, tenglar með örvum og vinklastikum. - Citrus Gradient
#3b3b23— Önnur áferð sem hefur orðið að einkennandi eiginleika vörunnar er dökkur grunnur sem dofnar í gulgræna áherslur.
Hlutlaus
- Primary Ink
#1d1d1f— Fyrirsagnir, megintexti og merkingar á hnöppum eru ríkjandi forgrunnstónn á öllum yfirborðum; bakgrunnur aðalmyndar vörunnar breytist mjúklega úr samfelldum #1d1d1f efst í krómatískt bláan lit. - Mid Gray
#707070— Aukatexti, óvirk leiðsagnarstaða, þögguð notendaviðmótsmerki - Deep Gray
#474747— Leiðsögnartexti og táknmyndir eru með meðalstórum letri. - Hairline
#d6d6d6— Þunn mörk milli hluta og notendaviðmótsþátta. - Canvas
#f5f5f7— Skiptist á bakgrunni hluta - grá rönd sem aðskilur hvítu svæðin. - Paper
#ffffff— Yfirborð korts, bakgrunnur aðalsíðu, texti hnappa á dökkum bakgrunni.
Leturfræði
frá 12 til 96px · 10 skref
- SF Pro Display — skipti: Inter · útlínur 600, 700 · Aðalfyrirsagnir og undirfyrirsagnir til birtingar — 700 þyngd við 80–96px með neikvæðu bili á milli stafa upp á -1,44px skapar einkennisstaf Apple sem „fljótandi fyrirsögn í hvítu“. Staðgenglar: Inter, system-ui
- SF Pro Display — skipti: Inter · útlínur 600 · Kaflafyrirsagnir, titlar korta, undirfyrirsagnir - leturgerð 600 með örlítið jákvæðu bili milli stafa finnst hlýleg og vinaleg í meðalstærð, ólíkt stuttum fyrirsögnum hér að ofan.
- SF Pro Text — skipti: Inter · útlínur 400, 500, 600 · Fyrir meginmálstexta, leiðsögn, stuðningsmálsgreinar og stutta myndatexta er aðal leturgerðin með vísitölu 400 og 17px. Neikvætt bil á milli stafa gerir aðaltexta hnitmiðaðri á síðum með miklum upplýsingum.
Millibil og form
| Tilgangur | Merking |
|---|---|
| Þéttleiki | þétt |
| Grunnskref | 8-10px |
| Hnapparadíus | 980px |
| Radíus korts | 28px |
| Skuggar | engin landamæri í stað skugga |
| Milli hluta | 100-120px |
| Síðubreidd | 1200px |
Gervigreind mun smíða vefsíðuna þína í stíl við Apple (España) og fylla hana út
- Fyllið út vörur og færslur í gegnum tengilinn - Instagram, TikTok, Facebook.
- Flyttu efni af gömlu síðunni þinni — tilgreindu bara vefslóðina.
- Nútímaleg hönnun á bestu vélinni: React ( Next.js) með netþjónsútgáfu og SEO-bestun beint úr kassanum.
- Fullkomlega sjálfvirk SEO hagræðing fyrir leitarniðurstöður og tillögur að tauganetum.
Líkir stílar
- Airbnb — Rólegur hvítur galleríveggur með einum kóralrauðum bókamerki
- Peak Design — Myndaveggur, að hluta til upplýstur
- Ramp — Fjármáladeild ritstjórnarinnar, svarthvítar síður með einum neonpenna. Næstum einlita yfirborð ritsins, þar sem ein skær limegræn stroka breytir hverri samskiptum í peningalegt merki.
- 099 SUPPLY — Galleríveggur fullur af svörtum og hvítum hlutum
- Orderful — Stjórnborð fyrir iðnaðarflutninga - Prentaður gátlisti fyrir flutningastjóra, skrifaður með svörtu bleki og rauðu bleki, hver síða nógu óáberandi til að einn starfsmaður geti nefnt eitthvað mikilvægt.
- Apple (España) — hvítt gallerísýningarskápur
- teenage engineering — Iðnaðarvörulisti í stúdíólýsingu - varan er eini marktæki hluturinn á síðunni og allt annað er rætt í kringum hana.
- Apple (España) — Gallerígluggi í morgunþokunni
- Lightship — Kvikmyndaleg díorama af opnum vegi. Hlýir, kremlitaðir galleríveggir skreyttir stórum landslagsljósmyndum með stuttu millibili, þunnum svörtum letri sem varla sést á römmunum og einum skærappelsínugulum blæ sem brýtur einlita litinn eins og varðeldur á túni.
- Custo — Gallerí í byssulitum með einsleitum letri. Sýningarsalur í daufum grágrænum tónum, þar sem einn dökkur hlutur og 57px letur tala sínu máli.
- Silencio — Hvítt herbergi með fljótandi gripum. Sýning úr hlýjum pappír þar sem hvert frumefni tekur sinn stað á bak við neikvæðan rúmmálsbakgrunn og þögnin er meðvituð hönnunarákvörðun.
- ORYZO AI — Ljósmyndaritgerð um myrkraherbergi. Einstæður hlutur svífur í hlýju myrkrinu, rjómalitaður letur eina skreytingin.