Caldera
Tempa api di atas batu kapur yang hangat. Kanvas itu diperbuat daripada plaster yang mentah dan hangat, dan setiap elemen oren kelihatan seperti bara api yang membara yang ditekan ke permukaan.
Kaldera beroperasi di atas kanvas batu kapur yang hangat, bermandikan warna jingga cair. Antara mukanya rata dan tanpa bayang, membolehkan jenis yang ultra-tebal dan pekat pada skala hampir seni bina (sehingga 189px) menanggung keseluruhan beban struktur. Satu jingga terang (#fc5000) bertindak sebagai satu-satunya aksen kromatik yang agresif terhadap latar belakang monokrom, kelabu hangat, ungu plasma dikhaskan untuk imej separuh ton utama, dan kuning sulfur untuk tag. Bahasa visualnya adalah vulkanik: huruf pekat dan berat, corak titik separuh ton, jejari 40px pada kad dan butang, dan kawalan berbentuk pil 800px—kehangatan yang terkandung dalam permukaan lembut seperti kertas.
Palet visualnya minimalis dan bernas. Tetingkap utama menggunakan corak titik separuh ton abstrak (titik oren pada kecerunan ungu ke oren) dan bukannya gambar—ia bukan berfungsi sebagai hiasan, tetapi sebagai ekspresi artistik jenama. Kad dengan maklumat produk dan pengumuman menggunakan sama ada blok Ember padu atau Plasma Violet separuh ton sebagai pengisi imej, menyediakan sistem grafik terpadu. Logo rakan kongsi/integrasi muncul sebagai ikon monokrom pada latar belakang yang terang. Tiada gambar, pemaparan 3D atau imej gaya hidup. Ikonnya kecil, monokrom dan minimalis—Discord, X dan Telegram terletak dalam navigasi sebagai glif ringkas. Bahasa visualnya grafik dan editorial, bukan fotografi: ia menyerupai reka bentuk poster dan bukannya imej stok.
Palet
Jenama
- Ember
#fc5000— Butang tindakan utama, kad statistik dan aksen visual utama adalah satu-satunya aksen warna yang agresif; kekayaannya terhadap rona kelabu hangat mewujudkan rasa terdesak tanpa memerlukan elemen hiasan tambahan. - Plasma Violet
#524ae9— Tapak Kecerunan Halfton Utama, Satu Permukaan Kad Tambahan - Digunakan hampir secara eksklusif dalam corak titik utama dan pada satu kad khusus; tidak pernah digunakan untuk kawalan.
Neutral
- Sulfur
#f5f28e— Latar belakang untuk ikon tag dan kategori, sorotan kecil, ialah warna kuning lembut yang digunakan untuk menunjukkan kategori catatan blog dan pengumuman program. - Limestone
#f7f6f2— Permukaan kad, latar belakang blok kandungan dan isian butang tambahan mempunyai warna putih yang lebih cerah dan hangat yang menjadikan elemen-elemen tersebut menonjol pada kanvas halaman. - Pumice
#e2e2df— Latar belakang utama halaman ini berwarna kelabu sederhana hangat yang berfungsi sebagai asas untuk setiap bahagian; ia sedikit lebih gelap daripada permukaan kad stok, membolehkan pemisahan rajah dan latar belakang yang halus tanpa bayang-bayang. - Obsidian
#070607— Teks utama, tajuk, teks pautan dan bingkai butang hampir hitam dengan warna hangat yang hampir tidak ketara yang sepadan dengan warna hangat kanvas. - Chalk
#ffffff— Teks dalam bahagian gelap, teks input pada latar belakang gelap, lapisan kontras tinggi - Putih tulen hanya digunakan jika kontras maksimum dengan permukaan gelap diperlukan.
Tipografi
dari 12 hingga 189px · 10 langkah
- PP Neue Corp Compact — penggantian: Bebas Neue · garis besar 400 (Ultrabold cut) · Semua tajuk dan teks paparan. Fon yang direka khas, padat dan ultra tebal memberikan tajuk berat seperti tanda perindustrian. Saiz 189px dalam blok utama mencerminkan gaya khas jenama: padat, hampir berstruktur dan bukannya tipografi. Tetapan "ss06" dan "ss10" mengaktifkan bentuk huruf dan jarak alternatif untuk irama yang lebih agresif dan padat. Jarak huruf positif (+0.02em) adalah luar biasa untuk saiz paparan dan menghalang rasa teks sempit pada 80–189px.
- DM Sans — penggantian: Inter · garis besar 500 (Medium only — never Regular or Bold) · Teks utama, pautan navigasi, label butang dan tajuk sekunder adalah sehingga 30 piksel. Berat fon sederhana dipilih dengan sengaja—Biasa akan kelihatan terlalu nipis berbanding fon tajuk yang lebih tebal, dan Tebal akan bersaing dengannya. DM Sans mencipta titik balas humanistik yang sedikit geometrik kepada fon tajuk perindustrian.
- System sans-serif — penggantian: Inter · garis besar 400 · Kapsyen, metateks, tarikh, mikrotag. Hanya digunakan dalam 12px, di mana pemberat dan pengecaman jenama kurang penting berbanding penjimatan saiz.
Selang dan bentuk
| Tujuan | Maksudnya |
|---|---|
| Ketumpatan | purata |
| Langkah asas | 16px |
| Jejari butang | 40px |
| Jejari kad | 40px |
| Bayang-bayang | tiada - sempadan dan bukannya bayang-bayang |
| Antara bahagian | 80px |
| Lebar halaman | 1280px |
AI akan membina laman web anda dalam gaya Caldera 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
- teenage engineering — Katalog perindustrian dalam pencahayaan studio - produk adalah satu-satunya objek penting pada halaman, dan semua perkara lain dibincangkan di sekelilingnya
- basement — Mesin cetak kosong pada pukul 3 pagi – fon besar yang dimampatkan terbentang di tempat yang gelap gelita, satu kilauan cahaya oren pada bar navigasi, semua yang lain berwarna putih atau kelabu pucat.
- amra — Sfera berwarna-warni pada latar belakang putih—aksen lavender adalah satu-satunya denyutan warna pada halaman akromatik yang hampir sempurna, dan sfera kecerunan tunggal melakukan kerja yang biasanya dilakukan oleh ilustrasi utama.
- Stink Studios — Sebuah studio filem pada tengah malam - projektor berdengung, bilik gelap, hanya filem yang menyala
- Andrei Rybin — Buku lakaran monokrom ialah buku nota pereka bentuk di mana skrin telefon dilekatkan pada dinding putih seperti helaian kenalan.
- Uniswap Cup — Siaran pertandingan eSports berlangsung di laman web mock-up - penanda merah jambu menggariskan grid segi empat sama putih dan garisan nipis
- Freytag Anderson — Tirai pawagam dibuka hanya dengan satu patah perkataan. Imej bergerak yang besar memenuhi seluruh skrin, nama jenama itu terletak di sudut seperti kredit, dan tiada apa-apa lagi yang mengganggu.
- Integrated Biosciences — makmal bioluminesen pada tengah malam
- Vercel — Terminal dicetak pada kertas putih
- Mintlify — Taman awan di atas meja kaca. Langit yang dilukis dengan tangan dan dokumentari dibingkai bersama—satu-satunya tempat di mana warna dan konsep bertembung sebelum halaman itu pudar menjadi putih biara.
- Gleap — Ruang kerja yang dihiasi dengan rona krim hangat dengan aksen grafit—sebuah studio di mana titik-titik dakwat hitam matte kelihatan terapung di atas seni bina linen.
- ClickUp — Papan pemuka yang berkuasa di atas marmar putih. Halaman ini merupakan brosur produk untuk alat produktiviti, jadi bahasa visual dipinjam daripada produk itu sendiri: senarai padat, penunjuk status, kumpulan avatar dan pernyataan tipografi yang berani yang kelihatan seperti spesifikasi produk yang dipamerkan.