Apple (España)
Sebuah katedral ruang putih dengan tajuk utama yang hampir tidak kedengaran. Sebuah dewan yang luas dan terang di mana fon berkepadatan 700 yang sangat besar tergantung di udara, hanya disatukan oleh warna pastel dan sehelai benang biru.
Bahasa halaman produk Apple merupakan satu kajian tentang kemurahan hati tipografi: tajuk utama SF Pro Display yang besar berlegar pada latar belakang putih pudar, dikelilingi oleh ruang putih yang luas yang membuatkan setiap perkataan terasa disengajakan. Paletnya hampir monokromatik—teks dalam #1d1d1f, kanvas berselang-seli antara #ffffff dan #f5f5f7—dengan satu aksen biru (#0071e3) yang dikhaskan khas untuk momen interaktif. Warna terdapat dalam imej produk itu sendiri (nada pastel), tidak pernah sebagai elemen UI hiasan. Komponennya tanpa bingkai: kad bulat dengan jejari 28px, butang berbentuk pil hampir menyentuh tepi halaman, tanpa bekas atau bayang-bayang jatuh yang kelihatan. Ritma dicipta oleh jalur putih dan kelabu yang berselang-seli, bukan pembahagi atau sempadan.
Bahagian-bahagian memenuhi lebar penuh halaman, merentang dari tepi ke tepi dengan pelapik yang luas (kira-kira 40-100 sisi). Lebar kandungan maksimum berkesan berpusat di dalam setiap jalur. Elemen utama ialah tindanan berpusat: label berbentuk kening, tajuk utama yang diperbesarkan, butang seruan bertindak tunggal, baris harga dan kemudian imej produk yang memenuhi bahagian bawah port paparan. Bahagian mengikuti corak berulang: tajuk utama sejajar kiri dalam jalur, diikuti dengan sama ada susun atur dua lajur dengan penerangan produk (teks di sebelah kiri/imej di sebelah kanan atau berselang-seli), grid kad tiga lajur atau pameran visual berpusat. Ritma kandungan dikawal sepenuhnya oleh latar belakang putih dan tiga warna berselang-seli dengan jurang menegak 100-100 cm—tiada pembahagi, tiada kad yang membawa elemen. Navigasi global ialah bar tetap tunggal. Bahagian spesifikasi produk menggunakan jalur lebar penuh dengan pelapik yang luas, di mana teks berpusat dalam lajur sempit (~560px) terhadap kawasan visual yang lebih luas.
Bahasa visual Apple terutamanya adalah fotografi produk: gambar jarak dekat perkakasan dengan latar belakang putih tulen atau berwarna, tanpa konteks gaya hidup atau adegan yang dipentaskan. Imej utama menunjukkan tangan memegang MacBook Neo berwarna hijau pastel—unsur manusia adalah sekunder, menunjukkan skala dan tekstur dan bukannya emosi. Dalam bahagian varian produk, dua peranti dibentangkan bersebelahan dengan latar belakang warna kemasan yang sepadan (merah jambu, hijau, perak, biru langit), setiap kad mempunyai medan warna rata dengan produk di tengah. Gambar terperinci menggunakan gambar jarak dekat yang ekstrem (engsel komputer riba, modul kamera) dengan latar belakang neutral. Tiada ilustrasi, tiada grafik abstrak, tiada imej hiasan—produk itu sendiri adalah elemen visual. Ikonografi ada di mana-mana—ikon garisan monokrom dalam gaya Simbol SF, setebal 1.5–2px, diambil daripada set ikon sistem Apple. Fotografi sentiasa dilakukan dengan cara yang menonjol: pencahayaan seragam dan bebas bayang-bayang yang mengurangkan produk kepada bentuk grafik dan bukannya objek tiga dimensi.
Palet
Jenama
- Electric Blue
#0071e3— Butang tindakan yang diisi merupakan satu-satunya aksen warna dalam UI, digunakan dengan berhati-hati untuk seruan bertindak. - Link Blue
#0066cc— Pautan teks sebaris, pautan dengan anak panah dan chevron. - Citrus Gradient
#3b3b23— Satu kemasan alternatif yang telah menjadi ciri khas produk ini ialah warna asas gelap yang pudar menjadi sorotan kuning-hijau.
Neutral
- Primary Ink
#1d1d1f— Tajuk utama, teks isi dan label butang merupakan ton latar depan yang dominan di semua permukaan; latar belakang imej produk utama beralih dengan lancar daripada warna #1d1d1f yang kukuh di bahagian atas kepada warna biru kromatik. - Mid Gray
#707070— Teks sekunder, keadaan navigasi tidak aktif, label UI disenyapkan - Deep Gray
#474747— Teks navigasi dan ikonografi adalah dalam fon sederhana. - Hairline
#d6d6d6— Sempadan nipis antara bahagian dan elemen UI. - Canvas
#f5f5f7— Latar belakang bahagian berselang-seli - jalur kelabu yang memisahkan kawasan putih. - Paper
#ffffff— Permukaan kad, latar belakang halaman utama, teks butang pada latar belakang gelap.
Tipografi
dari 12 hingga 96px · 10 langkah
- SF Pro Display — penggantian: Inter · garis besar 600, 700 · Tajuk utama dan subtajuk untuk paparan — pemberat 700 pada 80–96px dengan jarak huruf negatif -1.44px mencipta "tajuk utama besar-besaran terapung dalam warna putih" khas Apple. Pengganti: Antara, system-ui
- SF Pro Display — penggantian: Inter · garis besar 600 · Tajuk bahagian, tajuk kad, subtajuk - fon 600 dengan jarak huruf yang sedikit positif terasa mesra dan mesra pada saiz sederhana, tidak seperti tajuk pendek di atas.
- SF Pro Text — penggantian: Inter · garis besar 400, 500, 600 · Untuk teks isi, navigasi, perenggan sokongan dan kapsyen kecil, fon dengan indeks 400 pada 17px ialah fon utama. Jarak huruf negatif membolehkan teks utama yang lebih ringkas pada halaman yang banyak maklumat.
Selang dan bentuk
| Tujuan | Maksudnya |
|---|---|
| Ketumpatan | padat |
| Langkah asas | 8-10px |
| Jejari butang | 980px |
| Jejari kad | 28px |
| Bayang-bayang | tiada - sempadan dan bukannya bayang-bayang |
| Antara bahagian | 100-120px |
| Lebar halaman | 1200px |
AI akan membina laman web anda dalam gaya Apple (España) dan mengisinya
- Isi dengan produk dan siaran melalui pautan - Instagram, TikTok, Facebook.
- Pindahkan kandungan dari tapak lama anda—cuma nyatakan alamatnya.
- Reka bentuk moden pada enjin terbaik: React ( Next.js) dengan pemaparan pelayan dan pengoptimuman SEO sedia ada.
- Pengoptimuman SEO automatik sepenuhnya untuk hasil carian dan cadangan rangkaian saraf.
Gaya yang serupa
- Airbnb — Dinding galeri putih yang tenang dengan penanda buku merah karang tunggal
- Peak Design — Dinding galeri, sebahagiannya diterangi
- Ramp — Jabatan kewangan editorial, halaman hitam putih dengan satu penanda neon. Permukaan penerbitan yang hampir monokrom, di mana satu coretan hijau limau terang mengubah setiap interaksi menjadi isyarat kewangan.
- 099 SUPPLY — Dinding galeri yang dipenuhi dengan objek hitam putih
- Orderful — Dek Kawalan Logistik Perindustrian - Senarai semak penghantar logistik bercetak, dibuat dengan dakwat hitam dan merah pembedahan, setiap halaman cukup tersembunyi untuk membolehkan seorang operator menyebut sesuatu yang penting.
- Apple (España) — kotak paparan galeri putih
- teenage engineering — Katalog perindustrian dalam pencahayaan studio - produk adalah satu-satunya objek penting pada halaman, dan semua perkara lain dibincangkan di sekelilingnya
- Apple (España) — Tingkap galeri dalam kabus pagi
- Lightship — Diorama sinematik jalan raya terbuka. Dinding galeri berwarna krim hangat dihiasi dengan gambar landskap besar yang dipasang pada jarak dekat, tulisan hitam nipis hampir tidak kelihatan pada bingkai, dan satu aksen oren terang memecahkan monokrom seperti unggun api di padang rumput.
- Custo — Sebuah galeri berwarna gunmetal dengan fon monolitik. Bilik pameran dalam rona kelabu-hijau yang disenyapkan, di mana satu objek gelap dan fon 57px bercakap untuk diri mereka sendiri.
- Silencio — Sebuah bilik putih dengan artifak terapung. Paparan galeri yang diperbuat daripada kertas suam, di mana setiap elemen menempati tempatnya dengan latar belakang isipadu negatif, dan kesunyian adalah keputusan reka bentuk yang disengajakan.
- ORYZO AI — Esei foto tentang bilik gelap. Objek bersendirian yang berlegar-legar dalam kegelapan yang hangat, fon krim satu-satunya hiasan.