Tailwind CSS
Ürün tanıtımı amacıyla kullanılan bir tipografi örneği, CAM başlığının arayüz görevi gördüğü, kalın siyah 96 piksel yazı tipiyle vurgulandığı ve yalnızca boyutuyla bile dikkat çektiği bir tipografik prova sayfasıdır.
Palet
Marka
- Syntax Sky
#00a6f4 - Syntax Cyan
#74d4ff
Doğal
- Ink Black
#030712 - Slate Mist
#4a5565 - Slate Mid
#6a7282 - Slate Cool
#364153 - Steel Veil
#90a1b9 - Fog Line
#cad5e2
Tipografi
12 ila 96 piksel arası · 6 adım
- Inter — yenisiyle değiştirme: Inter (Google Fonts — this is already Inter) · ana hatlar 400, 500, 600, 700
- IBM Plex Mono (plexMono) — yenisiyle değiştirme: IBM Plex Mono (Google Fonts) · ana hatlar 400, 500, 600
Aralıklar ve biçim
| Amaç | Anlam |
|---|---|
| Yoğunluk | ferah |
| Temel adım | 16px |
| Düğme yarıçapı | 32px (pill CTA), 4px (code/tag badges) |
| Kart yarıçapı | 8px |
| Gölgeler | hayır - gölgeler yerine kenarlıklar |
| Bölümler arasında | 96px |
| Sayfa genişliği | 1280px |
Yapay zeka, web sitenizi Tailwind CSS tarzında oluşturacak ve içeriğini dolduracak.
- Ürünlerinizi ve gönderilerinizi aşağıdaki bağlantılar aracılığıyla paylaşın: Instagram, TikTok, Facebook.
- Eski sitenizdeki içeriği aktarın; sadece adresi belirtmeniz yeterli.
- En iyi motor üzerinde modern tasarım: Sunucu tarafı işleme ve SEO optimizasyonu özellikleriyle birlikte React ( Next.js).
- Arama sonuçları için tamamen otomatik SEO optimizasyonu ve sinir ağı tabanlı öneriler.
Benzer stiller
- AI for Business — Sıcak gri tonlarında brutalist tarzda dekore edilmiş yayın evi.
- Superhuman — altın saat editör kurulu
- Visitors — beyaz mühendislik çizimi
- Vercel — Terminal beyaz kağıda basılmıştır.
- Jeton — Sıcak mermer üzerine fintech hakkında bir başyazı.
- ClickUp — Beyaz mermer üzerinde güçlü bir kontrol paneli. Sayfa, bir verimlilik aracı için ürün broşürü niteliğinde; bu nedenle görsel dil, ürünün kendisinden ödünç alınmış: yoğun listeler, durum göstergeleri, avatar grupları ve sergilenen bir ürün spesifikasyonuna benzeyen cesur tipografik ifadeler.
- Dock — Güneş Işığıyla Aydınlatılmış Krem Kağıt, Kobalt Darbesi
- Quizlet — Sınıf, beyaz bir arka plana karşı çeşitli renklerle dekore edilmiş; sessiz bir sıra, arkasında dört pastel kart, soğuk gri duvarlar ve çivit mavisi bir kalemle yapılmış tek bir işaretin oluşturduğu fonun önünde tek parlak vurguyu oluşturuyor.
- Airtable — Farklı renklerle işaretlenmiş bölümlerden oluşan samimi bir seminer.
- Headspace — Sıcak kağıt üzerinde güneşli bir sağlıklı yaşam köşesi.
- Foodnoms — Beyaz porselen üzerinde güneşli meyve pazarı - sıcak portakallar, taze yeşillikler ve hacimli yuvarlak şekiller.
- WHOOP — Gece yarısı performans laboratuvarı - siyah bir tiyatro boşluğunun altında beyaz klinik laboratuvar masaları, tek bir mor elektrik darbesi.