Apple (España)
En katedral av vitt utrymme med knappt hörbara rubriker. En stor, ljus sal där enorma typsnitt med 700 teckens täthet hänger i luften, sammanhållna endast av pastellfärger och en enda blå tråd.
Apples språk för produktsidor är en studie i typografisk generositet: enorma SF Pro Display-rubriker svävar mot en vit bakgrund, omgivna av ett stort vitt utrymme som får varje ord att kännas avsiktligt. Paletten är nästan monokromatisk – text i #1d1d1f, canvas som växlar mellan #ffffff och #f5f5f7 – med en enda blå accent (#0071e3) reserverad exklusivt för interaktiva ögonblick. Färg finns i själva produktbilderna (pastelltoner), aldrig som dekorativa UI-element. Komponenterna är ramlösa: rundade kort med en radie på 28px, pillerformade knappar som nästan nuddar sidans kanter, utan synliga behållare eller skuggor. Rytm skapas genom alternerande vita och grå ränder, inte avdelare eller ramar.
Avsnitten upptar hela sidans bredd och sträcker sig från kant till kant med generös utfyllnad (ungefär 40–100 sidor). Den maximala innehållsbredden är effektivt centrerad inom varje remsa. Huvudelementet är en centrerad stapel: en ögonbrynsformad etikett, en förstorad rubrik, en enda uppmaningsknapp, en prisrad och sedan en produktbild som fyller botten av visningsfönstret. Avsnitten följer ett upprepande mönster: en vänsterjusterad rubrik inom remsan, följt av antingen en layout med två kolumner med produktbeskrivningar (text till vänster/bild till höger eller alternerande), ett rutnät med tre kolumner eller en centrerad visuell presentation. Innehållsrytmen styrs helt av alternerande vita och trefärgade bakgrunder med vertikala mellanrum på 100–100 cm – inga avdelare, inga kort som innehåller element. Global navigering är en enda, fast stapel. Produktspecifikationsavsnitt använder band med full bredd med generös utfyllnad, där texten är centrerad i smala kolumner (~560 pixlar) mot ett bredare visuellt område.
Apples visuella språk är främst produktfotografering: närbilder av hårdvara mot en ren vit eller färgad bakgrund, utan livsstilskontext eller iscensatta scener. Huvudbilden visar händer som håller en pastellgrön MacBook Neo – det mänskliga elementet är sekundärt och demonstrerar skala och textur snarare än känsla. I produktvariantsektionerna presenteras två enheter sida vid sida mot en bakgrund av matchande dekorfärger (rosa, grön, silver, himmelsblå), där varje kort har ett platt färgfält med produkten i mitten. Detaljbilder använder extrema närbilder (laptopgångjärnet, kameramodulen) mot en neutral bakgrund. Det finns inga illustrationer, ingen abstrakt grafik, inga dekorativa bilder – själva produkten är det visuella elementet. Ikonografi finns överallt – monokroma linjeikoner i SF Symbols-stil, 1,5–2px tjocka, hämtade från Apples systemikonuppsättning. Fotograferingen görs alltid på ett tydligt sätt: enhetlig, skuggfri belysning som reducerar produkten till en grafisk form snarare än ett tredimensionellt objekt.
Palett
Stämpla
- Electric Blue
#0071e3— Fyllda åtgärdsknappar är den enda färgaccenten i användargränssnittet och används sparsamt för uppmaningar till handling. - Link Blue
#0066cc— Inbäddade textlänkar, länkar med pilar och vinklar. - Citrus Gradient
#3b3b23— En alternativ finish som har blivit produktens signaturfunktion är en mörk bas som tonas ut i gulgröna slingor.
Neutral
- Primary Ink
#1d1d1f— Rubriker, brödtext och knappetiketter är den dominerande förgrundstonen på alla ytor; bakgrunden på huvudproduktbilden övergår smidigt från en solid #1d1d1f högst upp till en kromatisk blå färg. - Mid Gray
#707070— Sekundärtext, inaktivt navigeringsläge, etiketter för gränssnittet tystade - Deep Gray
#474747— Navigationstext och ikonografi är i mellanstor typsnitt. - Hairline
#d6d6d6— Tunna gränser mellan sektioner och UI-element. - Canvas
#f5f5f7— Växlande sektionsbakgrunder - en grå rand som separerar de vita områdena. - Paper
#ffffff— Kortyta, huvudsidans bakgrund, knapptext på mörk bakgrund.
Typografi
från 12 till 96px · 10 steg
- SF Pro Display — ersättning: Inter · konturer 600, 700 · Huvudrubriker och underrubriker för visning — 700 vikt vid 80–96px med negativt bokstavsavstånd på -1,44px skapar Apples signatur "massiv rubrik som flyter i vitt". Ersättningar: Inter, system-ui
- SF Pro Display — ersättning: Inter · konturer 600 · Avsnittsrubriker, korttitlar, underrubriker – ett teckensnitt på 600 med något positivt bokstavsavstånd känns varmt och vänligt i medelstorlekar, till skillnad från de korta rubrikerna ovan.
- SF Pro Text — ersättning: Inter · konturer 400, 500, 600 · För brödtext, navigering, stödjande stycken och korta bildtexter är ett typsnitt med ett index på 400 vid 17px det primära typsnittet. Negativt bokstavsavstånd möjliggör en mer koncis huvudtext på informationstunga sidor.
Intervaller och form
| Ändamål | Menande |
|---|---|
| Densitet | tät |
| Grundläggande steg | 8-10px |
| Knappradie | 980px |
| Kortradie | 28px |
| Skuggor | inga gränser istället för skuggor |
| Mellan sektioner | 100-120px |
| Sidbredd | 1200px |
AI kommer att bygga din webbplats i Apple (España) -stil och fylla den
- Fyll på med produkter och inlägg via länken - Instagram, TikTok, Facebook.
- Överför innehåll från din gamla webbplats – ange bara adressen.
- Modern design på den bästa sökmotorn: React ( Next.js) med serverrendering och SEO-optimering direkt ur lådan.
- Helautomatisk SEO-optimering för sökresultat och rekommendationer för neurala nätverk.
Liknande stilar
- Airbnb — En tyst vit tavelvägg med ett enda korallrött bokmärke
- Peak Design — Tavelvägg, delvis upplyst
- Ramp — Redaktionens ekonomiavdelning, svartvita sidor med en enda neonpenna. Publikationens praktiskt taget monokroma yta, där ett enda ljust limegröna streck förvandlar varje interaktion till en monetär signal.
- 099 SUPPLY — En gallerivägg fylld med svartvita föremål
- Orderful — Kontrollblad för industriell logistik – En tryckt checklista för logistikdispatcher, utförd i svart bläck och kirurgiskt rött, varje sida tillräckligt diskret för att en operatör ska kunna ropa ut något viktigt.
- Apple (España) — vit gallerimonter
- teenage engineering — Industriell katalog inom studiobelysning - produkten är det enda viktiga objektet på sidan, och allt annat diskuteras runt den.
- Apple (España) — Ett gallerifönster i morgondimman
- Lightship — Ett filmiskt diorama av öppen väg. Varma krämfärgade galleriväggar prydda med stora landskapsfotografier monterade med tätt mellanrum, tunn svart text knappt synlig på ramarna och en enda ljus orange accent som bryter monokromen likt en brasa på en äng.
- Custo — Ett galleri i pistolfärg med ett monolitiskt typsnitt. Ett utställningslokaler i dämpade grågröna toner, där ett enda mörkt objekt och ett 57px-typsnitt talar för sig själva.
- Silencio — Ett vitt rum med svävande artefakter. En galleriutställning gjord av varmt papper, där varje element intar sin plats mot en bakgrund av negativ volym, och tystnaden är ett avsiktligt designbeslut.
- ORYZO AI — En fotoessä om ett mörkrum. Ett ensamt föremål svävar i det varma mörkret, med krämfärgad typsnitt som enda dekoration.