Tailwind CSS
Un exemplu de tipar ca demonstrație de produs este o foaie de probă tipografică în care titlul CAM este interfața, evidențiată cu font negru îngroșat de 96px și atrăgând atenția doar prin dimensiunea sa.
Paletă
Marca
- Syntax Sky
#00a6f4 - Syntax Cyan
#74d4ff
Neutru
- Ink Black
#030712 - Slate Mist
#4a5565 - Slate Mid
#6a7282 - Slate Cool
#364153 - Steel Veil
#90a1b9 - Fog Line
#cad5e2
Tipografie
de la 12 la 96px · 6 pași
- Inter — înlocuire: Inter (Google Fonts — this is already Inter) · contururi 400, 500, 600, 700
- IBM Plex Mono (plexMono) — înlocuire: IBM Plex Mono (Google Fonts) · contururi 400, 500, 600
Intervale și formă
| Scop | Sens |
|---|---|
| Densitate | spațios |
| Pasul de bază | 16px |
| Raza butonului | 32px (pill CTA), 4px (code/tag badges) |
| Raza cardului | 8px |
| Umbre | fără - margini în loc de umbre |
| Între secțiuni | 96px |
| Lățimea paginii | 1280px |
Inteligența artificială vă va construi site-ul web în stilul Tailwind CSS și îl va completa
- Completează cu produse și postări prin link - Instagram, TikTok, Facebook.
- Transferați conținut de pe vechiul site - specificați doar adresa.
- Design modern pe cel mai bun motor: React ( Next.js) cu randare pe server și optimizare SEO gata de utilizare.
- Optimizare SEO complet automatizată pentru rezultatele căutării și recomandări de rețele neuronale.
Stiluri similare
- Avoice — O notă de verde lime pe desenele de culoarea nopții. Creați secțiuni de pagină luminoase, asemănătoare documentelor, în jurul etapelor de producție aproape negre, apoi folosiți verdele lime strălucitor ca un indiciu foarte vizibil pentru transformări, selecții și adnotări arhitecturale.
- Bee — Un talisman însorit, galben-miere. Creați fiecare ecran ca pe o prezentare editorială tactilă: imagini intime ale unor produse purtate la încheietura mâinii, încadrate în rame rotunjite generos, alături de fonturi îndrăznețe, aproape negre, pe un fundal galben sau neutru deschis.
- AI for Business — Showroom editorial brutalist în tonuri calde de gri
- Superhuman — grup editorial al orei de aur
- Visitors — desen ingineresc alb
- Vercel — Terminal imprimat pe hârtie albă
- Jeton — Un editorial despre fintech pe marmură caldă
- ClickUp — Un tablou de bord puternic pe marmură albă. Pagina este o broșură de produs pentru un instrument de productivitate, așa că limbajul vizual este împrumutat din produsul în sine: liste dense, indicatori de stare, grupuri de avatare și declarații tipografice îndrăznețe care arată ca o specificație de produs afișată.
- Dock — Hârtie crem însorită, puls de cobalt
- Quizlet — Sala de clasă este decorată într-o varietate de culori pe un fundal alb - un birou liniștit, în spatele căruia patru cartonașe pastelate sunt singurul accent luminos pe un fundal de pereți gri reci și o singură urmă făcută cu un marker indigo.
- Airtable — Un seminar confortabil cu capitole marcate în culori diferite
- Headspace — Un colț de wellness însorit pe hârtie caldă