Apple
Gela zuri bat etengailu urdin bakarrarekin
Appleren diseinua neurritasunaren eredu bat da: mihise ia zuria, espazio zuri zabala eta azentu urdin bizi bakarra, ekintza guztiak nahita sentiarazten dituena. Foku nagusia tipografia da —SF Pro, letra-tarte negatiboarekin, tamaina handitu ahala gutxitzen dena, titularrei arkitektura-argitasuna emanez, gehiegi astunak izan gabe. Produktua diseinua DA: produktuen argazki handiak eta bizimoduaren irudiak dira nagusi, kromo elementuak marko meheetan, nabigazio zeharrargietan eta lerro sotiletan murgiltzen diren bitartean. Atalak txandakatzen dira atzeko plano gris argi baten aurrean, material promozionalerako kolore osoko blokeekin, erritmoa sortuz eskala-aldaketen bidez, elementu apaingarrien ordez.
Orriaren diseinua zabalera osoko orrialdea da, edukiontziaren zabalera maximo finkorik gabe —atalak ertzetik ertzera luzatzen dira, testu-blokeak 980px inguruko erdian daudela. Nabigazioa barra global finko bakarra da, korritzean agertzen den produktu bakoitzerako azpikarpeta gehigarri batekin. Diseinu nagusia beti erdian dago: produktuaren izen handi bat, lerro bakarreko eslogana, bi pilula-botoi eta, ondoren, gainerako ikuspegia betetzen duen produktuaren irudi bat. Atalak bertikalki pilatzen dira erritmo bertikal eskuzabal batekin (64px+ atalen artean), #f5f5f7 eta koloretako atzeko planoak txandakatuz. Beheko orrialdea zabalera osoko zerbitzu-txartelen ilara horizontal bakarra da (Apple TV+, Fitness+, Musika, Arcade), bakoitza argazki-bloke bat gainjarritako testuarekin eta pilula-botoi batekin. Ez dago alboko barrarik, ez zutabe anitzeko eduki-diseinurik, ez konposizio asimetrikorik — dena erdian, pilatuta eta simetrikoki dago.
Argazkilaritza da hizkuntza bisual nagusia. Produktuen argazkiak atzealde zuri puru edo gris leun baten aurrean ateratzen dira, testuingururik gabe —gailua DA izarra, isolatuta eta argiztatuta—. Bizimoduaren argazkiak zabalera osoko bannerretan erakusten dira, askotan objektu estu moztuekin. Kolore gradienteak (urdin pastela, arrosa, berdea) produktuen atalen atzealde gisa balio dute, ez apaingarri gisa. Ikonografia minimalista eta lerroetan oinarritutakoa da, 1-2 px-ko lodiera duena, testuaren eskala gris berean. Ez ilustraziorik, ez grafiko abstrakturik, ez 3D errendatzerik, produktuen argazkiak izan ezik.
Paleta
Marka
- Apple Blue
#0071e3— Ekintza-botoi beteak, hautatutako egoerak - itxura bakoitza esanguratsua izan dadin neurrian erabiltzen den kolore kromatiko interaktibo bakarra. - Link Blue
#0066cc— Ekintza-ertz nabarmenduak, txertatutako estekak - Apple Blue baino kolore saturatuagoa erabiltzen da tableta bete bat deigarriegia izango litzatekeen lekuan. - Signal Blue
#2997ff— Marko apaingarriak, irudien eskemak, ikonoen ertzak - sistemako urdin argiena, erabiltzailearen interakziorako baino girorako erabiltzen dena.
Neutroa
- Carbon
#1d1d1f— Testu nagusia, goiburuen ertzak, nabigazio-lerroak, txartelen ertzak - tinta-kolore nagusia ia beltza da, berotasun ukitu txiki batekin. - Frost
#f5f5f7— Orriaren mihisea, testu nagusiaren atzeko planoa eta orri-oinaren gainazala Apple-ren gris argi bereizgarria dira, zuri hutsa baino apur bat freskoagoak. - Ice
#f4f8fb— Gainazaleko betegarri adierazgarriak, tonu sotilak, botoien testua atzealde ilun batean — atala nabarmendu gabe bizitzen duen tonu urdin sotila. - Smoke
#333333— Bigarren mailako testua, nabigazio-betegarria, botoien ertzak - Gris ertain batek baino indar handiagoa behar duten ertz eta ikonoetarako kolore neutro polifazetikoa. - Graphite
#474747— Nabigazio testua, nabigazio ertzak, estekaren ertzak - elementuen hierarkian Karbonoaren eta Kearen arteko tarteko posizioa hartzen du. - Ash
#707070— Orri-oinaren testua, zerrenden ertzak, nabigazio-ertzak, gorputz-testu isila - Gris ertaina egon behar den baina nabarmena ez den edukiarentzat.
Tipografia
12tik 56px-ra · 8 urrats
- SF Pro Display — ordezkapena: Inter · eskemak 400, 600, 700 · Titularrak eta testu handia — 40px+ tamainak irekidura estuagoa eta negatiboen jarraipen sendoagoa lortzeko bistaratze formatua erabiltzen dute; 700 publizitate diseinuetarako gordeta dago, eta 400 eduki editorialeko produktuen izenetarako.
- SF Pro Text — ordezkapena: Inter · eskemak 300, 400, 600 · Gorputz-testua, nabigazioa, botoiak, azpitituluak — laneko letra-tipoa; 400 gorputz-testuarentzat, 300 azpitituluentzat eta etiketa kualifikatuentzat, 600 nabigazio-elementuentzat eta botoien testuarentzat; letren arteko tarte negatiboa proportzionalki txikitzen da tamainarekin (-0,022em-tik 12px-ra eta -0,01em-tik 44px-ra).
Tarteak eta forma
| Helburua | Esanahia |
|---|---|
| Dentsitatea | batez bestekoa |
| Oinarrizko urratsa | 12px |
| Botoiaren erradioa | 980px |
| Txartelaren erradioa | 8px |
| Itzalak | ez - itzalen ordez ertzak |
| Atalen artean | 64px |
| Orriaren zabalera | 1440px |
Adimen artifizialak zure webgunea Apple estiloan eraikiko du eta beteko du
- Bete produktu eta argitalpenekin estekaren bidez - Instagram, TikTok, Facebook.
- Transferitu edukia zure gune zaharretik: zehaztu helbidea.
- Diseinu modernoa motor onenean: React ( Next.js) zerbitzariaren errendatzearekin eta SEO optimizazioarekin hasieratik.
- Bilaketa-emaitzetarako eta sare neuronalen gomendioetarako SEO optimizazio guztiz automatizatua.
Estilo antzekoak
- Ui — plan klinikoa paper matean
- ElevenLabs — Krema koloreko tonu beroetako argazki-saiakera, izenburu sotilekin. Bauhaus estiloko koadernoa: arrautza-oskolaren koloreko papera, tinta beltza eta produktua erakusteko more eta laranja koloreko azentu bakarra.
- monopo saigon — Argitalpen-isiltasunaren atzean distira likido eta irideszente bat —argi urtuan flotatzen ari den galeria editorial monokromo bat
- Awesomic — Konfetiaren antzeko puntuazio-markak laranja koloreko zink sare editoriala
- Monad — pergamino beroan argitaratutako aldizkari tekniko editoriala
- Dub — Link-en arroz-paper matearen kontrol-panela
- Seline Analytics — Paper epelaren gaineko taula analitiko lasaia
- Ventriloc — Paper epeleko datuen behatoki editoriala - txingar laranja bakar batek zehaztasun monokromoa nabarmentzen du
- Duolingo — Klaseko maskota jostalari paper zurian
- Stripe — Kristal izoztuan indigo tintaz idatzitako kontu-liburua
- Notion — Eguerdiko eguzkitan paperezko koaderno epel bat
- Hyer Aviation — Ilunabarra kabinan pergaminoaren gainean. Egunsentiko zeru zurbila fuselajearen tamainako serifa logotipoarekin bat egiten du, eta buztinezko azentu epel bakar batek hausten du monokromoaren neurritasuna.