Tailwind CSS
Conto tipe salaku démo produk nyaéta lambar bukti tipografi dimana judul CAM nyaéta antarmuka, disorot ku font hideung kandel 96px sareng narik perhatian ku ukuranana waé.
Palet
Merek
- Syntax Sky
#00a6f4 - Syntax Cyan
#74d4ff
Nétral
- Ink Black
#030712 - Slate Mist
#4a5565 - Slate Mid
#6a7282 - Slate Cool
#364153 - Steel Veil
#90a1b9 - Fog Line
#cad5e2
Tipografi
ti 12 nepi ka 96px · 6 léngkah
- Inter — panggantian: Inter (Google Fonts — this is already Inter) · garis besar 400, 500, 600, 700
- IBM Plex Mono (plexMono) — panggantian: IBM Plex Mono (Google Fonts) · garis besar 400, 500, 600
Interval sareng bentuk
| Tujuan | Hartina |
|---|---|
| Kapadetan | lega |
| Léngkah dasar | 16px |
| Radius tombol | 32px (pill CTA), 4px (code/tag badges) |
| Radius kartu | 8px |
| Kalangkang | euweuh - wates tinimbang kalangkang |
| Antara bagian | 96px |
| Lebar kaca | 1280px |
AI bakal ngawangun situs wéb anjeun dina gaya Tailwind CSS sareng ngeusianana
- Eusian ku produk sareng postingan ngalangkungan tautan - Instagram, TikTok, Facebook.
- Mindahkeun eusi tina situs lami anjeun—cukup sebutkeun alamatna.
- Desain modéren dina mesin pangsaéna: React ( Next.js) kalayan rendering server sareng optimasi SEO anu tos siap dianggo.
- Optimasi SEO otomatis pinuh pikeun hasil pamilarian sareng rekomendasi jaringan saraf.
Gaya anu sami
- Avoice — Sedikit warna héjo jeruk nipis dina gambar tengah peuting. Jieun bagian halaman anu hampang kawas dokumén di sabudeureun léngkah produksi anu ampir hideung, teras anggo héjo jeruk nipis anu caang salaku isarat anu katingali jelas pikeun transformasi, pilihan, sareng anotasi arsitéktur.
- Bee — Jimat konéng madu nu cerah. Jieun unggal layar salaku tampilan éditorial taktil: gambar intim produk anu dianggo dina pigeulang, dibingkai dina pigura buleud anu lega, gigireun tulisan anu kandel, ampir hideung dina latar konéng atanapi nétral cahaya.
- AI for Business — Showroom éditorial brutalist dina nada abu-abu haneut
- Superhuman — panel redaksi jam emas
- Visitors — gambar rékayasa bodas
- Vercel — Terminal dicitak dina kertas bodas
- Jeton — Éditorial ngeunaan fintech dina marmer haneut
- ClickUp — Dasbor anu kuat dina marmer bodas. Kaca ieu mangrupikeun brosur produk pikeun alat produktivitas, janten basa visual diinjeum tina produk éta sorangan: daptar anu padet, indikator status, kelompok avatar, sareng pernyataan tipografi anu kandel anu katingalina sapertos spésifikasi produk anu ditampilkeun.
- Dock — Kertas Krim Disinari Panonpoé, Kobalt Pulse
- Quizlet — Kelasna dihias ku rupa-rupa warna kalayan latar bodas - méja anu sepi, di tukangeunana opat kartu pastel mangrupikeun hiji-hijina aksen anu caang kalayan latar témbok kulawu anu tiis sareng hiji tanda anu didamel nganggo spidol indigo.
- Airtable — Seminar anu nyaman kalayan bab-bab anu ditandaan ku warna anu béda-béda
- Headspace — Sudut kasehatan anu cerah dina kertas anu haneut