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