Tailwind CSS
Продукция демосы буларак, типографик тикшерү бите - CAM исеме интерфейс булып тора, ул калын кара 96 пиксель шрифт белән билгеләнгән һәм зурлыгы белән генә игътибарны җәлеп итә.
Палитра
Бренд
- 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 — Җылы кәгазьдә кояшлы сәламәтлек почмагы