Tailwind CSS
Një shembull tipografik si demo produkti është një fletë prove tipografike ku titulli CAM është ndërfaqja, e theksuar me font të zi të theksuar 96px dhe që tërheq vëmendjen vetëm nga madhësia e tij.
Paletë
Markë
- 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
Tipografi
nga 12 në 96px · 6 hapa
- Inter — zëvendësim: Inter (Google Fonts — this is already Inter) · skica 400, 500, 600, 700
- IBM Plex Mono (plexMono) — zëvendësim: IBM Plex Mono (Google Fonts) · skica 400, 500, 600
Intervalet dhe forma
| Qëllimi | Kuptimi |
|---|---|
| Dendësia | i gjerë |
| Hapi bazë | 16px |
| Rrezja e butonit | 32px (pill CTA), 4px (code/tag badges) |
| Rrezja e kartës | 8px |
| Hijet | pa kufij në vend të hijeve |
| Midis seksioneve | 96px |
| Gjerësia e faqes | 1280px |
IA do ta ndërtojë faqen tuaj të internetit në stilin Tailwind CSS dhe do ta mbushë atë
- Plotësoni me produkte dhe postime përmes linkut - Instagram, TikTok, Facebook.
- Transferoni përmbajtje nga faqja juaj e vjetër—thjesht specifikoni adresën.
- Dizajn modern në motorin më të mirë: React ( Next.js) me renderim të serverit dhe optimizim SEO që në fillim.
- Optimizim plotësisht i automatizuar i SEO-s për rezultatet e kërkimit dhe rekomandimet e rrjeteve nervore.
Stile të ngjashme
- AI for Business — Sallë ekspozite editoriale brutaliste në tone të ngrohta gri
- Superhuman — paneli editorial i orës së artë
- Visitors — vizatim inxhinierik i bardhë
- Vercel — Terminal i shtypur në letër të bardhë
- Jeton — Një editorial rreth fintech në mermer të ngrohtë
- ClickUp — Një panel kontrolli i fuqishëm mbi mermer të bardhë. Faqja është një broshurë produkti për një mjet produktiviteti, kështu që gjuha vizuale është huazuar nga vetë produkti: lista të dendura, tregues statusi, grupe avatarësh dhe deklarata tipografike të theksuara që duken si një specifikim produkti në ekran.
- Dock — Letër krem e ndriçuar nga dielli, puls kobalti
- Quizlet — Klasa është e dekoruar me një larmi ngjyrash në një sfond të bardhë - një tavolinë e qetë, pas së cilës katër karta pastel janë i vetmi theks i ndritshëm në një sfond me mure gri të ftohtë dhe një shenjë të vetme të bërë me një shënues indigo.
- Airtable — Një seminar komod me kapituj të shënuar me ngjyra të ndryshme
- Headspace — Një cep i ngrohtë i Wellness-it në letër të ngrohtë
- Foodnoms — Treg frutash me diell në porcelan të bardhë - portokalle të ngrohta, zarzavate të freskëta dhe forma të rrumbullakosura voluminoze
- WHOOP — Laborator performance në mesnatë - tavolina të bardha laboratorike klinike nën një boshllëk të zi teatral, një puls i vetëm vjollcë elektriciteti.