Resend
кара бәрхет белән шәмәхә неон төсе
Resend тулы караңгылыкта диярлек бар - чиста кара холст, нечкә графит чикләре һәм ак-кара типография, ул бозлы пыялага басылган текстны уку хисен тудыра. Төп элемент - бизәккә каршы: өч үлчәмле кара куб янында 96px Domaine'да бер зур сериф башлык, градиентларсыз яки маркетинг иллюстрацияләресез. Бренд билгесе - бай шәмәхә төс (#9281f7), ул электрон почта адресы юлларында, статус иконкаларында һәм код үрнәкләрендә күренә - беркайчан да төймәләрдә түгел. Бер аралы шрифт (Commit Mono) һәр код блогы, иконасы һәм юл эчендәге ярлык аша эшкәртүченең шәхесен чагылдыра, битне люкс интерфейска ябылган терминал кебек хис иттерә. Компонентларның почмаклары үткен яки бераз түгәрәкләнгән (6px / 16px), түбән биеклекләр һәм катламнарны аеру өчен күләгәләр урынына 1px чикләре кулланыла. Динамика нечкә, ләкин экспрессив: төп экранда текстның шома сүнүе һәм шуышы, WebGL ярдәмендә кубның нечкә әйләнүе һәм курсорны күтәргәндә кыска 150 мс күчүләр.
Визуаль дизайн тулысынча диярлек WebGL белән күрсәтелгән 3D объектлардан (төп тәрәзәдәге кара куб, әйләнүче геометрик формалар) һәм продуктның кулланучы интерфейсының караңгы код тәрәзәләрендә күрсәтелгән скриншотларыннан тора. Фотографияләр, иллюстрацияләр яки яшәү рәвеше рәсемнәре кулланылмый. Ышаныч тактасындагы логотиплар - оригиналь төсләрендә урнаштырылган SVG рәсемнәре. Иконалар - #f0f0f0 яки #a1a4a5 сызыгы белән 1px-1.5px контурлар. Визуаль тел: кара полотно, төп тәрәзә якоре буларак 3D объект, продуктны раслаучы караңгы код тәрәзәләре, социаль раслаучы буларак ак SVG логотиплары. Декоратив бернәрсә дә юк - һәр визуаль элемент я структураль (куб), я демонстрация (код тәрәзәсе, логотип).
Палитра
Бренд
- Iris Violet
#9281f7— Сылтамалар, теглар һәм билгеләнгән кыска фразалар өчен шәмәхә төстәге акцент тексты; иконалар контейнерларында һәм бренд иконкаларында шәмәхә төстән алсу төскә кадәр диагональ градиент. - Iris Violet Glow
#baa7ff— Сылтамалар, теглар һәм кыска билгеләнгән фразалар шәмәхә төс белән билгеләнгән.
Нейтраль
- Void Black
#000000— Бит фоны, картон өслекләр, каплау экраннары - бөтен холст. - Graphite Hairline
#292d30— Карталардагы, кертү кырларындагы, төймәләрдәге, код блокларындагы һәм бүлгечләрдәге 1 пиксель чикләре һәр катлам аерылышын билгели. - White
#ffffff— Караңгы өслекләрдә төп исемнәр, исем, төймә билгеләре, иконалар белән тутыру. - Bone White
#f0f0f0— Төп текст, икенчел исемнәр, иконалар контурлары - уку өчен төп төс. - Ash Gray
#a1a4a5— Тынычландырылган төп текст, иконка билгеләре, иконка контурлары - өченче дәрәҗә текст һәм метамәгълүматлар. - Smoke Gray
#abafb4— Сылтама төсе, сүндерелгән төймә тексты, ярдәмче ярлыклар - дүртенче дәрәҗә текст
Типография
12 дән 96 пиксельгә кадәр · 8 адым
- Inter — алыштыру: Inter (Google Fonts) · контурлар 400, 500, 600 · Төп текст, UI теглары, навигация, төймәләр, сылтамалар. Эш коралы – кодтан кала барлык өслекләрдә 1280 тапкыр очрый.
- Domaine — алыштыру: GT Sectra · контурлар 400 · Исем тексты — 400 пунктлы шрифт һәм 96 пиксель хәреф аралыгы — редакция стиле тудыра, басма кебек тоела. Иң зур исем өчен ул бөтен биттә ике тапкыр гына кулланыла.
- aBC Favorit — алыштыру: Inter Display · контурлар 400, 500 · Бүлек башлыклары һәм өстәмә исемнәр. Бренд стилендәге шрифт 56 пиксель, авырлыгы - 400, ә хәрефләр арасындагы ара - 0.05 мм. Бу геометрик sans-serif шрифтындагы бик тискәре хәрефләр арасы төп Domaine шрифтына каршы торып, кыска, ышанычлы тәэсир калдыра.
Интерваллар һәм форма
| Максат | Мәгънәсе |
|---|---|
| Тыгызлык | киң |
| Төп адым | 16px |
| Төймә радиусы | 6px |
| Карта радиусы | 16px |
| Күләгәләр | күләгәләр урынына чикләр юк |
| Бүлекләр арасында | 96px |
| Бит киңлеге | 1200px |
Ясалма интеллект сезнең сайтны Resend стилендә төзер һәм аны тутырыр
- Продуктлар һәм постлар белән Instagram, TikTok, Facebook сылтамасы аша тутырыгыз.
- Иске сайтыгыздан контентны күчерегез — адресны күрсәтегез генә.
- Иң яхшы двигательдә заманча дизайн: сервер рендерингы һәм SEO оптимизациясе белән React ( Next.js).
- Эзләү нәтиҗәләре һәм нейрон челтәр тәкъдимнәре өчен тулысынча автоматик SEO оптимизациясе.
Охшаш стильләр
- Neon — Караңгы төшкәннән соң сервер бүлмәсе. Саф караңгылык, анда яктылык бары тик мәгълүматлардан һәм кулланучылар белән аралашудан гына килә.
- Discord — Уен дөньясы чат тәрәзәсе артында яшеренгән - һәр бүлек үз яктыртуы һәм персонажлар җыелмасы белән мөстәкыйль мохит.
- Midjourney — Тирән океандагы биолюминесцент терминал. Акыл ASCII агымнарында визуаль рәвештә барлыкка килә торган, ә идарә итү элементлары тонык кына балкып торган бизәкләр кебек күренгән тирән диңгез дөньясы.
- Wope — Wope - шәмәхә төстәге офык интерфейсы. Пыяла астыннан шәмәхә яктылык сибелгән караңгы обсерватория өстәлен күз алдыгызга китерегез.
- Ori — Төн уртасында сервер бүлмәсендә кара бушлык, ак ут, бер генә выключатель кабызылган.
- Amaterasu — Күк зәңгәр төстәге изге урын
- Obsidian — Кристалл белемнәр саклагычы. Ачыклык һәм игътибар өчен эшләнгән, якты шәмәхә төстәге үзара бәйләнеш тамырлары белән ачык, күпкырлы санлы киңлек.
- Morphic — Ясалма интеллект ярдәмендә хикәяләү өчен караңгы кинематографик холст. Саф кара төс, бер акцентның зәңгәр пульсациясен һәм ясалган рәсемнең балкышын гына үз эченә ала.
- Valo — Төн уртасында нуар обсерваториясе - чиста кара фонда 300 pt типография күренә, ә бүлмә аша лазер сызыгы кебек бер зәңгәрсу-шәмәхә төс градиенты үтә.
- JetBrains — Обсидиандагы неон томанлыгы – кара фон бите, анда шәмәхә-зәңгәр төстәге градиентлар тирән космос рәсемнәре кебек чәчәк ата, алар арасында кайнар алсу неон һәм һәр продукт өчен иконаларның хроматик балкышы бар.
- beehiiv — Неон плазмасы белән төн уртасы обсерваториясе
- RainbowKit — Кара бушлыкта неон формасындагы капчык оештыручысы йөзеп йөри, зәңгәр-шәмәхә яктылык караңгылыкны тишеп үтә.