Auros
Terminal abyssal dengan bola data bioluminescent.
Auros berfungsi sebagai terminal fintech yang terletak di jurang: kanvas pirus hampir hitam dengan bola data bioluminescent dan gradien cahaya dari pirus ke merah muda, menciptakan kesan kedalaman, fluiditas, dan aliran. Antarmuka minimalis dan sinematik, mengandalkan tampilan pengguna tunggal (Matter) dengan ketebalan sedang dan pelacakan negatif yang agresif untuk menciptakan skala tanpa terlalu mencolok. Warna didistribusikan secara merata—putih dan perak akromatik digunakan untuk hampir semua konten, sementara palet kromatik dikhususkan untuk gradien atmosfer, membedakan permukaan kartu, dan satu tombol berbentuk pil khas yang berubah warna dari biru pirus menjadi merah muda lavender. Kartu mengambang di atas tonjolan permukaan pirus yang halus (radius 16px, tanpa bayangan) daripada ketinggian, sehingga hierarki dirasakan sebagai kedalaman air daripada bayangan di atas kertas. Komponen-komponennya terlihat cermat dan seperti instrumen: tanda pelacakan huruf besar, ikon panah geometris tipis, tampilan numerik besar berwarna merah muda pucat.
Kanvas gelap lebar penuh dengan konten dengan lebar maksimum 1440px. Elemen utama adalah blok teks yang berpusat (atas → judul → subteks → ajakan bertindak) yang membentang di seluruh tinggi tampilan, dengan partikel sebagai elemen latar belakang. Bagian-bagiannya berupa strip lebar penuh yang dipisahkan oleh spasi vertikal besar 68px+, bergantian antara kanvas dan permukaan yang sedikit cekung. Bagian "Jelajahi" menggunakan tata letak dua kolom asimetris: kolom kiri berisi kartu fitur yang ditumpuk, sedangkan kolom kanan menampilkan ilustrasi molekul geometris. Konten dipusatkan dalam kolom sempit (maksimum ~600px) agar mudah dibaca, bukan membentang dari tepi ke tepi. Footer adalah lubang cekung (#011d1c) dengan margin vertikal 120px, menciptakan efek kolam yang dalam. Navigasinya adalah panel tipis transparan dengan elemen yang berjarak 16–24px. Ritme keseluruhannya sinematik dan luas—setiap bagian terasa bernapas, dan skema warna yang dalam dan menyerupai air menciptakan perasaan tenggelam lebih dalam di setiap bagiannya.
Gaya visualnya minimalis dan atmosferik. Halaman beranda menampilkan bola partikel tiga dimensi—ribuan titik kecil berwarna biru kehijauan dan putih membentuk bola berputar yang menggemakan kanvas dan aksen merah muda lavender di sepanjang tepinya, menciptakan efek bioluminesensi yang mengingatkan pada objek informasi. Diagram molekuler geometris datar (lingkaran putih dan garis penghubung tipis pada kanvas gelap) berfungsi sebagai elemen dekoratif di kolom kanan. Tidak ada foto, tidak ada gambar gaya hidup, tidak ada orang—bahasa visualnya didasarkan pada grafik data yang bersih dan bentuk abstrak. Bola partikel adalah elemen visual yang menentukan identitas merek; bola ini harus muncul setidaknya sekali di setiap halaman penting untuk memperkuat metafora laut dalam.
Palet
Merek
- Liquid Abyss
#012624— Latar belakang utama adalah dasar halaman, header, elemen utama, dan bidang biru kehijauan gelap yang dominan. Ini menciptakan suasana laut dalam. - Liquid Deep
#011d1c— Permukaan yang lebih cekung merupakan latar belakang bagian bawah dan panel karton yang lebih dalam. Permukaan ini terlihat setengah nada lebih gelap daripada kanvas, menciptakan gradien kedalaman ke bawah yang halus. - Liquid Kelp
#003734— Permukaan kartu timbul dan isian tombol—permukaan timbul yang diposisikan satu langkah di atas celah. Digunakan untuk kartu fitur, panel konten, dan titik awal tombol gradien.
Netral
- Liquid Mist
#edfffe— Nuansa putih yang sejuk menonjolkan teks utama, judul bagian, dan tipografi yang hangat dan terang. Sentuhan biru yang lembut menyelaraskan teks utama dengan skema warna turquoise. - Platinum
#ffffff— Warna putih murni digunakan untuk judul, elemen navigasi, garis luar ikon, dan teks dengan kontras tinggi. Ini adalah warna teks utama di semua tingkat judul dan navigasi utama. - Silver Mist
#bbc7c6— Teks sekunder, deskripsi yang lebih lembut, dan warna tautan dalam keadaan aslinya. Teks tersebut memiliki sedikit rona kehijauan, melengkapi latar belakang biru kehijauan. - Ash
#f2f2f2— Teks tambahan untuk kutipan dan ulasan. Warna abu-abu netral dan sejuk untuk saat nuansa turquoise dari Silver Mist terasa terlalu terang. - Slate Deep
#707777— Lapisan warna permukaan yang halus untuk latar belakang yang tidak aktif atau kurang terlihat. Lapisan ini berada di antara kanvas dan karton, memberikan perbedaan ketinggian yang sangat halus. - Lavender Phosphor
#fde9ff— Warna lampu latar untuk statistik besar, angka penghitung, dan metrik penting. Nuansa merah muda dalam gradien khas digunakan secara hemat sebagai aksen bercahaya pada permukaan gelap.
Tipografi
dari 10 hingga 96px · 6 langkah
- Matter — penggantian: Inter · garis besar 400, 500 · Font utama untuk judul dan teks isi menggunakan bobot 500 untuk semua judul (H1–H3) dan teks kinetik besar (86–295px). Bobot 400 digunakan untuk teks isi dan teks UI. Font ini memiliki spasi antar huruf negatif yang agresif pada ukuran besar (-0,04em pada 61px, -0,046em pada 86px) dan spasi antar huruf positif yang lebar pada huruf kapital judul (0,08em pada 20px, 0,12em pada 12px, 0,15em pada 10px). Strategi hanya menggunakan bobot sedang untuk judul merupakan fitur khas—tanpa font tebal atau tipis—yang memberikan font tersebut kesan seragam dan percaya diri secara mekanis.
- Arial — penggantian: system-ui · garis besar 400 · Elemen cadangan sekunder untuk elemen UI interaktif (navigasi, tombol, teks mikro header, footer). Hanya muncul pada ukuran 14px – digunakan sebagai cadangan universal yang aman ketika Matter tidak dimuat, dan mencakup label formulir, teks tombol, dan teks bantuan kecil.
Interval dan bentuk
| Tujuan | Arti |
|---|---|
| Kepadatan | rata-rata |
| Langkah dasar | 20px |
| Radius tombol | 6px |
| Radius kartu | 16px |
| Bayangan | tidak - batas, bukan bayangan |
| Di antara bagian-bagiannya | 68px |
| Lebar halaman | 1440px |
AI akan membangun situs web Anda dengan gaya Auros 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
- Design Full-Time — bioskop studio dengan satu lampu sorot yang hangat
- Air — patung "Langit Tengah Malam Melalui Kaca"
- Slash — Ruang penyimpanan tengah malam dengan buku besar berlapis emas
- Raycast — Pusat Komando Tengah Malam, Neon Karang
- Dimension — sebuah area kerja yang diterangi cahaya senja dengan panel kaca buram.
- Modal — Terminal berpendar di ruang server yang gelap - satu-satunya sumber cahaya adalah warna hijau terang.
- Giga — Cakrawala tengah malam di atas obsidian yang membeku
- Reflect Notes — Ruang ungu berbintang adalah observatorium gelap tempat not-not melayang seperti rasi bintang dengan latar belakang kekosongan nila yang hampir hitam.
- Ameba — Ruang kendali di tengah malam – denyutan biru elektrik di dalam panel kaca buram.
- AgentQL — Cahaya aurora borealis di atas terminal pada malam hari.
- Frame — Sebuah bioskop untuk pemutaran film larut malam. Ruangan gelap di mana satu lampu sorot biru melakukan semua pekerjaan, dan antarmuka pengguna memudar ke latar belakang, memungkinkan konten kreatif diproyeksikan ke depan.
- Harness — Ruang Kontrol Misi di tengah malam dengan aksen hijau berpendar