Apple (España)
Een kathedraal van witruimte met nauwelijks hoorbare koppen. Een immense, lichte hal waar gigantische lettertypen van 700 punten in de lucht hangen, bijeengehouden door pastelkleuren en een enkele blauwe draad.
De vormgeving van Apple's productpagina's is een toonbeeld van typografische weelde: enorme SF Pro Display-koppen zweven tegen een gebroken witte achtergrond, omgeven door een uitgestrekte witruimte waardoor elk woord weloverwogen aanvoelt. Het kleurenpalet is bijna monochroom – tekst in #1d1d1f, canvas afwisselend in #ffffff en #f5f5f7 – met een enkel blauw accent (#0071e3) dat uitsluitend is gereserveerd voor interactieve elementen. Kleur is aanwezig in de productafbeeldingen zelf (pasteltinten), nooit als decoratieve UI-elementen. Componenten zijn randloos: afgeronde kaarten met een radius van 28px, pilvormige knoppen die bijna de randen van de pagina raken, zonder zichtbare containers of schaduwen. Ritme wordt gecreëerd door afwisselende witte en grijze strepen, niet door scheidingslijnen of randen.
Secties beslaan de volledige breedte van de pagina en strekken zich uit van rand tot rand met ruime opvulling (ongeveer 40-100 zijden). De maximale breedte van de inhoud is effectief gecentreerd binnen elke strook. Het hoofdelement is een gecentreerde stapel: een wenkbrauwvormig label, een vergrote kop, een enkele call-to-action-knop, een prijsregel en vervolgens een productafbeelding die de onderkant van het zichtbare gedeelte vult. Secties volgen een herhalend patroon: een links uitgelijnde kop binnen de strook, gevolgd door een lay-out met twee kolommen en productbeschrijvingen (tekst links/afbeelding rechts of afwisselend), een raster van kaarten met drie kolommen of een gecentreerde visuele presentatie. Het ritme van de inhoud wordt volledig bepaald door afwisselende witte en driekleurige achtergronden met verticale tussenruimtes van 100-100 cm – geen scheidingslijnen, geen kaarten met elementen. De globale navigatie bestaat uit een enkele, vaste balk. Secties met productspecificaties gebruiken stroken over de volledige breedte met ruime opvulling, waarbij tekst gecentreerd is in smalle kolommen (~560px) tegen een breder visueel oppervlak.
De visuele taal van Apple bestaat voornamelijk uit productfotografie: close-ups van hardware tegen een puur witte of gekleurde achtergrond, zonder lifestyle-context of geënsceneerde scènes. De hoofdafbeelding toont handen die een pastelgroene MacBook Neo vasthouden – het menselijke element is ondergeschikt en benadrukt schaal en textuur in plaats van emotie. In de productvarianten worden twee apparaten naast elkaar gepresenteerd tegen een achtergrond met bijpassende kleuren (roze, groen, zilver, lichtblauw), waarbij elke kaart een vlak kleurvlak is met het product in het midden. Detailfoto's gebruiken extreme close-ups (het scharnier van de laptop, de cameramodule) tegen een neutrale achtergrond. Er zijn geen illustraties, geen abstracte afbeeldingen, geen decoratieve elementen – het product zelf is het visuele element. Iconografie is alomtegenwoordig – monochrome lijniconen in de SF Symbols-stijl, 1,5–2 pixels dik, afkomstig uit de Apple-systeemiconenset. De fotografie is altijd uitgevoerd in een high-key-stijl: uniforme, schaduwvrije belichting die het product reduceert tot een grafische vorm in plaats van een driedimensionaal object.
Palet
Merk
- Electric Blue
#0071e3— De gevulde actieknoppen zijn het enige kleuraccent in de gebruikersinterface en worden spaarzaam gebruikt voor call-to-action-knoppen. - Link Blue
#0066cc— Inline tekstlinks, links met pijlen en chevrons. - Citrus Gradient
#3b3b23— Een alternatieve afwerking die het kenmerkende element van het product is geworden, is een donkere basis die overgaat in geelgroene accenten.
Neutrale
- Primary Ink
#1d1d1f— Kopteksten, hoofdtekst en knoplabels hebben de dominante voorgrondkleur op alle oppervlakken; de achtergrond van de hoofdafbeelding van het product loopt vloeiend over van een effen #1d1d1f-kleur bovenaan naar een chromatisch blauw. - Mid Gray
#707070— Secundaire tekst, inactieve navigatiestatus, gedempte UI-labels - Deep Gray
#474747— De navigatietekst en iconen zijn uitgevoerd in een middelgroot lettertype. - Hairline
#d6d6d6— Dunne grenzen tussen secties en UI-elementen. - Canvas
#f5f5f7— Afwisselende achtergronden voor de verschillende secties - een grijze streep die de witte vlakken scheidt. - Paper
#ffffff— Kaartoppervlak, achtergrond van de hoofdpagina, knoptekst op een donkere achtergrond.
Typografie
van 12 tot 96px · 10 stappen
- SF Pro Display — vervanging: Inter · overzichten 600, 700 · Hero-koppen en subkoppen voor weergave — 700 gewicht bij 80–96px met negatieve letterafstand van -1,44px creëert Apple's kenmerkende "enorme kop die in het wit zweeft". Alternatieven: Inter, system-ui
- SF Pro Display — vervanging: Inter · overzichten 600 · Sectietitels, kaarttitels, subtitels - een lettertype van 600 punten met een licht positieve letterafstand oogt warm en vriendelijk bij middelgrote formaten, in tegenstelling tot de korte titels hierboven.
- SF Pro Text — vervanging: Inter · overzichten 400, 500, 600 · Voor de hoofdtekst, navigatie, ondersteunende alinea's en kleine bijschriften wordt een lettertype met een index van 400 bij 17px gebruikt. Negatieve regelafstand zorgt voor een beknoptere weergave van de hoofdtekst op pagina's met veel informatie.
Intervallen en vorm
| Doel | Betekenis |
|---|---|
| Dikte | gespannen |
| Basisstap | 8-10px |
| Knopradius | 980px |
| Kaartradius | 28px |
| Schaduwen | geen randen in plaats van schaduwen |
| Tussen secties | 100-120px |
| Paginabreedte | 1200px |
AI bouwt je website in de stijl Apple (España) en vult deze in.
- Vul het account aan met producten en berichten via de link - Instagram, TikTok, Facebook.
- Neem de inhoud van je oude website over; geef gewoon het adres op.
- Modern design op de beste engine: React ( Next.js) met server-side rendering en SEO-optimalisatie direct uit de doos.
- Volledig geautomatiseerde SEO-optimalisatie voor zoekresultaten en aanbevelingen op basis van neurale netwerken.
Vergelijkbare stijlen
- Airbnb — Een rustige witte galeriewand met een enkele koraalrode boekenlegger.
- Peak Design — Galeriewand, gedeeltelijk verlicht
- Ramp — De financiële redactie, zwart-witpagina's met één neonkleurige markering. Het vrijwel monochrome oppervlak van de publicatie, waar een enkele fel limoengroene streep elke interactie in een financieel signaal verandert.
- 099 SUPPLY — Een galeriewand gevuld met zwart-witte objecten.
- Orderful — Industriële logistieke controleconsole - Een geprinte checklist voor logistieke planners, uitgevoerd in zwarte inkt en dieprood, waarbij elke pagina discreet genoeg is om één operator in staat te stellen belangrijke informatie hardop te vermelden.
- Apple (España) — witte vitrinekast
- teenage engineering — Industriële catalogus voor studioverlichting - het product is het enige belangrijke object op de pagina, en alles wat er verder over wordt gezegd, wordt eromheen besproken.
- Apple (España) — Een galerieraam in de ochtendmist.
- Lightship — Een filmisch diorama van de open weg. Warme crèmekleurige galeriewanden versierd met grote landschapsfoto's die dicht op elkaar zijn gemonteerd, dunne zwarte letters die nauwelijks zichtbaar zijn op de lijsten, en een enkel feloranje accent dat het monochrome doorbreekt als een vreugdevuur in een weiland.
- Custo — Een galerij in metaalkleur met een monolithisch lettertype. Een showroom in gedempte grijsgroene tinten, waar een enkel donker object en een lettertype van 57px voor zich spreken.
- Silencio — Een witte ruimte met zwevende objecten. Een galerie-achtige opstelling van warm papier, waarbij elk element zijn eigen plek inneemt tegen een achtergrond van negatief volume, en de stilte een bewuste ontwerpkeuze is.
- ORYZO AI — Een fotoreportage over een donkere kamer. Een eenzaam object dat zweeft in de warme duisternis, crèmekleurige letters als enige versiering.