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 — Дулаан цаасан дээрх нарлаг эрүүл мэндийн булан