Tailwind CSS
Contoh tipografi sebagai demo produk adalah lembar bukti tipografi di mana judul CAM menjadi antarmuka, disorot dengan font hitam tebal berukuran 96px dan menarik perhatian hanya dengan ukurannya saja.
Palet
Merek
- Syntax Sky
#00a6f4 - Syntax Cyan
#74d4ff
Netral
- Ink Black
#030712 - Slate Mist
#4a5565 - Slate Mid
#6a7282 - Slate Cool
#364153 - Steel Veil
#90a1b9 - Fog Line
#cad5e2
Tipografi
dari 12 hingga 96px · 6 langkah
- Inter — penggantian: Inter (Google Fonts — this is already Inter) · garis besar 400, 500, 600, 700
- IBM Plex Mono (plexMono) — penggantian: IBM Plex Mono (Google Fonts) · garis besar 400, 500, 600
Interval dan bentuk
| Tujuan | Arti |
|---|---|
| Kepadatan | luas |
| Langkah dasar | 16px |
| Radius tombol | 32px (pill CTA), 4px (code/tag badges) |
| Radius kartu | 8px |
| Bayangan | tidak - batas, bukan bayangan |
| Di antara bagian-bagiannya | 96px |
| Lebar halaman | 1280px |
AI akan membangun situs web Anda dengan gaya Tailwind CSS 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
- Avoice — Sentuhan hijau limau pada gambar tengah malam. Buat bagian halaman yang terang dan menyerupai dokumen di sekitar langkah-langkah produksi yang hampir hitam, lalu gunakan hijau limau terang sebagai isyarat yang sangat terlihat untuk transformasi, seleksi, dan anotasi arsitektur.
- Bee — Jimat berwarna kuning madu yang cerah. Ciptakan setiap layar sebagai halaman editorial yang taktil: gambar-gambar intim produk yang dikenakan di pergelangan tangan, dibingkai dalam bingkai yang membulat, di samping tipografi tebal, hampir hitam, dengan latar belakang kuning atau netral terang.
- AI for Business — Ruang pamer editorial bergaya brutalist dengan nuansa abu-abu hangat.
- Superhuman — panel editorial golden hour
- Visitors — gambar teknik putih
- Vercel — Terminal tercetak di atas kertas putih
- Jeton — Sebuah editorial tentang fintech di atas marmer hangat.
- 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.
- Dock — Kertas Krim Terang, Pulsa Kobalt
- Quizlet — Ruang kelas didekorasi dengan berbagai warna dengan latar belakang putih - sebuah meja yang tenang, di belakangnya terdapat empat kartu berwarna pastel sebagai satu-satunya aksen cerah di tengah latar belakang dinding abu-abu dingin dan sebuah coretan yang dibuat dengan spidol indigo.
- Airtable — Seminar yang nyaman dengan bab-bab yang ditandai dengan warna berbeda.
- Headspace — Pojok kesehatan yang cerah di atas kertas hangat.