Apple
Kamar bodas kalayan hiji saklar biru
Desain Apple mangrupikeun modél anu ngawatesan: kanvas anu ampir bodas, rohangan bodas anu lega, sareng aksen biru tunggal anu cerah anu ngajantenkeun unggal tindakan karasa disengaja. Fokus utama nyaéta tipografi—SF Pro, kalayan jarak hurup négatip anu ngirangan kalayan ukuran anu ningkat, masihan judul kajelasan arsitéktur tanpa kaleuleuwihi beurat. Produkna nyaéta desain: poto produk anu ageung sareng gambar gaya hirup ngadominasi, sedengkeun unsur krom ngaleungit kana pigura ipis, navigasi tembus cahaya, sareng garis anu halus. Bagian-bagian silih genti ngalawan latar kulawu ngora kalayan blok warna pinuh pikeun bahan promosi, nyiptakeun wirahma ngalangkungan parobahan skala tinimbang unsur hiasan.
Tata letak halaman nyaéta halaman lébar pinuh tanpa lébar wadah maksimum anu tetep—bagian-bagian manjang ti ujung ka ujung, kalayan blok téks anu dipusatkeun di jero sakitar 980px. Navigasi mangrupikeun hiji bilah global anu tetep kalayan subfolder tambahan pikeun unggal produk anu muncul dina gulungan. Tata letak utama salawasna dipusatkeun: nami produk anu ageung, tagline hiji baris, dua tombol pil, teras gambar produk anu ngeusian viewport anu sésana. Bagian-bagian ditumpuk sacara vertikal kalayan wirahma vertikal anu lega (64px+ antara bagian), silih genti #f5f5f7 sareng latar tukang berwarna. Halaman handap nyaéta hiji baris horizontal kartu layanan lébar pinuh (Apple TV+, Fitness+, Music, Arcade), masing-masing blok poto kalayan téks overlay sareng tombol pil. Teu aya sidebar, teu aya tata letak eusi multi-kolom, teu aya komposisi asimetris—sadayana dipusatkeun, ditumpuk, sareng simetris.
Potografi nyaéta basa visual anu dominan. Poto produk dicandak ngalawan latar bodas murni atanapi kulawu lemes, tanpa kontéks naon waé — alatna nyaéta béntang, diisolasi sareng dihias. Poto gaya hirup ditampilkeun dina spanduk lébar pinuh, seringna kalayan objék anu dipotong pageuh. Gradien warna (biru pastel, pink, héjo) janten latar pikeun bagian produk, sanés salaku hiasan. Ikonografi minimalis sareng dumasar kana garis, kandelna 1-2px, dina skala kulawu anu sami sareng téks. Teu aya ilustrasi, teu aya grafik abstrak, teu aya rendering 3D, kecuali poto produk éta sorangan.
Palet
Merek
- Apple Blue
#0071e3— Tombol aksi anu dieusi, kaayaan anu dipilih - hiji-hijina warna kromatik interaktif anu dianggo sacara hemat pikeun ngajantenkeun unggal penampilan bermakna. - Link Blue
#0066cc— Wates aksi anu disorot, tautan anu dipasang - warna anu langkung jenuh tibatan Apple Blue dianggo upami tablet anu dieusi bakal katingali mencolok teuing. - Signal Blue
#2997ff— Pigura hiasan, garis luar gambar, wates ikon - warna biru pangbodasna dina sistem, dianggo pikeun suasana tinimbang pikeun interaksi pangguna.
Nétral
- Carbon
#1d1d1f— Téks utama, wates judul, garis navigasi, wates kartu - warna tinta anu dominan ampir hideung kalayan saeutik rasa haneut. - Frost
#f5f5f7— Kanvas halaman, latar tukang téks utama, sareng permukaan footer nganggo warna kulawu ngora khas Apple, rada tiis tibatan bodas murni. - Ice
#f4f8fb— Eusian permukaan anu éksprésif, warna anu lemes, téks tombol dina latar poék—warna biru lemes anu ngahirupkeun bagian éta tanpa ngajantenkeun éta nonjol. - Smoke
#333333— Téks sekundér, eusian navigasi, wates tombol - Warna nétral anu serbaguna pikeun wates sareng ikon anu peryogi langkung seueur sentuhan tibatan kulawu sedeng. - Graphite
#474747— Téks navigasi, wates navigasi, wates tautan - nempatan posisi panengah antara Karbon sareng Asap dina hirarki unsur. - Ash
#707070— Téks footer, wates daptar, wates navigasi, téks awak anu diredam - Warna kulawu sedeng pikeun eusi anu kedah aya tapi henteu nonjol.
Tipografi
ti 12 nepi ka 56px · 8 léngkah
- SF Pro Display — panggantian: Inter · garis besar 400, 600, 700 · Judul jeung téks badag—ukuran 40px+ ngagunakeun format tampilan pikeun aperture anu leuwih heureut jeung tracking négatif anu leuwih kuat; 700 disimpen pikeun tata letak iklan, jeung 400 pikeun ngaran produk dina eusi éditorial.
- SF Pro Text — panggantian: Inter · garis besar 300, 400, 600 · Eusi téks, navigasi, tombol, subjudul — font anu tiasa dianggo; 400 pikeun eusi téks, 300 pikeun subjudul sareng labél anu mumpuni, 600 pikeun unsur navigasi sareng téks tombol; jarak hurup négatif nurun sacara proporsional dumasar kana ukuranana (ti -0.022em ka 12px ka -0.01em ka 44px).
Interval sareng bentuk
| Tujuan | Hartina |
|---|---|
| Kapadetan | rata-rata |
| Léngkah dasar | 12px |
| Radius tombol | 980px |
| Radius kartu | 8px |
| Kalangkang | euweuh - wates tinimbang kalangkang |
| Antara bagian | 64px |
| Lebar kaca | 1440px |
AI bakal ngawangun situs wéb anjeun dina gaya Apple sareng ngeusianana
- Eusian ku produk sareng postingan ngalangkungan tautan - Instagram, TikTok, Facebook.
- Mindahkeun eusi tina situs lami anjeun—cukup sebutkeun alamatna.
- Desain modéren dina mesin pangsaéna: React ( Next.js) kalayan rendering server sareng optimasi SEO anu tos siap dianggo.
- Optimasi SEO otomatis pinuh pikeun hasil pamilarian sareng rekomendasi jaringan saraf.
Gaya anu sami
- Studio — Témbok galeri nu keur gerak. Unggal layar ngagambarkeun permukaan pameran nu sepi jeung kulawu dimana bahan tipografi jeung karya kreatif nu tumpang tindih silih rebutan perhatian.
- Mollie — Meja kasmir, buku besar poék. Tinggalkeun rohangan bodas anu lega pikeun desain éditorial di sabudeureun téks hideung, teras kuatkeun poin anu aya hubunganana sareng produk ku krim haneut, coklat espresso, sareng poto taktil tina metode pamayaran anu saleresna.
- Basis Theory — Terminal pamayaran di studio desain. Kertas téknis bodas, lapisan transaksi transparan anu tumpang tindih, sareng hiji unsur kontrol biru toska ngajelaskeun arah visual.
- CleanShot X — Studio kalayan desktop anu dihias ku lampu biru. Jieun rohangan bodas anu tenang di sabudeureun téks hideung anu kompak, teras hayu kontrol biru anu beunghar sareng gambar produk Mac anu berlapis janten pusat perhatian.
- Modern Treasury — Buku besar kas dina kertas grafik. Jieun kaca anu siga lambaran operasi bodas anu sepi, dimana arus kas ditampilkeun ku garis-garis ipis, simpul anu dilabélan, sareng kontrol anu tepat sareng disumputkeun.
- Basha-Franklin — Kisi galeri di handapeun lintel bodas. Anggo warna #f4ede6 anu haneut, struktur hideung anu lemes, sareng kolom asimetris dumasar kana poto anu katingalina sapertos portofolio arsitéktur anu dicitak.
- Bajgart Office — Témbok galeri éditorial. Anggo rohangan bodas anu lega dimana font serif anu lemes sareng fragmen portofolio langkung beurat sacara visual tibatan unsur antarmuka anu dilapis krom.
- Heptabase — Méja anu kakeunaan panonpoé. Beungeut anu haneut kawas kertas, kontrol warna areng, sareng jandéla anu ngambang pikeun panalungtikan nyiptakeun suasana rohangan kerja anu teratur tinimbang panel kontrol parangkat lunak.
- Bejamas — Piyama—jeruk nipis nu nembus kaca hideung. Jieun kaca éditorial nu tenang jeung kulawu ngora nu diseling ku panel hideung nu matak pikaresepeun dimana garis-garis cahaya héjo nu burem meuntas beungeutna.
- Baba — Catetan perawatan dina sinar panonpoé beureum. Jieun garis naratif beureum anu lega di sabudeureun permukaan informasi bodas, pink, sareng krem anu intim, nganggo poto jalma salaku puseur émosional.
- Grafana Labs — Ruang kontrol Stasion Sinyal Panonpoé Tilelep. Ruang kerja kulawu-bodas anu sepi ngahiji sareng gradien cakrawala opat warna anu lega sareng sinyal antarmuka biru anu tepat.
- Kagi — Rohangan maca anu misah. Jieun rohangan bodas anu kabuka di sabudeureun téks grafit anu kandel, nganggo aksen wungu anu lemes sareng permukaan pastel anu haneut pikeun ngarobih katengtreman.