React Email
Obsidian Developer Workshop тирән мат кара төстәге бизәк, нечкә ак кырыйлар һәм эшкәртүчеләр өчен пыяла аша балкып торган бердәнбер зәңгәр яктылык белән җиһазландырылган.
Палитра
Нейтраль
- Obsidian
#000000 - Carbon
#0f0f10 - Graphite
#27272a - Filament
#e5e7eb - Paper
#ffffff - Fog
#abafb4
Типография
12 дән 68 пиксельгә кадәр · 8 адым
- Inter — алыштыру: system-ui · контурлар 400, 460, 500
- CommitMono — алыштыру: JetBrains Mono · контурлар 400
- -apple-system — алыштыру: system-ui · контурлар 400, 600, 700
Интерваллар һәм форма
| Максат | Мәгънәсе |
|---|---|
| Тыгызлык | уртача |
| Төп адым | 12px |
| Төймә радиусы | 8px |
| Карта радиусы | 12px |
| Күләгәләр | күләгәләр урынына чикләр юк |
| Бүлекләр арасында | 80px |
| Бит киңлеге | 1200px |
Ясалма интеллект сезнең сайтны React Email стилендә төзер һәм аны тутырыр
- Продуктлар һәм постлар белән Instagram, TikTok, Facebook сылтамасы аша тутырыгыз.
- Иске сайтыгыздан контентны күчерегез — адресны күрсәтегез генә.
- Иң яхшы двигательдә заманча дизайн: сервер рендерингы һәм SEO оптимизациясе белән React ( Next.js).
- Эзләү нәтиҗәләре һәм нейрон челтәр тәкъдимнәре өчен тулысынча автоматик SEO оптимизациясе.
Охшаш стильләр
- Fey — Bloomberg төнге терминалы, мат кара төстә һәм люминесцент шрифт белән
- Altitude — Төн уртасында бастырылган финанс мәкаләсе — караңгы сәүдә мәйданы, ак сериф шрифт белән басылган, нечкә чикләр һәм бер зәңгәр акцент белән генә яктыртылган.
- Axiom — Төн уртасындагы терминал тәрәзәсе яссы кара кисәк, бер аралыклы текст һәм ялтырап торган кызгылт сары курсор кебек.
- Freshman — кара бәрхет өстендәге фильм исемнәре
- Monologue — Зәңгәр утлы бәрхет китапханә. Зур, караңгы бүлмә, анда курсив белән язылган бер генә исем игътибарны җәлеп итә, ә бер генә зәңгәрсу төстәге балкыш вакыйгалар башлануын күрсәтә.
- Mesh — Төн уртасы кәгазендә бронза кара. Караңгы редакция өслеге, анда җылы янтарь сызыклар һәм тар санс-сериф шрифты күзне тыгыз, ашыкмыйча язылган композиция аша алып бара.
- herding — Бер неон акценты белән җылы күмер төсендәге өстәл — монохром караңгы интерфейс, ә аның арасы якты зәңгәрсу-лайм төсе белән бүленгән.
- Lazy — Кулъязманы төн уртасында терү
- AWE — Төн уртасыннан соң роботлаштырылган обсерватория. Кара, галерея сыман экраннар ясагыз, анда ачык төстәге редакция шрифты ясалма интеллект ярдәмендә эшли торган рәсемнәр һәм кечкенә панель тексты өстендә йөзеп йөри.
- Graphite — Якты очлы челтәр. Төгәл ак типографик билгеләр һәм спектраль яктылыкның вакыт-вакыт чагылышы тирәсендә караңгы, чикле продукт өслекләрен булдырыгыз.
- Featurebase — Шәмәхә төстәге консоль. Һәр битне караңгы, тыныч сәхнә итеп күз алдыгызга китерегез, анда продукт өчен якты эш урыны аскы кырыйдан чыгып тора.
- Nuxt — Тирән киңлектә терминал балкышы. Зәңгәр-кара өслекләргә каршы яшел төс көчле сигнал буларак күренгән караңгы, ябык интерфейс яссылыклары булдырыгыз.