Resend
күлгін неон түсті қара барқыт
Қайта жіберу мүмкіндігі толықтай қараңғылықта бар — таза қара кенеп, жұқа графит жиектері және ақ-қара типографиясы күңгірт әйнекке басылған мәтінді оқу сезімін тудырады. Негізгі элементі әшекейге қарсы: үш өлшемді қара текшенің жанында 96px Domaine өлшеміндегі бір үлкен serif тақырыбы, градиенттерсіз немесе маркетингтік иллюстрацияларсыз. Бренд белгісі - қанық күлгін (#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— Карталардағы, енгізу өрістеріндегі, түймелердегі, код блоктарындағы және бөлгіштердегі 1px шекаралары әрбір қабаттың бөлінуін анықтайды. - White
#ffffff— Қараңғы беттердегі негізгі тақырыптар, тақырып, түйме белгілері, белгішелерді толтыру. - Bone White
#f0f0f0— Негізгі мәтін, қосымша тақырыптар, белгіше контурлары - оқуға арналған негізгі түс. - Ash Gray
#a1a4a5— Үнсіз негізгі мәтін, белгіше белгілері, белгіше контурлары - үшінші деңгейлі мәтін және метадеректер. - Smoke Gray
#abafb4— Сілтеме түсі, өшірілген түйме мәтіні, көмекші белгілер - төртінші деңгейлі мәтін
Типография
12-ден 96 пиксельге дейін · 8 қадам
- Inter — ауыстыру: Inter (Google Fonts) · контурлар 400, 500, 600 · Негізгі мәтін, пайдаланушы интерфейсінің белгілері, навигация, түймелер, сілтемелер. Жұмыс құралы – кодтан басқа барлық беттерде 1280 рет пайда болады.
- Domaine — ауыстыру: GT Sectra · контурлар 400 · Тақырып мәтіні — 96 пиксель әріп аралығы бар 400 нүктелі қаріп — редакциялық, баспаға ұқсас әсер қалдырады. Ең үлкен тақырып үшін ол бүкіл бетте тек екі рет қолданылады.
- 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 — Неон түсті әмиян қорабы қара кеңістікте қалқып жүр, көк-күлгін сәуле қараңғылықты жарып өтеді.