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
- 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
- Augen Pro — Pembentangan putih Apple menampilkan warna biru elektrik klinikal, tanpa berat sebagai satu-satunya aksen dalam ruang monokrom.
- Antimetal — Kronik editorial di atas kertas krim—pagi yang tenang di jurnal saintifik, di mana kekangan menyampaikan keyakinan dan serif melakukan tugas yang berat
- Perk — Kapur elektrik di atas kertas parchment yang suam
- Ditto — Sebuah bengkel yang disinari cahaya matahari menghasilkan sampel bunga liar. Permukaan krim hangat, warna asas kuning terang, dakwat biru laut pekat, bentuk warna organik mekar di sebalik karya itu.
- Officevibe — Sebuah majalah editorial di atas kertas berwarna krim suam. Bayangkan sebuah esei yang bernas tentang pengurusan HR, yang dibentangkan sebagai satu produk—fon serif kursif yang berbisik melalui antara muka biru moden.