Apple
Sebuah ruangan putih dengan satu saklar biru.
Desain Apple merupakan contoh kesederhanaan: kanvas yang hampir putih, ruang putih yang luas, dan aksen biru cerah tunggal yang membuat setiap tindakan terasa disengaja. Fokus utamanya adalah tipografi—SF Pro, dengan spasi huruf negatif yang berkurang seiring bertambahnya ukuran, memberikan kejelasan arsitektural pada judul tanpa terlalu berat. Produk itu sendiri adalah desainnya: foto produk besar dan gambar gaya hidup mendominasi, sementara elemen krom meredup menjadi bingkai tipis, navigasi transparan, dan garis-garis halus. Bagian-bagiannya bergantian dengan latar belakang abu-abu muda dengan blok warna penuh untuk materi promosi, menciptakan ritme melalui perubahan skala daripada elemen dekoratif.
Tata letak halaman adalah halaman lebar penuh tanpa lebar kontainer maksimum tetap—bagian-bagian membentang dari tepi ke tepi, dengan blok teks yang berpusat di dalamnya sekitar 980px. Navigasi berupa bilah global tunggal dan tetap dengan subfolder tambahan untuk setiap produk yang muncul saat digulir. Tata letak utama selalu berpusat: nama produk yang besar, slogan satu baris, dua tombol kecil, kemudian gambar produk yang memenuhi sisa tampilan. Bagian-bagian ditumpuk secara vertikal dengan ritme vertikal yang cukup lebar (64px+ di antara bagian-bagian), bergantian antara latar belakang #f5f5f7 dan berwarna. Halaman bawah adalah satu baris horizontal kartu layanan lebar penuh (Apple TV+, Fitness+, Musik, Arcade), masing-masing berupa blok foto dengan teks overlay dan tombol kecil. Tidak ada sidebar, tidak ada tata letak konten multi-kolom, tidak ada komposisi asimetris—semuanya berpusat, ditumpuk, dan simetris.
Fotografi adalah bahasa visual yang dominan. Foto produk diambil dengan latar belakang putih murni atau abu-abu lembut, tanpa konteks apa pun—perangkat itu sendiri adalah bintangnya, terisolasi dan diterangi. Foto gaya hidup ditampilkan dalam banner lebar penuh, seringkali dengan objek yang dipotong rapat. Gradien warna (biru pastel, merah muda, hijau) berfungsi sebagai latar belakang untuk bagian produk, bukan sebagai dekorasi. Ikonografinya minimalis dan berbasis garis, setebal 1-2 piksel, dengan skala abu-abu yang sama dengan teks. Tidak ada ilustrasi, tidak ada grafik abstrak, tidak ada rendering 3D, kecuali untuk foto produk itu sendiri.
Palet
Merek
- Apple Blue
#0071e3— Tombol aksi yang terisi, status terpilih - satu-satunya warna kromatik interaktif yang digunakan secara hemat agar setiap kemunculannya bermakna. - Link Blue
#0066cc— Batas aksi yang disorot, tautan tersemat - warna yang lebih jenuh daripada Apple Blue digunakan di tempat tablet yang diisi penuh akan terlalu mencolok. - Signal Blue
#2997ff— Bingkai dekoratif, garis luar gambar, batas ikon - warna biru paling terang dalam sistem, digunakan untuk menciptakan suasana daripada untuk interaksi pengguna.
Netral
- Carbon
#1d1d1f— Teks utama, batas judul, garis navigasi, batas kartu - warna tinta yang dominan hampir hitam dengan sedikit sentuhan kehangatan. - Frost
#f5f5f7— Kanvas halaman, latar belakang teks utama, dan permukaan footer menggunakan warna abu-abu muda khas Apple, sedikit lebih dingin daripada putih murni. - Ice
#f4f8fb— Pengisian permukaan yang ekspresif, rona warna yang lembut, teks tombol pada latar belakang gelap—rona biru lembut yang menghidupkan bagian tersebut tanpa membuatnya terlalu mencolok. - Smoke
#333333— Teks sekunder, isian navigasi, batas tombol - Warna netral serbaguna untuk batas dan ikon yang membutuhkan kesan lebih kuat daripada abu-abu sedang. - Graphite
#474747— Teks navigasi, batas navigasi, batas tautan - menempati posisi menengah antara Karbon dan Asap dalam hierarki elemen. - Ash
#707070— Teks footer, batas daftar, batas navigasi, teks isi yang redup - Abu-abu sedang untuk konten yang perlu ditampilkan tetapi tidak menonjol.
Tipografi
dari 12 hingga 56px · 8 langkah
- SF Pro Display — penggantian: Inter · garis besar 400, 600, 700 · Judul dan teks besar—ukuran 40px+ menggunakan format tampilan untuk bukaan yang lebih sempit dan pelacakan negatif yang lebih kuat; 700 dikhususkan untuk tata letak iklan, dan 400 untuk nama produk dalam konten editorial.
- SF Pro Text — penggantian: Inter · garis besar 300, 400, 600 · Teks isi, navigasi, tombol, subjudul — font kerja; 400 untuk teks isi, 300 untuk subjudul dan label kualifikasi, 600 untuk elemen navigasi dan teks tombol; spasi antar huruf negatif berkurang secara proporsional terhadap ukuran (dari -0,022em hingga 12px menjadi -0,01em hingga 44px).
Interval dan bentuk
| Tujuan | Arti |
|---|---|
| Kepadatan | rata-rata |
| Langkah dasar | 12px |
| Radius tombol | 980px |
| Radius kartu | 8px |
| Bayangan | tidak - batas, bukan bayangan |
| Di antara bagian-bagiannya | 64px |
| Lebar halaman | 1440px |
AI akan membangun situs web Anda dengan gaya Apple 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
- Ui — rencana klinis pada kertas matte
- ElevenLabs — Esai foto dalam nuansa krem hangat dengan judul yang halus. Sebuah buku catatan bergaya Bauhaus—kertas berwarna putih telur, tinta hitam, dan aksen ungu dan oranye tunggal untuk tampilan produk.
- monopo saigon — Cahaya cair berkilauan di balik keheningan editorial—galeri editorial monokrom yang mengambang di atas cahaya yang meleleh.
- Awesomic — Jaring seng editorial dengan tanda baca oranye yang mengingatkan pada confetti.
- Monad — jurnal teknis editorial tentang perkamen hangat
- Dub — Panel kontrol kertas beras matte milik Link
- Seline Analytics — Sebuah tabel analitis yang tenang di atas kertas hangat.
- Ventriloc — Observatorium editorial data di atas kertas hangat - bara oranye tunggal menyoroti ketelitian monokrom.
- Duolingo — Maskot kelas yang lucu di atas kertas putih.
- Stripe — Buku catatan yang ditulis dengan tinta nila di atas kaca buram.
- Notion — Sebuah buku catatan kertas hangat di bawah terik matahari siang.
- Hyer Aviation — Senja di kokpit di atas kertas perkamen. Langit fajar yang pucat bertemu dengan logo serif seukuran badan pesawat, dan satu aksen warna tanah liat hangat memecah kekangan monokrom.