Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukpengembangMengembangkan alat AI untuk bisnis. Berkualitas tinggi. Terjangkau.Kirim pesan di Telegram
Caldera — pratinjau situs dengan gaya ini

Caldera

Nyalakan api di atas batu kapur yang hangat. Kanvasnya adalah plester mentah yang hangat, dan setiap elemen oranye tampak seperti bara api yang membara yang ditekan ke permukaan.

Caldera beroperasi di atas kanvas batu kapur hangat, bermandikan warna oranye yang meleleh. Antarmuka datar dan tanpa bayangan, memungkinkan tipografi ultra-tebal dan padat pada skala yang hampir arsitektural (hingga 189px) untuk menanggung seluruh beban struktural. Satu warna oranye cerah (#fc5000) bertindak sebagai satu-satunya aksen kromatik yang agresif terhadap latar belakang abu-abu hangat monokrom, ungu plasma dikhususkan untuk gambar halftone utama, dan kuning belerang untuk tag. Bahasa visualnya bersifat vulkanik: huruf padat dan tebal, pola titik halftone, radius 40px pada kartu dan tombol, dan kontrol berbentuk pil 800px—kehangatan yang terbungkus dalam permukaan lembut seperti kertas.

Palet visualnya minimalis dan penuh pertimbangan. Jendela utama menggunakan pola titik halftone abstrak (titik-titik oranye pada gradien ungu-ke-oranye) alih-alih foto—ini bukan sebagai dekorasi, tetapi sebagai ekspresi artistik merek. Kartu dengan informasi produk dan pengumuman menggunakan blok Ember solid atau halftone Plasma Violet sebagai pengisi gambar, memberikan sistem grafis yang terpadu. Logo mitra/integrasi muncul sebagai ikon monokrom pada latar belakang terang. Tidak ada foto, render 3D, atau gambar gaya hidup. Ikon berukuran kecil, monokrom, dan minimalis—Discord, X, dan Telegram terletak di navigasi sebagai glif sederhana. Bahasa visualnya grafis dan editorial, bukan fotografi: lebih menyerupai desain poster daripada gambar stok.

Palet

Merek

  • Ember #fc5000 — Tombol aksi utama, kartu statistik, dan aksen visual kunci adalah satu-satunya aksen warna yang mencolok; kekayaan warnanya yang kontras dengan nada abu-abu hangat menciptakan rasa urgensi tanpa perlu elemen dekoratif tambahan.
  • Plasma Violet #524ae9 — Dasar Gradien Halftone Utama, Satu Permukaan Kartu Tambahan - Digunakan hampir secara eksklusif pada pola titik utama dan pada satu kartu khusus; tidak pernah digunakan untuk kontrol.

Netral

  • Sulfur #f5f28e — Latar belakang untuk ikon tag dan kategori, berupa sorotan kecil, berwarna kuning lembut yang digunakan untuk menunjukkan kategori postingan blog dan pengumuman program.
  • Limestone #f7f6f2 — Permukaan kartu, latar belakang blok konten, dan isian tombol tambahan menggunakan warna putih yang lebih terang dan hangat sehingga elemen-elemen tersebut menonjol di atas kanvas halaman.
  • Pumice #e2e2df — Latar belakang utama halaman ini adalah warna abu-abu medium hangat yang berfungsi sebagai dasar untuk setiap bagian; warnanya sedikit lebih gelap daripada permukaan kertas karton, memungkinkan pemisahan halus antara gambar dan latar belakang tanpa bayangan.
  • Obsidian #070607 — Teks utama, judul, teks tautan, dan bingkai tombol hampir berwarna hitam dengan sedikit rona hangat yang hampir tidak terlihat, yang sesuai dengan warna hangat kanvas.
  • Chalk #ffffff — Teks di bagian gelap, teks masukan pada latar belakang gelap, lapisan kontras tinggi - warna putih murni hanya digunakan jika diperlukan kontras maksimum dengan permukaan gelap.

Tipografi

dari 12 hingga 189px · 10 langkah

  • PP Neue Corp Compact — penggantian: Bebas Neue · garis besar 400 (Ultrabold cut) · Semua judul dan teks tampilan. Font ultra-tebal yang dirancang khusus dan ringkas memberikan judul kesan industri dan kokoh seperti papan tanda. Ukuran 189px pada blok utama mencerminkan gaya khas merek: ringkas, hampir struktural daripada tipografi. Pengaturan "ss06" dan "ss10" mengaktifkan bentuk huruf dan spasi alternatif untuk ritme yang lebih agresif dan ringkas. Spasi huruf positif (+0,02em) tidak biasa untuk ukuran tampilan dan mencegah kesan teks yang terlalu sempit pada ukuran 80–189px.
  • DM Sans — penggantian: Inter · garis besar 500 (Medium only — never Regular or Bold) · Teks utama, tautan navigasi, label tombol, dan judul sekunder memiliki lebar hingga 30px. Bobot font medium dipilih secara sengaja—Regular akan terlihat terlalu tipis jika dibandingkan dengan font judul yang ekstra tebal, dan Bold akan bersaing dengannya. DM Sans menciptakan kontras yang humanis dan sedikit geometris terhadap font judul yang industrial.
  • System sans-serif — penggantian: Inter · garis besar 400 · Keterangan gambar, metateks, tanggal, mikrotag. Hanya digunakan pada ukuran 12px, di mana bobot dan pengenalan merek kurang penting dibandingkan penghematan ukuran.

Interval dan bentuk

TujuanArti
Kepadatanrata-rata
Langkah dasar16px
Radius tombol40px
Radius kartu40px
Bayangantidak - batas, bukan bayangan
Di antara bagian-bagiannya80px
Lebar halaman1280px

AI akan membangun situs web Anda dengan gaya Caldera dan mengisinya.

  • Isi dengan produk dan postingan melalui tautan - Instagram, TikTok, Facebook.
  • Pindahkan konten dari situs lama Anda—cukup tentukan alamatnya.
  • Desain modern pada mesin terbaik: React ( Next.js) dengan rendering sisi server dan optimasi SEO langsung dari awal.
  • Optimasi SEO otomatis sepenuhnya untuk hasil pencarian dan rekomendasi jaringan saraf.

Gaya serupa

  • teenage engineering — Katalog industri pencahayaan studio - produk adalah satu-satunya objek penting di halaman, dan segala sesuatu lainnya dibahas di sekitarnya.
  • basement — Mesin cetak kosong pukul 3 pagi – font besar dan terkompresi terbentang di kegelapan pekat, secercah cahaya oranye di bilah navigasi, sisanya berwarna putih atau abu-abu pucat.
  • amra — Sebuah bola berkilauan di atas latar belakang putih—aksen lavender adalah satu-satunya semburan warna pada halaman yang hampir sepenuhnya tanpa warna, dan bola gradien tunggal tersebut melakukan tugas yang biasanya dilakukan oleh ilustrasi utama.
  • Stink Studios — Sebuah studio film di tengah malam - proyektor berdengung, ruangan gelap, hanya film yang menyala.
  • Andrei Rybin — Buku sketsa monokrom adalah buku catatan desainer di mana layar ponsel ditempelkan ke dinding putih seperti lembaran kontak.
  • Uniswap Cup — Siaran kompetisi eSports berlangsung di lokasi tiruan - sebuah penanda berwarna merah muda menguraikan kisi-kisi kotak putih dan garis tipis.
  • Freytag Anderson — Tirai bioskop terbuka dengan satu kata. Sebuah gambar bergerak besar memenuhi seluruh layar, nama merek berada di sudut seperti judul, dan tidak ada hal lain yang mengalihkan perhatian.
  • Integrated Biosciences — laboratorium bioluminesensi di tengah malam
  • Vercel — Terminal tercetak di atas kertas putih
  • Mintlify — Sebuah taman awan di atas meja kaca. Langit yang digambar tangan dan film dokumenter dibingkai bersama—satu-satunya tempat di mana warna dan konsep berbenturan sebelum halaman memudar menjadi putih seperti biara.
  • Gleap — Ruang kerja yang didekorasi dengan nuansa krem hangat dengan aksen grafit—sebuah studio di mana titik-titik tinta hitam matte tampak melayang di atas arsitektur linen.
  • ClickUp — Sebuah dasbor yang canggih di atas marmer putih. Halaman ini adalah brosur produk untuk alat produktivitas, sehingga bahasa visualnya dipinjam dari produk itu sendiri: daftar padat, indikator status, kelompok avatar, dan pernyataan tipografi tebal yang tampak seperti spesifikasi produk yang ditampilkan.