Resend
црни сомот са љубичастом неонском бојом
Ресенд постоји у готово потпуном мраку — чисто црно платно, танке графитне ивице и бела на црној типографији која ствара осећај читања текста одштампаног на матираном стаклу. Главни елемент је анти-орнаменталан: један велики серифни наслов у Domaine од 96 пиксела поред тродимензионалне црне коцке, без градијената или маркетиншких илустрација. Заштитни знак бренда је богата љубичаста боја (#9281f7), која се појављује у линијама за имејл адресу, иконама статуса и примерима кода — никада на дугмадима. Фонт са једноструким проредом (Commit Mono) преноси личност програмера кроз сваки блок кода, икону и уметнуту етикету, чинећи да страница изгледа као терминал затворен у луксузном интерфејсу. Компоненте имају оштре или благо заобљене углове (6 пиксела / 16 пиксела), ниске висине и користе ивице од 1 пиксела уместо сенки за одвајање слојева. Динамика је суптилна, али изражајна: глатко бледење и клизање текста на главном екрану, суптилна ротација коцке помоћу WebGL-а и кратки прелази од 150 мс при преласку мишем.
Визуелни дизајн се готово у потпуности састоји од 3Д објеката приказаних помоћу WebGL-а (црна коцка у главном прозору, ротирајући геометријски облици) и уграђених снимака екрана корисничког интерфејса производа приказаних у прозорима тамног кода. Нису коришћене фотографије, илустрације или слике животног стила. Логотипи у траци поверења су уграђене SVG слике у њиховим оригиналним бојама. Иконе су обриса од 1px-1.5px са потезом #f0f0f0 или #a1a4a5. Визуелни језик: црно платно, 3Д објекат као сидро главног прозора, прозори тамног кода као доказ производа, бели SVG логотипи као друштвени доказ. Ништа декоративно — сваки визуелни елемент је или структурни (коцка) или демонстративни (прозор кода, лого).
Палета
Brend
- 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 · Текст тела, ознаке корисничког интерфејса, навигација, дугмад, линкови. Радни алат – појављује се 1.280 пута на свим површинама осим кода.
- Domaine — замена: GT Sectra · обриси 400 · Насловни текст – фонт величине 400 поена са размаком између слова од 96 пиксела – ствара уређивачки, готово штампани осећај. Користи се само два пута на целој страници за највећи наслов.
- aBC Favorit — замена: Inter Display · обриси 400, 500 · Наслови и поднаслови одељака. Фонт брендираног стила је 56px, тежина-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 pt лебди на чистој црној позадини, док један тиркизно-љубичасти градијент пролази кроз собу попут ласерске линије.
- JetBrains — Неонска маглина на Обсидијану – Страница са црном позадином где љубичасто-плави градијенти цветају попут слика дубоког свемира, испресецани јарко ружичастим неоном и хроматским сјајем икона за сваки производ.
- beehiiv — Поноћна опсерваторија са неонском плазмом
- RainbowKit — Неонски модални организатор за новчаник лебди у црној празнини, плаво-љубичасти сјај пробија таму.