Vivid+Co
cahaya prisma melalui obsidian
Vivid+Co beroperasi dalam kekosongan gelap yang sinematik: kanvas hampir hitam #101010–#495764, diselangi oleh satu rona hampir putih (#fffdf9) yang digunakan untuk hampir semua jenis taip dan elemen antara muka. Tipografi terutamanya dihasilkan di Neue Montreal pada berat 400—penolakan huruf tebal yang disengajakan, di mana autoriti dicapai melalui skala (136px dan 105px) dan bukannya berat. Teknik istimewa ialah prisma kromatik: blok cahaya merah/hijau/biru tepu, dipisahkan oleh RGB, ditapis melalui kiub kaca, mengganggu permukaan monokrom. Susun aturnya berpusat dan luas; navigasi, salinan badan dan pautan semuanya dalam satu warna #fffdf9, tanpa butang aksen, isian atau bayang yang berasingan—pembezaan dicapai melalui jarak, skala dan artifak pelangi yang berfungsi sebagai aksen warna tunggal jenama.
Kanvas gelap lebar penuh dengan satu lajur kandungan berukuran maksimum ~1440px. Elemen utama ialah artifak prismatik berpusat dengan tajuk bertindih (teks bersilang dengan kiub) dan sari kata sejajar kiri. Navigasi terletak di bar atas yang nipis: logo di sebelah kiri, empat pautan halimunan di sebelah kanan dan butang "Hubungi" khusus di hujung baris. Ritma bahagian berselang-seli antara panel wira ketinggian penuh dan jalur kandungan yang lebih sempit dengan jurang ~108px. Susun atur kandungan tidak simetri: artifak prismatik berfungsi sebagai pusat visual dan tajuk mengelilinginya. Blok teks lajur tunggal mempunyai lebar maksimum kira-kira 440px; grid berbilang lajur, matriks kad dan jadual harga tiada. Pengaki ialah jalur nipis, dibahagikan dengan garis nipis dengan dua lajur metadata.
Elemen reka bentuk utama ialah imej 3D abstrak kiub kaca dengan aberasi kromatik di tepinya, dipisahkan oleh warna RGB. Tiada gambar, tiada imej orang, tiada tangkapan produk. Prisma ialah imej jenama; yang lain ialah tipografi monokrom pada kanvas gelap. Ikonografi adalah minimum: label navigasi yang halus dan aksen kursor/glif kecil (kawasan 142765) pada akhir salah satu tajuk yang mengisyaratkan ikon 16px monolinear tunggal. Tiada ilustrasi, tiada corak hiasan, tiada tekstur.
Palet
Neutral
- Bone White
#fffdf9— Teks utama, label navigasi, warna pautan dan isian tajuk semuanya hampir putih, menempati semua permukaan tipografi pada kanvas gelap. - Obsidian
#101010— Kanvas halaman, isian latar belakang untuk jalur utama dan jalur pembahagi, berwarna hitam pekat dengan artifak prisma di dalamnya. - Graphite Veil
#495764— Di sebalik tajuk dan blok kandungan, batu tulis gelap yang sejuk mendominasi, memberikan kedalaman kanvas tanpa menggunakan warna hitam legam. - Ash Border
#403f3f— Garis pemisah halus dan garis kad digunakan pada 1px untuk memisahkan baris tanpa bersaing dengan teks. - Fog Blue
#6f879c— Teks sekunder yang dilembutkan dan label butang yang halus (kontras 3.7:1) – penetapan kategori perkhidmatan seperti “Strategi”, “Kreatif”, “Komunikasi + Pemasaran” dianggap sebagai metadata yang tidak diserlahkan. - Pure Black
#000000— Isi hiasan untuk ikon dan ilustrasi SVG—digunakan dalam imej prisma dan glif ikon; bukan latar belakang.
Tipografi
dari 15 hingga 136px · 9 langkah
- Neue Montreal — penggantian: Söhne · garis besar 400, 700 · Fon eksklusif digunakan di seluruh antara muka pengguna—tajuk, salinan badan, navigasi, butang, pautan dan pengaki. Pemberat 400 adalah lalai; pemberat 700 dikhaskan untuk subtajuk sahaja. Tajuk dengan pemberat 105px dan 136px mempunyai jarak baris 1.00–1.01em dan jarak huruf -0.02em, menghasilkan tajuk sinematik bertindan yang terasa lebih berbentuk arca daripada tipografi.
Selang dan bentuk
| Tujuan | Maksudnya |
|---|---|
| Ketumpatan | luas |
| Langkah asas | 7px |
| Jejari butang | 0px |
| Jejari kad | 15px |
| Bayang-bayang | tiada - sempadan dan bukannya bayang-bayang |
| Antara bahagian | 108px |
| Lebar halaman | 1440px |
AI akan membina laman web anda dalam gaya Vivid+Co 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
- Sequel — Tayangan persendirian selepas gelap adalah satu-satunya cahaya hangat di pawagam yang sebaliknya gelap.
- ThoughtLab — Sebuah monumen obsidian dengan isyarat merah tua. Kanvas kekosongan hitam, di mana satu-satunya objek merah tepu di katedral, dicetak dalam huruf putih besar, ialah figura kromatik tunggal.
- Dovetail — Cetak biru di bawah bulan hitam—garisan graf yang hampir tidak kelihatan, fon putih, satu kilauan ungu
- MekaVerse — Galeri monokrom artifak digital—lompang hitam pekat di mana dunia yang dipamerkan tergantung seperti pameran muzium dan keseluruhan antara muka pengguna adalah dakwat putih di atas kaca hitam matte.
- Krea — galeri noir pada tengah malam
- Factory — Terminal "bilik perang" pada tengah malam. "Kilang" itu ialah panel kawalan hitam pekat di mana satu kad putih mendarat seperti penghantar barang yang diterangi lampu suluh—satu-satunya objek di dalam bilik itu ialah kerja itu sendiri.
- 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.
- Stink Studios — Sebuah studio filem pada tengah malam - projektor berdengung, bilik gelap, hanya filem yang menyala
- Apple (España) — teater hitam dengan kelengkapan bercahaya
- Charlie — Tipografi yang diukir daripada batu biara ke atas obsidian. Sebuah portfolio di mana satu dinding merah mewujudkan kesunyian yang memekakkan telinga.
- Rive — Penglihatan malam berketepatan tinggi. Antara muka ini mempunyai kanta khas yang menembusi kegelapan untuk memfokuskan pada butiran teknikal dengan kejelasan mutlak.
- Datalands — Sebuah katedral hitam dengan satu denyutan neon. Logo memenuhi bahagian tengah; semua yang lain hampir tidak dapat didengari teks di bawahnya.