Apple
Kamar putih nganggo saklar biru siji
Desain Apple iku model pengekangan: kanvas sing meh putih, papan putih sing jembar, lan aksen biru tunggal sing cerah sing ndadekake saben tumindak krasa disengaja. Fokus utama yaiku tipografi—SF Pro, kanthi jarak huruf negatif sing suda karo ukuran sing saya tambah, menehi judhul kajelasan arsitektur tanpa kakehan abot. Produk kasebut YAiku desain: foto produk gedhe lan gambar gaya urip dominan, dene elemen krom suda dadi pigura tipis, navigasi tembus pandang, lan garis sing alus. Bagean-bagean ganti-ganti karo latar mburi abu-abu enom kanthi blok warna lengkap kanggo materi promosi, nggawe irama liwat owah-owahan skala tinimbang elemen dekoratif.
Tata letak kaca iki awujud kaca kanthi jembar lengkap tanpa jembar wadhah maksimal sing tetep—bagean-bagean kasebut ambane saka pinggir nganti pinggir, kanthi blok teks sing ana ing tengah kira-kira 980px. Navigasi iki awujud bilah global tunggal sing tetep kanthi subfolder tambahan kanggo saben produk sing katon ing gulungan. Tata letak utama tansah ana ing tengah: jeneng produk sing gedhe, tagline siji baris, rong tombol pil, banjur gambar produk sing ngisi viewport sing isih ana. Bagean-bagean ditumpuk vertikal kanthi irama vertikal sing akeh (64px+ antarane bagean), gantian #f5f5f7 lan latar mburi sing diwarnai. Kaca ngisor iki awujud baris horisontal kertu layanan kanthi jembar lengkap (Apple TV+, Fitness+, Music, Arcade), saben blok foto kanthi teks overlay lan tombol pil. Ora ana sidebar, ora ana tata letak konten multi-kolom, ora ana komposisi asimetris—kabeh ana ing tengah, ditumpuk, lan simetris.
Fotografi iku basa visual sing dominan. Foto produk dijupuk nganggo latar mburi putih murni utawa abu-abu alus, tanpa konteks apa wae—piranti kasebut minangka lintang, diisolasi lan disinari. Foto gaya urip ditampilake nganggo spanduk ambane lengkap, asring nganggo obyek sing dipotong rapet. Gradien warna (biru pastel, jambon, ijo) dadi latar mburi kanggo bagean produk, dudu minangka dekorasi. Ikonografi minimalis lan adhedhasar garis, kandele 1-2px, kanthi skala abu-abu sing padha karo teks. Ora ana ilustrasi, ora ana grafis abstrak, ora ana rendering 3D, kajaba foto produk kasebut dhewe.
Palet
Merek
- Apple Blue
#0071e3— Tombol aksi sing diisi, status sing dipilih - siji-sijine warna kromatik interaktif sing digunakake kanthi hemat supaya saben tampilan nduweni makna. - Link Blue
#0066cc— Wates aksi sing disorot, pranala sing disemat - warna sing luwih jenuh tinimbang Apple Blue digunakake ing ngendi tablet sing wis kebak bakal katon mencolok banget. - Signal Blue
#2997ff— Pigura dekoratif, garis besar gambar, wates ikon - warna biru paling enom ing sistem, digunakake kanggo atmosfer tinimbang kanggo interaksi pangguna.
Netral
- Carbon
#1d1d1f— Teks utama, wates judhul, garis navigasi, wates kertu - werna tinta sing dominan meh ireng kanthi sethithik rasa anget. - Frost
#f5f5f7— Kanvas kaca, latar mburi teks utama, lan permukaan footer nduweni warna abu-abu enom khas Apple, rada luwih adhem tinimbang putih murni. - Ice
#f4f8fb— Isi permukaan sing ekspresif, warna sing alus, teks tombol ing latar mburi peteng—warna biru alus sing nguripake bagean kasebut tanpa ndadekake katon mencolok. - Smoke
#333333— Teks sekunder, isian navigasi, wates tombol - Werna netral serbaguna kanggo wates lan ikon sing butuh sentuhan luwih akeh tinimbang abu-abu sedheng. - Graphite
#474747— Teks navigasi, wates navigasi, wates pranala - manggoni posisi antara Karbon lan Asap ing hirarki unsur. - Ash
#707070— Teks sikil, wates dhaptar, wates navigasi, teks awak sing diredam - Werna abu-abu sedheng kanggo konten sing kudu ana nanging ora katon mencolok.
Tipografi
saka 12 nganti 56px · 8 langkah
- SF Pro Display — panggantos: Inter · garis besar 400, 600, 700 · Judhul lan teks gedhe—ukuran 40px+ nggunakake format tampilan kanggo aperture sing luwih sempit lan pelacakan negatif sing luwih kuwat; 700 dicadhangake kanggo tata letak iklan, lan 400 kanggo jeneng produk ing konten editorial.
- SF Pro Text — panggantos: Inter · garis besar 300, 400, 600 · Teks awak, navigasi, tombol, subjudul — font sing bisa digunakake; 400 kanggo teks awak, 300 kanggo subjudul lan label sing memenuhi syarat, 600 kanggo elemen navigasi lan teks tombol; jarak huruf negatif mudhun sacara proporsional miturut ukuran (saka -0.022 dadi 12px dadi -0.01 dadi 44px).
Interval lan wujud
| Tujuan | Tegese |
|---|---|
| Kapadhetan | rata-rata |
| Langkah dhasar | 12px |
| Radius tombol | 980px |
| Radius kertu | 8px |
| Bayangan | ora ana wates tinimbang bayangan |
| Antarane bagean | 64px |
| Ambane kaca | 1440px |
AI bakal mbangun situs web sampeyan nganggo gaya Apple lan ngisi situs kasebut
- Isi nganggo produk lan kiriman liwat pranala - Instagram, TikTok, Facebook.
- Transfer konten saka situs lawasmu—cukup sebutna alamate.
- Desain modern nganggo mesin paling apik: React ( Next.js) nganggo rendering server lan optimasi SEO sing wis ana.
- Optimasi SEO otomatis kanggo asil panelusuran lan rekomendasi jaringan saraf.
Gaya sing padha
- Ui — rencana klinis ing kertas matte
- ElevenLabs — Esai foto nganggo warna krem anget kanthi judhul sing alus. Buku cathetan gaya Bauhaus—kertas warna kulit endhog, tinta ireng, lan aksen ungu lan oranye siji kanggo tampilan produk.
- monopo saigon — Cahya warna-warni sing cair ing mburi kasepen editorial—galeri editorial monokrom sing ngambang ing cahya sing cair
- Awesomic — Jaring seng editorial nganggo tandha wacan oranye sing ngelingake konfeti
- Monad — jurnal teknis editorial babagan perkamen anget
- Dub — Panel kontrol kertas beras matte Link
- Seline Analytics — Tabel analitis sing sepi ing kertas anget
- Ventriloc — Observatorium editorial data ing kertas anget - siji bara oranye sing nyoroti presisi monokrom
- Duolingo — Maskot kelas sing lucu ing kertas putih
- Stripe — Buku rekening sing ditulis nganggo tinta indigo ing kaca buram
- Notion — Buku cathetan kertas sing anget ing srengenge awan
- Hyer Aviation — Senja ing kokpit ditutupi perkamen. Langit subuh sing pucet ketemu karo logo serif ukuran badan pesawat, lan aksen lempung sing anget ngilangi watesan monokrom.