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
- Avoice — Kaunting kulay lime green sa mga guhit sa hatinggabi. Gumawa ng mapusyaw at mala-dokumentong mga seksyon ng pahina sa paligid ng halos itim na mga hakbang sa produksyon, pagkatapos ay gamitin ang matingkad na lime green bilang isang nakikitang pahiwatig para sa mga transpormasyon, seleksyon, at mga anotasyon sa arkitektura.
- Bee — Isang maaraw, kulay-pulot-dilaw na anting-anting. Gawin ang bawat screen bilang isang pang-editoryal na maaaring hawakan: mga matalik na larawan ng mga produktong isinuot sa pulso, naka-frame sa mga bilog na frame, kasama ang naka-bold, halos itim na letra sa isang dilaw o neutral na background.
- 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