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
- AYOCIN — Sólarljós vellíðunar. Búðu til skjái sem minna á hlýja innanhússljósmynd: stórkostlegt letur, mjúklega óskýrir byggingarlistarskuggar og einn upplýstur hlutur í rólegu, rjómalituðu rými.
- AXEL ARIGATO — Axel Arigato er einlæg ljósmyndaalbúm í borgarstíl. Síðurnar eru settar saman sem röð af hvítum ritstjórnarsvæðum og vandlega klipptum, samfélagslega viðeigandi tískuljósmyndum, með þröngum svörtum texta.
- Bose — Hljóðmynd á ströndinni. Vindblásin auglýsingamynd fyllir myndina, en skarpar svart-hvítar herferðarstýringar eru raðaðar í kringum hana eins og nákvæmar smáatriði.
- AVNIER — AVNYE er kvikmyndatökustaður á nóttunni. Hvít framleiðsluskilti og skarpar línur skera í gegnum svörtu myndirnar í stjórnklefanum.
- Bauhaus Clock — Bauhaus-innblásnar klukkur – blágræn vélræn ljómi. Rammaðu inn rólega, ljósa fleti með dökkri, kvikmyndalegri klukkumynd og notaðu blágrænt sem sjaldgæft lýsandi smáatriði.
- 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.