Resend
черно кадифе с лилав неонов цвят
Resend съществува в почти пълен мрак – чисто черно платно, тънки графитни рамки и типография „бяло върху черно“, която създава усещането за четене на текст, отпечатан върху матирано стъкло. Основният елемент е анти-орнаментален: един голям серифен заглавен шрифт в 96px Domaine до триизмерен черен куб, без градиенти или маркетингови илюстрации. Марката е наситено лилаво (#9281f7), което се появява в редовете за имейл адреси, иконите за състояние и примерните кодове – никога върху бутоните. Монопространствен шрифт (Commit Mono) предава личността на разработчика чрез всеки блок код, икона и вграден етикет, което прави страницата да се усеща като терминал, затворен в луксозен интерфейс. Компонентите имат остри или леко заоблени ъгли (6px / 16px), ниски височини и използват 1px рамки вместо сенки за разделяне на слоевете. Динамиката е фина, но изразителна: плавно избледняване и плъзгане на текст на главния екран, фино завъртане на куба с помощта на WebGL и кратки преходи от 150 ms при задържане на курсора.
Визуалният дизайн се състои почти изцяло от 3D обекти, рендирани с WebGL (черният куб в главния прозорец, въртящи се геометрични фигури) и вградени екранни снимки на потребителския интерфейс на продукта, показани в прозорци с тъмен код. Не се използват снимки, илюстрации или изображения, свързани с начина на живот. Логотата в лентата за доверие са вградени SVG изображения в оригиналните им цветове. Иконите са с контури от 1px-1.5px и щрих #f0f0f0 или #a1a4a5. Визуалният език: черно платно, 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 до 96px · 8 стъпки
- Inter — замяна: Inter (Google Fonts) · очертания 400, 500, 600 · Текст на тялото, етикети на потребителския интерфейс, навигация, бутони, връзки. Работен инструмент – появява се 1280 пъти във всички повърхности с изключение на кода.
- Domaine — замяна: GT Sectra · очертания 400 · Текстът на заглавието – шрифт с размер 400 пункта и разстояние между буквите 96 пиксела – създава редакционно, почти печатно усещане. Използва се само два пъти на цялата страница за най-голямото заглавие.
- aBC Favorit — замяна: Inter Display · очертания 400, 500 · Заглавия и подзаглавия на раздели. Шрифтът в стила на марката е 56px, weight-400, а разстоянието между буквите е -0.05em. Изключително негативното разстояние между буквите в този геометричен sans-serif шрифт създава сгъстено, уверено впечатление, контрастиращо с основния шрифт Domaine.
Интервали и форма
| Цел | Стойност |
|---|---|
| Плътност | просторен |
| Основна стъпка | 16px |
| Радиус на бутона | 6px |
| Радиус на картата | 16px |
| Сенки | не - рамки вместо сенки |
| Между секциите | 96px |
| Ширина на страницата | 1200px |
Изкуственият интелект ще изгради вашия уебсайт в стил Resend и ще го запълни
- Попълнете с продукти и публикации чрез линка - Instagram, TikTok, Facebook.
- Прехвърлете съдържание от стария си сайт – просто посочете адреса.
- Модерен дизайн на най-добрия енджин: React ( Next.js) със сървърно рендериране и SEO оптимизация веднага щом е готов.
- Напълно автоматизирана SEO оптимизация за резултати от търсенето и препоръки от невронни мрежи.
Подобни стилове
- Neon — Сървърна стая след залез слънце. Пълен мрак, където единствената светлина идва от данни и потребителски взаимодействия.
- Discord — Светът на играта е скрит зад изскачащ прозорец за чат - всяка секция е самостоятелна среда със собствено осветление и набор от герои.
- Midjourney — Биолуминесцентен терминал в дълбокия океан. Дълбоководен свят, където интелектът визуално се генерира в ASCII потоци, а контролите се появяват като слабо светещи шарки.
- Wope — Уоп е интерфейс с лилав хоризонт. Представете си тъмна маса за наблюдение с лилава светлина, излъчваща се изпод стъклото.
- Ori — Сървърната стая в полунощ е черна празнота, бяла светлина, само един включен ключ.
- Amaterasu — Небесно тюркоазено светилище
- Obsidian — Хранилище на кристално чисти знания. Ясно, многостранно дигитално пространство, проектирано за яснота и фокус, със светещи лилави жилки на взаимодействие.
- Morphic — Тъмно кинематографично платно за разказване на истории, задвижвано от изкуствен интелект. Чистото черно поглъща всичко освен синята пулсация на един-единствен акцент и сиянието на генерираното изображение.
- Valo — Ноар обсерватория в полунощ — 300-точкова типография се носи на чист черен фон, докато един тюркоазено-лилав градиент преминава през стаята като лазерна линия.
- JetBrains — Неонова мъглявина върху обсидиан – Страница с черен фон, където лилаво-сини градиенти цъфтят като изображения на дълбокия космос, преплетени с горещ розов неон и хроматичното сияние на иконите за всеки продукт.
- beehiiv — Полунощна обсерватория с неонова плазма
- RainbowKit — Неонов модален органайзер за портфейл се носи в черна празнота, синьо-виолетов блясък пронизващ тъмнината.