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
- Avoice — Gece yarısı çizimlerine hafif bir limon yeşili dokunuşu. Neredeyse siyah olan üretim aşamalarının etrafına açık, belge benzeri sayfa bölümleri oluşturun, ardından parlak limon yeşilini dönüşümler, seçimler ve mimari açıklamalar için oldukça görünür bir ipucu olarak kullanın.
- Bee — Güneşli, bal sarısı bir tılsım. Her ekranı dokunsal bir editoryal sayfa gibi oluşturun: bileğe takılan ürünlerin samimi görüntüleri, geniş yuvarlak çerçeveler içinde, sarı veya açık nötr bir arka plan üzerinde cesur, neredeyse siyah yazı tipiyle birlikte.
- 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.