Apple (España)
Sebuah katedral ruang putih dengan judul yang hampir tak terdengar. Sebuah aula luas dan terang tempat font berukuran besar dengan kepadatan 700 menggantung di udara, hanya disatukan oleh warna-warna pastel dan seutas benang biru.
Bahasa halaman produk Apple adalah studi tentang kemewahan tipografi: judul SF Pro Display yang besar melayang di atas latar belakang putih pucat, dikelilingi oleh ruang putih luas yang membuat setiap kata terasa disengaja. Paletnya hampir monokromatik—teks dalam #1d1d1f, kanvas bergantian antara #ffffff dan #f5f5f7—dengan satu aksen biru (#0071e3) yang dikhususkan untuk momen interaktif. Warna hadir dalam gambar produk itu sendiri (nada pastel), tidak pernah sebagai elemen UI dekoratif. Komponennya tanpa bingkai: kartu bulat dengan radius 28px, tombol berbentuk pil yang hampir menyentuh tepi halaman, tanpa wadah atau bayangan yang terlihat. Ritme diciptakan dengan garis-garis putih dan abu-abu yang bergantian, bukan pembatas atau batas.
Bagian-bagian menempati lebar penuh halaman, membentang dari tepi ke tepi dengan padding yang cukup besar (sekitar 40-100 sisi). Lebar konten maksimum secara efektif berada di tengah setiap strip. Elemen utama adalah susunan yang berada di tengah: label berbentuk alis, judul yang diperbesar, satu tombol ajakan bertindak (call-to-action), baris harga, dan kemudian gambar produk yang mengisi bagian bawah tampilan. Bagian-bagian mengikuti pola berulang: judul yang rata kiri di dalam strip, diikuti oleh tata letak dua kolom dengan deskripsi produk (teks di kiri/gambar di kanan atau bergantian), grid tiga kolom kartu, atau tampilan visual yang berada di tengah. Ritme konten sepenuhnya dikontrol oleh latar belakang putih dan tiga warna yang bergantian dengan jarak vertikal 100-100 cm—tanpa pembatas, tanpa kartu yang memuat elemen. Navigasi global berupa satu bilah tetap. Bagian spesifikasi produk menggunakan pita lebar penuh dengan padding yang cukup besar, di mana teks berada di tengah dalam kolom sempit (~560px) terhadap area visual yang lebih lebar.
Bahasa visual Apple terutama berupa fotografi produk: close-up perangkat keras dengan latar belakang putih murni atau berwarna, tanpa konteks gaya hidup atau adegan yang dibuat-buat. Gambar utama menunjukkan tangan yang memegang MacBook Neo berwarna hijau pastel—elemen manusia bersifat sekunder, menunjukkan skala dan tekstur daripada emosi. Di bagian varian produk, dua perangkat disajikan berdampingan dengan latar belakang warna trim yang serasi (merah muda, hijau, perak, biru langit), setiap kartu berupa bidang warna datar dengan produk di tengahnya. Foto detail menggunakan close-up ekstrem (engsel laptop, modul kamera) dengan latar belakang netral. Tidak ada ilustrasi, tidak ada grafik abstrak, tidak ada gambar dekoratif—produk itu sendiri adalah elemen visualnya. Ikonografi ada di mana-mana—ikon garis monokrom dalam gaya SF Symbols, setebal 1,5–2 piksel, diambil dari set ikon sistem Apple. Fotografi selalu dilakukan dengan gaya high-key: pencahayaan seragam tanpa bayangan yang mereduksi produk menjadi bentuk grafis daripada objek tiga dimensi.
Palet
Merek
- Electric Blue
#0071e3— Tombol aksi yang diisi penuh adalah satu-satunya aksen warna dalam UI, yang digunakan secara hemat untuk ajakan bertindak. - Link Blue
#0066cc— Tautan teks sebaris, tautan dengan panah dan tanda kurung siku. - Citrus Gradient
#3b3b23— Alternatif lapisan akhir yang telah menjadi ciri khas produk ini adalah dasar gelap yang memudar menjadi aksen hijau kekuningan.
Netral
- Primary Ink
#1d1d1f— Judul, teks isi, dan label tombol menggunakan warna latar depan dominan di semua permukaan; latar belakang gambar produk utama bertransisi dengan mulus dari warna solid #1d1d1f di bagian atas ke warna biru kromatik. - Mid Gray
#707070— Teks sekunder, status navigasi tidak aktif, label UI yang dibisukan - Deep Gray
#474747— Teks navigasi dan ikonografi menggunakan ukuran font sedang. - Hairline
#d6d6d6— Batas tipis antara bagian dan elemen UI. - Canvas
#f5f5f7— Latar belakang bagian yang berselang-seling - garis abu-abu yang memisahkan area putih. - Paper
#ffffff— Permukaan kartu, latar belakang halaman utama, teks tombol pada latar belakang gelap.
Tipografi
dari 12 hingga 96px · 10 langkah
- SF Pro Display — penggantian: Inter · garis besar 600, 700 · Judul dan subjudul hero untuk tampilan — bobot 700 pada 80–96px dengan spasi huruf negatif -1,44px menciptakan ciri khas Apple berupa "judul besar yang mengambang di ruang putih." Pengganti: Inter, system-ui
- SF Pro Display — penggantian: Inter · garis besar 600 · Judul bagian, judul kartu, subjudul - font 600 dengan spasi antar huruf yang sedikit positif terasa hangat dan ramah pada ukuran sedang, tidak seperti judul pendek di atas.
- SF Pro Text — penggantian: Inter · garis besar 400, 500, 600 · Untuk teks isi, navigasi, paragraf pendukung, dan keterangan singkat, font dengan indeks 400 pada ukuran 17px adalah font utama yang digunakan. Spasi huruf negatif memungkinkan teks utama yang lebih ringkas pada halaman yang sarat informasi.
Interval dan bentuk
| Tujuan | Arti |
|---|---|
| Kepadatan | padat |
| Langkah dasar | 8-10px |
| Radius tombol | 980px |
| Radius kartu | 28px |
| Bayangan | tidak - batas, bukan bayangan |
| Di antara bagian-bagiannya | 100-120px |
| Lebar halaman | 1200px |
AI akan membangun situs web Anda dengan gaya Apple (España) dan mengisinya.
- Isi dengan produk dan postingan melalui tautan - Instagram, TikTok, Facebook.
- Pindahkan konten dari situs lama Anda—cukup tentukan alamatnya.
- Desain modern pada mesin terbaik: React ( Next.js) dengan rendering sisi server dan optimasi SEO langsung dari awal.
- Optimasi SEO otomatis sepenuhnya untuk hasil pencarian dan rekomendasi jaringan saraf.
Gaya serupa
- Airbnb — Dinding galeri putih yang tenang dengan satu pembatas buku berwarna merah koral.
- Peak Design — Dinding galeri, sebagian diterangi
- Ramp — Departemen keuangan redaksi, halaman hitam putih dengan satu spidol neon. Permukaan publikasi yang praktis monokrom, di mana satu goresan hijau limau terang mengubah setiap interaksi menjadi sinyal moneter.
- 099 SUPPLY — Dinding galeri yang dipenuhi dengan benda-benda hitam dan putih.
- Orderful — Dek Kontrol Logistik Industri - Daftar periksa pengiriman logistik tercetak, dibuat dengan tinta hitam dan merah bedah, setiap halaman cukup ringkas sehingga memungkinkan satu operator untuk meneriakkan sesuatu yang penting.
- Apple (España) — etalase galeri putih
- teenage engineering — Katalog industri pencahayaan studio - produk adalah satu-satunya objek penting di halaman, dan segala sesuatu lainnya dibahas di sekitarnya.
- Apple (España) — Jendela galeri di tengah kabut pagi.
- Lightship — Sebuah diorama sinematik tentang jalan terbuka. Dinding galeri berwarna krem hangat dihiasi dengan foto-foto lanskap besar yang dipasang berdekatan, tulisan hitam tipis yang hampir tak terlihat pada bingkai, dan satu aksen oranye terang yang memecah monokrom seperti api unggun di padang rumput.
- Custo — Sebuah galeri berwarna abu-abu metalik dengan font monolitik. Sebuah ruang pamer dalam nuansa abu-abu kehijauan yang lembut, di mana satu objek gelap dan font berukuran 57px berbicara sendiri.
- Silencio — Sebuah ruangan putih dengan artefak yang melayang. Sebuah pajangan galeri yang terbuat dari kertas hangat, di mana setiap elemen menempati tempatnya dengan latar belakang volume negatif, dan keheningan adalah keputusan desain yang disengaja.
- ORYZO AI — Esai foto tentang ruang gelap. Sebuah objek tunggal melayang dalam kegelapan yang hangat, font krem sebagai satu-satunya hiasan.