Tailwind CSS
Ang isang sample ng uri bilang demo ng produkto ay isang typographic proof sheet kung saan ang pamagat ng CAM ay ang interface, na naka-highlight sa naka-bold na itim na 96px na font at umaakit ng atensyon dahil sa laki lamang nito.
Paleta
Tatak
- Syntax Sky
#00a6f4 - Syntax Cyan
#74d4ff
Neutral
- Ink Black
#030712 - Slate Mist
#4a5565 - Slate Mid
#6a7282 - Slate Cool
#364153 - Steel Veil
#90a1b9 - Fog Line
#cad5e2
Tipograpiya
mula 12 hanggang 96px · 6 na hakbang
- Inter — kapalit: Inter (Google Fonts — this is already Inter) · mga balangkas 400, 500, 600, 700
- IBM Plex Mono (plexMono) — kapalit: IBM Plex Mono (Google Fonts) · mga balangkas 400, 500, 600
Mga pagitan at anyo
| Layunin | Kahulugan |
|---|---|
| Densidad | maluwang |
| Pangunahing hakbang | 16px |
| Radius ng buton | 32px (pill CTA), 4px (code/tag badges) |
| Radius ng card | 8px |
| Mga anino | walang - mga hangganan sa halip na mga anino |
| Sa pagitan ng mga seksyon | 96px |
| Lapad ng pahina | 1280px |
Gagawa ang AI ng website mo sa estilong Tailwind CSS at pupunuin ito
- Punuin ng mga produkto at post gamit ang link - Instagram, TikTok, Facebook.
- Maglipat ng nilalaman mula sa iyong lumang site—tukuyin lamang ang address.
- Modernong disenyo gamit ang pinakamahusay na engine: React ( Next.js) na may kasamang server rendering at SEO optimization na agad-agad.
- Ganap na awtomatikong pag-optimize ng SEO para sa mga resulta ng paghahanap at mga rekomendasyon sa neural network.
Mga katulad na estilo
- AI for Business — Brutalist na palabas ng editoryal sa mainit na kulay abo
- Superhuman — panel ng editoryal ng ginintuang oras
- Visitors — puting pagguhit ng inhinyero
- Vercel — Terminal na nakalimbag sa puting papel
- Jeton — Isang editoryal tungkol sa fintech sa mainit na marmol
- ClickUp — Isang makapangyarihang dashboard sa puting marmol. Ang pahina ay isang brochure ng produkto para sa isang tool sa produktibidad, kaya ang visual na wika ay hiniram mula sa produkto mismo: siksik na listahan, mga tagapagpahiwatig ng katayuan, mga grupo ng mga avatar, at mga matatapang na pahayag na tipograpiko na mukhang isang detalye ng produkto na ipinapakita.
- Dock — Papel na Krema na Naliliwanagan ng Araw, Cobalt Pulse
- Quizlet — Ang silid-aralan ay pinalamutian ng iba't ibang kulay laban sa puting background - isang tahimik na mesa, kung saan apat na pastel card ang tanging matingkad na accent laban sa backdrop ng malamig na kulay abong mga dingding at isang marka na gawa sa indigo marker.
- Airtable — Isang maginhawang seminar na may mga kabanatang minarkahan ng iba't ibang kulay
- Headspace — Isang maaraw na sulok para sa kalusugan sa mainit na papel
- Foodnoms — Maaraw na pamilihan ng prutas sa puting porselana - mainit na dalandan, sariwang gulay at malalaking bilog na hugis
- WHOOP — Laboratoryo ng Pagtatanghal sa hatinggabi - mga puting mesa ng klinikal na laboratoryo sa ilalim ng itim na kawalan sa teatro, isang lilang pulso ng kuryente