Tailwind CSS
Продукциянын демонстрациясы катары тип үлгүсү - бул CAM аталышы интерфейс болгон, кара калың 96px шрифт менен белгиленген жана өлчөмү менен гана көңүлдү бурган типографиялык далилдөө барагы.
Түстөр палитрасы
Бренд
- Syntax Sky
#00a6f4 - Syntax Cyan
#74d4ff
Нейтралдуу
- Ink Black
#030712 - Slate Mist
#4a5565 - Slate Mid
#6a7282 - Slate Cool
#364153 - Steel Veil
#90a1b9 - Fog Line
#cad5e2
Типография
12ден 96 пикселге чейин · 6 кадам
- Inter — алмаштыруу: Inter (Google Fonts — this is already Inter) · контурлар 400, 500, 600, 700
- IBM Plex Mono (plexMono) — алмаштыруу: IBM Plex Mono (Google Fonts) · контурлар 400, 500, 600
Интервалдар жана форма
| Максаты | Мааниси |
|---|---|
| Тыгыздык | кенен |
| Негизги кадам | 16px |
| Баскычтын радиусу | 32px (pill CTA), 4px (code/tag badges) |
| Картанын радиусу | 8px |
| Көлөкөлөр | көлөкөлөрдүн ордуна чек аралар жок |
| Бөлүмдөрдүн ортосунда | 96px |
| Барактын туурасы | 1280px |
Жасалма интеллект сиздин веб-сайтыңызды Tailwind CSS стилинде куруп, аны толтурат
- Instagram, TikTok, Facebook шилтемелери аркылуу өнүмдөр жана посттор менен толтуруңуз.
- Эски сайтыңыздан мазмунду өткөрүп бериңиз — жөн гана даректи көрсөтүңүз.
- Эң мыкты кыймылдаткычтагы заманбап дизайн: серверди рендеринг жана SEO оптималдаштыруу менен React ( Next.js).
- Издөө натыйжалары жана нейрон тармактарынын сунуштары үчүн толугу менен автоматташтырылган SEO оптималдаштыруу.
Окшош стилдер
- Avoice — Түн ортосу тартылган сүрөттөргө бир аз ачык жашыл түс бериңиз. Кара түстөгү өндүрүш кадамдарынын айланасында ачык, документке окшош барак бөлүктөрүн түзүңүз, андан кийин ачык ачык жашыл түстү трансформациялар, тандоолор жана архитектуралык аннотациялар үчүн абдан көрүнүктүү белги катары колдонуңуз.
- Bee — Күн нуру, балдай сары тумар. Ар бир экранды тактилдүү редакциялык жайылтуу катары түзүңүз: билек тагынуучу буюмдардын жакын сүрөттөрү, кенен тегеректелген алкактар менен кооздолгон, сары же ачык нейтралдуу фондо калың, дээрлик кара шрифт менен бирге.
- AI for Business — Жылуу боз түстөгү бруталисттик редакциянын көргөзмө залы
- Superhuman — алтын сааттык редакциялык панель
- Visitors — ак инженердик чийме
- Vercel — Терминал ак кагазга басылган
- Jeton — Жылуу мрамордогу финтех тууралуу редакциялык макала
- ClickUp — Ак мрамордон жасалган күчтүү башкаруу панели. Бул баракча өндүрүмдүүлүк куралы үчүн продукт брошюрасы болуп саналат, ошондуктан визуалдык тил продуктунун өзүнөн алынган: тыгыз тизмелер, абал көрсөткүчтөрү, аватарлардын топтору жана дисплейдеги продукттун спецификациясына окшош калың типографиялык билдирүүлөр.
- Dock — Күн нурунан жасалган крем кагаз, кобальт импульсу
- Quizlet — Класс ак фондо ар кандай түстөр менен кооздолгон - тынч парта, анын артында төрт пастел түстөгү открытка муздак боз дубалдардын жана индиго маркери менен жасалган жалгыз белгинин фонунда жалгыз жаркыраган акцент болуп саналат.
- Airtable — Ар кандай түстөр менен белгиленген бөлүмдөрү бар жайлуу семинар
- Headspace — Жылуу кагазга күн нуру чачыраган ден соолук бурчу