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 оновчлол.
Төстэй хэв маяг
- AI for Business — Дулаан саарал өнгийн харгис үзүүлбэрийн танхим
- Superhuman — алтан цагийн редакцийн самбар
- Visitors — цагаан инженерийн зураг
- Vercel — Терминалыг цагаан цаасан дээр хэвлэв
- Jeton — Дулаан гантиг дээрх финтекийн тухай редакцийн нийтлэл
- ClickUp — Цагаан гантиг дээр хүчирхэг хяналтын самбар. Хуудас нь бүтээмжийн хэрэгслийн бүтээгдэхүүний товхимол тул харааны хэлийг бүтээгдэхүүнээс өөрөөс нь зээлсэн: нягт жагсаалт, төлөвийн үзүүлэлт, аватаруудын бүлэг, дэлгэцэн дээрх бүтээгдэхүүний тодорхойлолт шиг харагдах тод үсгийн мэдэгдэл.
- Dock — Нарны гэрэлтэй крем цаас, кобальт импульс
- Quizlet — Анги танхимыг цагаан дэвсгэр дээр янз бүрийн өнгөөр чимэглэсэн - чимээгүй ширээ, түүний ард дөрвөн пастел карт нь хүйтэн саарал хананы дэвсгэр дээр цорын ганц тод өргөлт болж, индиго маркераар хийсэн ганц тэмдэг юм.
- Airtable — Төрөл бүрийн өнгөөр тэмдэглэгдсэн бүлгүүдтэй тухтай семинар
- Headspace — Дулаан цаасан дээрх нарлаг эрүүл мэндийн булан
- Foodnoms — Цагаан шаазан дээрх нарлаг жимсний зах - дулаан жүрж, шинэхэн ногоонууд болон эзэлхүүнтэй бөөрөнхий хэлбэртэй
- WHOOP — Шөнө дундын үзүүлбэрийн лаборатори - хар театрын хоосон зайн доорх цагаан клиник лабораторийн ширээнүүд, ганц нил ягаан цахилгаан импульс