Monad
jurnal teknikal editorial mengenai perkamen hangat
Monad memaparkan keseluruhan antara mukanya pada kanvas perkamen yang hangat (#f6f3f1), membezakannya dengan segera daripada templat SaaS putih tulen yang tipikal. Tajuk utama mempunyai pemberat editorial dan ditetapkan dalam Untitled Serif, fon seberat 400—tidak pernah ditebalkan—manakala semua salinan badan, navigasi dan elemen UI ditetapkan dalam ABC Diatype Mono, memberikan tapak ini tekstur set taip manual teknikal untuk majalah sastera. Satu warna biru terang (Lake) menyediakan satu-satunya aksen kromatik untuk tindakan utama; semua yang lain disimpan dalam palet kelabu hangat, jadi permukaan kad periwinkle (#cfdaf5) dan peralihan kecerunan pastel lembut (karang, biru langit, pudina, emas) terasa lebih seperti tanda baca yang disengajakan daripada hingar. Komponen bergantung pada sempadan halus dan bekas pil dan bukannya bayang-bayang, dan irama dikekalkan tenang dan luas terima kasih kepada lekukan seperti kad dan banyak ruang menegak antara bahagian.
Bahasa visual adalah berdasarkan gambarajah saluran data yang dibangunkan: nod berbentuk pil yang digariskan oleh garisan melengkung nipis, dengan ikon kecil dalam setiap nod yang mewakili sumber data (sebarang sumber, log awan, kerentanan) dan destinasi (SIEM, storan awan, tasik data). Gambarajah tersebut menggunakan cahaya jejari hijau lembut di tengah untuk menekankan penormalan data. Rona atmosfera kecerunan (karang → Biru Langit, Biru Langit → Pudina) dengan penapis kabur yang kuat mencipta lingkaran cahaya warna lembut di belakang kandungan utama dan berfungsi. Logo rakan kongsi dipaparkan dalam satu baris, menekankan impak sosial. Kad "Transformasi Data dalam Kemajuan" menampilkan ilustrasi kecerunan yang besar dengan bentuk geometri lut sinar yang bertindih. Foto tidak digunakan—jenama menyampaikan maklumat semata-mata melalui tipografi, gambarajah dan skema warna.
Palet
Jenama
- Parchment
#f6f3f1— Kanvas halaman dan sebahagian besar isian permukaan—rona hangat dan berkrim ini—adalah warna tandatangan jenama, yang serta-merta membezakan laman web ini daripada templat SaaS yang semuanya berwarna putih. - Lake Blue
#2b59d1— Ungu digunakan untuk menonjolkan latar belakang, jalur hiasan dan sebagai aksen halus di sebalik kandungan. Ia tidak boleh digunakan sebagai warna utama untuk seruan bertindak.
Neutral
- Off-Black
#242424— Isian neutral kontras tinggi untuk butang utama pada permukaan yang terang. - Periwinkle Mist
#cfdaf5— Antara muka yang lembut untuk kawalan yang dilumpuhkan, panel penekanan rendah dan blok ruang letak. - Sky Blue
#a0b5eb— Hentian Kecerunan Hiasan - Muncul dalam isian atmosfera dan garisan aliran dalam gambar rajah perpaipan, tidak pernah digunakan sebagai isian UI. - Mint
#a7fccd— Palet warna sekunder untuk aksen hiasan kecil apabila palet warna utama memerlukan kontras. - Coral
#ff9473— Palet warna sekunder untuk aksen hiasan kecil apabila palet warna utama memerlukan kontras. - Gold
#ecda98— Titik kecerunan hiasan ialah aksen hangat dalam peralihan kecerunan, tidak pernah digunakan dalam antara muka pengguna berfungsi.
Tipografi
dari 12 hingga 80 piksel · 10 langkah
- ABC Diatype Mono — penggantian: JetBrains Mono · garis besar 400, 500 · Teks utama, navigasi, butang, ikon, teg dan SEMUA teks UI. Fon monojarak merentasi semua elemen fungsi memberikan antara muka nuansa manual teknikal—teks utama pada 16-20px dianggap sebagai data, bukan maklumat pemasaran. Label dan ikon navigasi menggunakan fon 18px dengan jarak huruf yang lebih tepat; fon yang lebih kecil dan metateks menggunakan fon 12px dengan huruf besar sepenuhnya. Saiz fon 500px dikhaskan untuk elemen UI yang menonjol.
- Untitled Serif — penggantian: Times New Roman · garis besar 400 · Untuk tajuk dan subtajuk sahaja—digunakan pada 80px (teks utama), 48px (bahagian), 40px dan 32px (subbahagian), dan 24px (tajuk kad penerangan). Berat fon ditetapkan pada 400 untuk semua saiz; kontras semula jadi fon serif dan jarak huruf -0.02em memberikan fokus utama dan bukannya tebal. Ini adalah gaya editorial: tajuk berbisik dengan kecanggihan tipografi dan bukannya menjerit dengan berat.
- Untitled Sans — penggantian: Inter · garis besar 400 · Fon Sans Tanpa Tajuk - ditemui dalam data yang diekstrak tetapi tidak diterangkan oleh AI.
Selang dan bentuk
| Tujuan | Maksudnya |
|---|---|
| Ketumpatan | purata |
| Langkah asas | 16px |
| Jejari butang | 100px |
| Jejari kad | 40px |
| Bayang-bayang | tiada - sempadan dan bukannya bayang-bayang |
| Antara bahagian | 64px |
| Lebar halaman | 1432px |
AI akan membina laman web anda dalam gaya Monad 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
- 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.
- Awesomic — Jaring zink editorial dengan tanda baca oren yang mengingatkan pada konfeti
- 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.