Apple
Sebuah bilik putih dengan satu suis biru
Reka bentuk Apple merupakan model kekangan: kanvas hampir putih, ruang putih yang luas dan satu aksen biru terang yang menjadikan setiap tindakan terasa disengajakan. Fokus utamanya ialah tipografi—SF Pro, dengan jarak huruf negatif yang berkurangan dengan peningkatan saiz, memberikan tajuk utama kejelasan seni bina tanpa terlalu berat. Produk ADALAH reka bentuknya: foto produk yang besar dan imej gaya hidup mendominasi, manakala elemen krom menyusut menjadi bingkai nipis, navigasi lut sinar dan garisan halus. Bahagian berselang-seli dengan latar belakang kelabu muda dengan blok warna penuh untuk bahan promosi, mencipta irama melalui perubahan skala dan bukannya elemen hiasan.
Susun atur halaman ialah halaman lebar penuh tanpa lebar kontena maksimum yang tetap—bahagian-bahagian merentang dari tepi ke tepi, dengan blok teks berpusat di dalamnya pada kira-kira 980px. Navigasi ialah bar global tetap tunggal dengan subfolder tambahan untuk setiap produk yang muncul pada skrol. Susun atur utama sentiasa berpusat: nama produk yang besar, slogan satu baris, dua butang pil, kemudian imej produk yang memenuhi baki viewport. Bahagian disusun secara menegak dengan ritma menegak yang banyak (64px+ antara bahagian), berselang-seli #f5f5f7 dan latar belakang berwarna. Halaman bawah ialah baris mendatar tunggal kad perkhidmatan lebar penuh (Apple TV+, Fitness+, Music, Arcade), setiap satu blok foto dengan teks tindanan dan butang pil. Tiada bar sisi, tiada susun atur kandungan berbilang lajur, tiada komposisi asimetri—semuanya berpusat, disusun dan simetri.
Fotografi merupakan bahasa visual yang dominan. Foto produk diambil dengan latar belakang putih tulen atau kelabu lembut, tanpa sebarang konteks—peranti ADALAH bintang, terpencil dan diterangi. Foto gaya hidup dipaparkan dalam sepanduk lebar penuh, selalunya dengan objek yang dipotong rapat. Kecerunan warna (biru pastel, merah jambu, hijau) berfungsi sebagai latar belakang untuk bahagian produk, bukan sebagai hiasan. Ikonografi adalah minimalis dan berasaskan garisan, setebal 1-2 piksel, dalam skala kelabu yang sama seperti teks. Tiada ilustrasi, tiada grafik abstrak, tiada pemaparan 3D, kecuali foto produk itu sendiri.
Palet
Jenama
- Apple Blue
#0071e3— Butang tindakan yang diisi, keadaan terpilih - satu-satunya warna kromatik interaktif yang digunakan secara berhati-hati untuk menjadikan setiap penampilan bermakna. - Link Blue
#0066cc— Sempadan tindakan yang diserlahkan, pautan terbenam - warna yang lebih tepu daripada Apple Blue digunakan jika tablet yang diisi akan kelihatan terlalu mencolok. - Signal Blue
#2997ff— Bingkai hiasan, garisan imej, sempadan ikon - warna biru paling terang dalam sistem, digunakan untuk suasana dan bukannya untuk interaksi pengguna.
Neutral
- Carbon
#1d1d1f— Teks utama, sempadan tajuk, garisan navigasi, sempadan kad - warna dakwat yang dominan hampir hitam dengan sedikit rasa hangat. - Frost
#f5f5f7— Kanvas halaman, latar belakang teks utama dan permukaan pengaki berwarna kelabu muda khas Apple, sedikit lebih sejuk daripada putih tulen. - Ice
#f4f8fb— Isian permukaan yang ekspresif, rona halus, teks butang pada latar belakang gelap—rona biru halus yang menceriakan bahagian tersebut tanpa menonjolkannya. - Smoke
#333333— Teks sekunder, isian navigasi, sempadan butang - Warna neutral versatil untuk sempadan dan ikon yang memerlukan lebih banyak sentuhan daripada kelabu sederhana. - Graphite
#474747— Teks navigasi, sempadan navigasi, sempadan pautan - menduduki kedudukan pertengahan antara Karbon dan Asap dalam hierarki unsur. - Ash
#707070— Teks pengaki, sempadan senarai, sempadan navigasi, teks isi disenyapkan - Kelabu sederhana untuk kandungan yang perlu hadir tetapi tidak menonjol.
Tipografi
dari 12 hingga 56px · 8 langkah
- SF Pro Display — penggantian: Inter · garis besar 400, 600, 700 · Tajuk utama dan teks besar—saiz 40px+ menggunakan format paparan untuk apertur yang lebih sempit dan penjejakan negatif yang lebih kuat; 700 dikhaskan untuk susun atur pengiklanan dan 400 adalah untuk nama produk dalam kandungan editorial.
- SF Pro Text — penggantian: Inter · garis besar 300, 400, 600 · Teks isi, navigasi, butang, subtajuk — fon berfungsi; 400 untuk teks isi, 300 untuk subtajuk dan label yang layak, 600 untuk elemen navigasi dan teks butang; jarak huruf negatif berkurangan secara berkadaran dengan saiz (dari -0.022 kepada 12px kepada -0.01 kepada 44px).
Selang dan bentuk
| Tujuan | Maksudnya |
|---|---|
| Ketumpatan | purata |
| Langkah asas | 12px |
| Jejari butang | 980px |
| Jejari kad | 8px |
| Bayang-bayang | tiada - sempadan dan bukannya bayang-bayang |
| Antara bahagian | 64px |
| Lebar halaman | 1440px |
AI akan membina laman web anda dalam gaya Apple 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
- Ui — pelan klinikal pada kertas matte
- ElevenLabs — Esei foto dalam rona krim hangat dengan tajuk utama yang halus. Buku nota gaya Bauhaus—kertas berwarna kulit telur, dakwat hitam dan satu aksen ungu dan oren untuk paparan produk.
- monopo saigon — Cahaya cair berwarna-warni di sebalik kesunyian editorial—galeri editorial monokrom yang terapung di atas cahaya cair
- Awesomic — Jaring zink editorial dengan tanda baca oren yang mengingatkan pada konfeti
- Monad — jurnal teknikal editorial mengenai perkamen hangat
- Dub — Panel kawalan kertas beras matte Link
- Seline Analytics — Jadual analitik yang tenang di atas kertas suam
- Ventriloc — Sebuah balai cerap editorial data pada kertas suam - sebatang bara oren tunggal yang menonjolkan ketepatan monokrom
- Duolingo — Maskot kelas yang suka bermain di atas kertas putih
- Stripe — Buku akaun yang ditulis dengan dakwat indigo pada kaca berkabut
- Notion — Buku nota kertas yang hangat di bawah sinaran matahari tengah hari
- Hyer Aviation — Senja di kokpit di atas kertas perkamen. Langit subuh yang pucat bertemu dengan logo serif bersaiz fiuslaj, dan satu aksen tanah liat yang hangat memecahkan kekangan monokrom.