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.
ElevenLabs berfungsi dalam gaya minimalis putih yang hangat: kanvas berwarna kulit telur (#fdfcfc) dengan taip hitam dan satu lapisan permukaan taupe yang hangat (#f5f3f1). Identiti jenamanya tenang dan yakin—muka taip Waldenburg 300 yang hampir tidak dapat dibezakan menonjolkan tajuk utama dengan kejelasan yang melampau (-0.02em), manakala Inter 400/500 memberikan segala-galanya neutral yang tenang. Dua warna aksen—ungu terang #0447ff dan oren terang #ff4704—hanya muncul dalam elemen visual produk (audiosfera, ikon produk), tidak pernah seperti krom dalam UI. Komponen kekal rata atau sedikit timbul dengan sempadan 1px nipis, jejari 20px lebar pada kad dan butang 9999px yang terisi penuh. Sistem ini mengingatkan studio Bauhaus pada kertas krim: terkawal, editorial dan tepat dari segi teknikal.
Bahagian lebar penuh disusun secara menegak dalam satu lajur tengah lebar maksimum dengan talang luar 1280px. Bahagian utama adalah tidak simetri: tajuk dijajarkan ke kiri pada aras Waldenburg 48px, teks penerangan dijajarkan ke kanan, dan dua butang berbentuk pil terletak di bawah tajuk. Di bawah bahagian utama ialah bar navigasi tab besar yang merangkumi keseluruhan lebar kandungan. Bahagian berselang-seli antara latar belakang berwarna kulit telur dan taupe dengan talang menegak 96–125px. Pengaki ialah jalur tunggal yang padat. Navigasi ialah bar atas minimalis—tiada tingkah laku tetap, tiada mega-menu. Ritma kandungan sepadan dengan gaya editorial: banyak ruang putih, satu elemen visual utama setiap bahagian dan tiada grid kad di bawah bahagian "Amanah".
Reka bentuk visual didominasi oleh skema warna: kecerunan besar dalam bentuk sfera audio lembut (bulatan 200px+ dengan peralihan jejarian dari ungu ke oren dan merah jambu) berfungsi sebagai elemen grafik utama. Logo dalam bahagian "Amanah" dibentangkan dalam skala kelabu kontras rendah terhadap latar belakang kanvas matte. Fotografi adalah minimum—tiada foto gaya hidup atau produk. Ikonografi adalah jarang dan monokrom (garis hitam atau ikon penuh, tiada ikon kromatik). Sistem visual lebih mengingatkan penerbitan reka bentuk daripada katalog produk—kekangan editorial mengatasi impak pemasaran.
Palet
Jenama
- Violet Spark
#0447ff— Penekanan Visual Produk - Hanya muncul dalam ilustrasi sfera audio dan ikon produk hiasan; tidak pernah digunakan untuk elemen antara muka.
Neutral
- Eggshell
#fdfcfc— Kanvas halaman, permukaan butang dan permukaan kad berwarna suam, sedikit berkrim, dan bukannya putih terang, untuk mengelakkan silau digital dan memberikan ketenangan seperti kertas pada tapak tersebut. - Warm Taupe
#f5f3f1— Jalur pembahagi, kad hiasan dan paras permukaan tambahan – satu langkah lebih dalam daripada permukaan matte – mencipta pemisahan yang senyap dan tanpa sempadan. - Stone
#ebe8e4— Sempadan nipis, pembahagi dan latar belakang ikon ialah kelabu hangat yang terletak di antara kelabu tua dan kelabu sederhana tanpa rasa sejuk. - Ink
#000000— Sama ada teks isi, butang yang diisi, navigasi atau pautan, warna hitam tulen berfungsi sebagai asas untuk palet warna hangat dan mencipta satu-satunya kontras yang tajam dalam sistem. - Graphite
#44403b— Teks isi, tajuk bahagian - warna kelabu gelap hangat yang halus untuk teks yang perlu tegas tanpa kesan hitam yang kasar. - Smoke
#777169— Teks utama, penerangan dan kapsyen yang tidak ketara berwarna kelabu sederhana panas; gaya kad dan teks tematik yang dominan, mudah dibaca namun tenang.
Tipografi
dari 10 hingga 48px · 8 langkah
- Waldenburg — penggantian: Inter (300) or Söhne Light · garis besar 300 · Untuk tajuk dan elemen reka bentuk sahaja. Digunakan dalam format 48/36/32px dengan pemberat fon 300—fon ultra ringan adalah tidak konvensional; kebanyakan laman web menggunakan 600-700; fon halus ini menyampaikan autoriti melalui pengekangan. Jarak huruf yang ketat iaitu -0.02em mewujudkan padanan yang lebih rapat antara huruf pada saiz yang lebih besar. Alternatif: "Inter" dalam pemberat 300 atau "Söhne" dalam pemberat ringan sebagai alternatif premium.
- Inter — penggantian: Inter or system-ui · garis besar 400, 500 · Semua yang berada di luar skrin: teks isi, navigasi, butang, pautan, label, medan input, kad. 400 ialah berat lalai; 500 dikhaskan untuk butang dan pautan yang diserlahkan. Saiznya antara 10 hingga 10, dengan jarak baris yang dikurangkan (1.47–1.6), memberikan ruang untuk perenggan bernafas. Jarak huruf kecil +1 (2) pada saiz dari 14 hingga 3 meningkatkan keterbacaan pada saiz kecil.
- Geist Mono — penggantian: JetBrains Mono or IBM Plex Mono · garis besar 400 · Mikroteks terletak di sebelah kod atau teks teknikal, diletakkan pada 13px—jarang digunakan (frekuensi = 28) untuk label teknikal atau metadata. Lapisan tunggal, ketinggian baris besar 1.69.
Selang dan bentuk
| Tujuan | Maksudnya |
|---|---|
| Ketumpatan | padat |
| Langkah asas | 8-16px |
| Jejari butang | 9999px |
| Jejari kad | 20px |
| Bayang-bayang | tiada - sempadan dan bukannya bayang-bayang |
| Antara bahagian | 96-125px |
| Lebar halaman | 1280px |
AI akan membina laman web anda dalam gaya ElevenLabs 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
- Mollie — Kaunter kasmir, lejar gelap. Tinggalkan ruang putih yang luas untuk reka bentuk editorial di sekeliling teks hitam, kemudian perkukuhkan poin berkaitan produk dengan krim suam, coklat espresso dan gambar taktil kaedah pembayaran sebenar.
- Kagi — Bilik bacaan yang berasingan. Cipta ruang putih terbuka di sekeliling teks grafit yang tebal, menggunakan aksen ungu halus dan permukaan pastel yang hangat untuk memecahkan ketenangan.
- Milanote — Milanote ialah studio kreatif khusus. Cipta halaman bergaya galeri editorial menggunakan papan visual terapung: dinding berbingkai gelap, ruang paparan putih dan tangkapan skrin yang kelihatan seperti objek sebenar dengan kedalaman yang lembut.
- Co2 — Atlas iklim dalam cahaya musim sejuk. Cipta halaman seperti landskap dokumen udara, di mana tajuk serif, data berkod kategori dan imej berais menonjolkan margin putih yang lebar.
- GitButler — Biru kehijauan pada akhir teks. Gabungan tajuk serif kontras tinggi dengan grid teknikal yang halus, permukaan grafit yang hangat dan aksen biru kehijauan yang tersembunyi.
- 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
- Notion — Buku nota kertas yang hangat di bawah sinaran matahari tengah hari
- Anthropic — Jurnal lapangan saintifik mengenai vellum hangat—permukaan gading yang tenang, tajuk editorial serif dan aksen tanah liat tunggal yang hanya muncul apabila tindakan diperlukan.
- Calendly — Dakwat biru tua pada marmar sejuk