Tailwind CSS
Məhsul nümayişi kimi tip nümunəsi, CAM başlığının interfeys olduğu, qalın qara 96px şriftlə vurğulanan və yalnız ölçüsü ilə diqqəti cəlb edən tipoqrafik sübut vərəqidir.
Palitra
Brend
- Syntax Sky
#00a6f4 - Syntax Cyan
#74d4ff
Neytral
- Ink Black
#030712 - Slate Mist
#4a5565 - Slate Mid
#6a7282 - Slate Cool
#364153 - Steel Veil
#90a1b9 - Fog Line
#cad5e2
Tipoqrafiya
12-dən 96 pikselə qədər · 6 addım
- Inter — əvəzetmə: Inter (Google Fonts — this is already Inter) · konturlar 400, 500, 600, 700
- IBM Plex Mono (plexMono) — əvəzetmə: IBM Plex Mono (Google Fonts) · konturlar 400, 500, 600
İntervallar və forma
| Məqsəd | Mənası |
|---|---|
| Sıxlıq | geniş |
| Əsas addım | 16px |
| Düymə radiusu | 32px (pill CTA), 4px (code/tag badges) |
| Kart radiusu | 8px |
| Kölgələr | kölgələr əvəzinə sərhədlər yoxdur |
| Bölmələr arasında | 96px |
| Səhifə eni | 1280px |
Süni intellekt veb saytınızı Tailwind CSS üslubunda quracaq və onu dolduracaq
- Məhsullar və paylaşımlar ilə Instagram, TikTok, Facebook linkləri vasitəsilə tanış olun.
- Köhnə saytınızdan məzmunu köçürün — sadəcə ünvanı göstərin.
- Ən yaxşı mühərrikdə müasir dizayn: Server render və SEO optimallaşdırması ilə React ( Next.js).
- Axtarış nəticələri və neyron şəbəkə tövsiyələri üçün tam avtomatlaşdırılmış SEO optimallaşdırması.
Oxşar üslublar
- Avoice — Gecəyarısı rəsmlərində bir az əhəng yaşılı rəngi. Demək olar ki, qara istehsal mərhələləri ətrafında açıq, sənədə bənzər səhifə bölmələri yaradın, sonra parlaq əhəng yaşılını transformasiyalar, seçimlər və memarlıq annotasiyaları üçün yüksək dərəcədə görünən bir işarə kimi istifadə edin.
- Bee — Günəşli, bal sarısı talisman. Hər ekranı toxunma redaksiya yayımı kimi yaradın: sarı və ya açıq-neytral fonda qalın, demək olar ki, qara şriftlə yanaşı, bol dairəvi çərçivələrdə çərçivəyə salınmış biləkdə taxılan məhsulların intim şəkilləri.
- AI for Business — İsti boz tonlarda qəddar redaksiya salonu
- Superhuman — qızıl saat redaksiya paneli
- Visitors — ağ mühəndislik rəsmi
- Vercel — Terminal ağ kağız üzərində çap olunub
- Jeton — İsti mərmər üzərində fintech haqqında redaksiya məqaləsi
- ClickUp — Ağ mərmər üzərində güclü bir idarəetmə paneli. Səhifə məhsuldarlıq aləti üçün məhsul broşürüdür, buna görə də vizual dil məhsulun özündən götürülmüşdür: sıx siyahılar, status göstəriciləri, avatarlar qrupları və ekranda məhsul spesifikasiyasına bənzəyən qalın tipoqrafik ifadələr.
- Dock — Günəş işığı ilə işlənmiş krem kağızı, kobalt impulsu
- Quizlet — Sinif otağı ağ fonda müxtəlif rənglərdə bəzədilib - sakit bir masa, arxasında dörd pastel kart sərin boz divarların və indigo markerlə çəkilmiş tək bir işarənin fonunda yeganə parlaq vurğudur.
- Airtable — Müxtəlif rənglərlə işarələnmiş fəsilləri olan rahat bir seminar
- Headspace — İsti kağız üzərində günəşli bir sağlamlıq guşəsi