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
- AYOCIN — Sebuah totem kesehatan berbasis energi matahari. Ciptakan tampilan layar yang mengingatkan pada foto interior yang hangat: tipografi monumental, bayangan arsitektur yang lembut dan buram, serta satu objek bercahaya yang ditempatkan dalam ruang yang tenang dan lembut.
- AXEL ARIGATO — Axel Arigato adalah album foto urban yang jujur. Halaman-halamannya disusun sebagai rangkaian bidang editorial putih dan foto-foto mode yang relevan secara sosial dan dipotong dengan cermat, diselingi dengan keterangan singkat berwarna hitam.
- Bose — Sebuah studio rekaman di tepi pantai. Gambar iklan yang tertiup angin memenuhi bingkai, sementara kontrol kampanye hitam-putih yang tajam tersusun di sekitarnya seperti detail yang presisi.
- AVNIER — AVNYE adalah lokasi syuting malam hari. Tanda-tanda produksi berwarna putih dan garis-garis kisi yang jelas menembus gambar hitam ruang kendali.
- Bauhaus Clock — Jam dinding bergaya Bauhaus – pendaran mekanis berwarna pirus. Bingkai permukaan yang tenang dan terang dengan gambar jam yang gelap dan sinematik, serta gunakan pirus sebagai detail bercahaya yang langka.
- 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.