Authkit
Катедралата от матирано стъкло в полунощ
AuthKit създава естетика на продуктова презентация през нощта: почти черно платно с матирано стъкло, решетка от едва видими линии и светещ текст, който изглежда осветен от стъклен слой. Шрифтът е почти изцяло бял на тъмен фон, с един ярък лилав акцент като единствен функционален елемент - всяка интерактивна повърхност има мека, тънка линия от хладно синьо-бяло, а не твърда рамка. Компонентите са разположени върху полупрозрачни слоеве, наслоени върху околно сияние, а картите изглеждат като стъклени плочи, осветени отдолу, а не като хартиени панели. Разстоянието между тях е голямо и ритмично; основният елемент е едно осветено лого, обхващащо цялата ширина на страницата, заобиколено от плаващи стъклени карти, вместо традиционно оформление с разделен екран.
Тъмно платно с пълна ширина и центриран контейнер за съдържание, максимална ширина 1200 пиксела. Основният елемент е единично, центрирано, осветено лого („AuthKit“ с градиентен шрифт) под малък текст във формата на вежда, зад което/под което се разпростират три плаващи стъклени карти с форма за вход (лявата карта е наклонена наляво, централната карта е максимизирана, дясната карта е наклонена надясно). Превключвател за светла/тъмна тема е центриран под основния елемент. Редът с функции е хоризонтална времева линия от 6 икони с тънки свързващи линии между кръглите икони. Ритъм на секциите: всяка секция започва с центриран текст във формата на вежда, ограден от избледняващи хоризонтални линии, последван от голямо, центрирано заглавие (44-48 пиксела), последвано от един ред приглушен текст (16-18 пиксела), максимална ширина ~640 пиксела. Секцията „Персонализиране“ показва макет на прозорец на браузър с централно разположена карта за вход, заобиколена от плаващи панели за инспекция на потребителския интерфейс (цветови палитри, плъзгачи за радиус, селектор на икони на лого, текстово поле за бутони, поле за фон на страница), разположени в ъглите на платното, като работно пространство на инструменти за дизайн.
Визуалният дизайн е доминиран от макети на формуляри за вход, изработени в стил „стъклена морфология“ (полета за въвеждане на имейл/парола, бутони за вход в социалните медии, въвеждане на код без парола), представени като плаващи, полупрозрачни карти на фона на полунощно платно. Иконите на функциите са монохромни линейни глифове в #d1e4fa, разположени в кръгли, матови плочки. Фина мрежа (1px линии в rgba(186,215,247,0.06)) покрива цялата страница, създавайки атмосфера, докато коничен градиентен прожектор блести в горната част на основния елемент. Няма снимки, няма изображения на начин на живот, няма скрийншотове на продукти – самият продукт е визуалният елемент: полета за вход, подредени като стъклени прототипи в тъмно студио.
Палитра
Марка
- Void Violet
#663af3— Основният цвят за бутона с призив за действие (CTA) е единственият акцентен цвят, използван изключително за бутона „Продължи/Изпрати“ във формулярите за вход; яркото лилаво на почти черен фон създава усещане за неотложност, без да нарушава монохроматичната цветова схема.
Неутрален
- Midnight Canvas
#05060f— Фонът на страницата, най-дълбоката повърхност на картата, пълнежът на значката - почти черна основа, върху която всичко останало плава. - Steel Plate
#2f343e— Повдигната повърхност, бутони за фантомно/вторично действие, дискретен заден панел. - Fog Veil
#9da7ba— Основният текст, текстът на картата, е четлив, но е изместен на заден план в сравнение със заглавията. - Moon Mist
#c7d3ea— Основен текст, допълнителни етикети, спомагателен текст с приглушен звук - Frost Glow
#d1e4fa— Основният цвят за запълване на текста на тялото и връзките, текста на иконите и запълването на иконите е светещият преден план по подразбиране. - Ice Highlight
#d8ecf8— Светъл текст върху тъмни повърхности, обърнати етикети и заглавия с висок контраст. Не го използвайте като основен цвят за призиви за действие; в логото на AuthKit и ключовите заглавия се използва градиент на заглавията – плавен преход от светлосиньо към мекосиньо отгоре надолу.
Типография
от 12 до 48px · 8 стъпки
- Untitled Sans — замяна: Inter · очертания 400, 500, 600, 700 · Основен текст, потребителски интерфейс, бутони, полета за въвеждане, икони, малки заглавия - универсален шрифт за всичко функционално.
- aeonikPro — замяна: Space Grotesk · очертания 400, 500 · Показването само на заглавия – брандирането на AuthKit, заглавията на секциите и основния текст – с дебелина на шрифта 500 пункта и размер 44-48px придава на брандирането широк, семпъл вид, а не ярък акцент.
- dotDigital — замяна: JetBrains Mono · очертания 400 · Текст, написан само с главни букви („Представяне“, „Разширяем дизайн“, „Блести ярко“) - текстът, написан само с главни букви и разстояние от 0,10 em, служи като фини разделители между основния текст и заглавието.
Интервали и форма
| Цел | Стойност |
|---|---|
| Плътност | просторен |
| Основна стъпка | 16px |
| Радиус на бутона | 999px |
| Радиус на картата | 16px |
| Сенки | не - рамки вместо сенки |
| Между секциите | 120px |
| Ширина на страницата | 1200px |
Изкуственият интелект ще изгради вашия уебсайт в стил Authkit и ще го запълни
- Попълнете с продукти и публикации чрез линка - Instagram, TikTok, Facebook.
- Прехвърлете съдържание от стария си сайт – просто посочете адреса.
- Модерен дизайн на най-добрия енджин: React ( Next.js) със сървърно рендериране и SEO оптимизация веднага щом е готов.
- Напълно автоматизирана SEO оптимизация за резултати от търсенето и препоръки от невронни мрежи.
Подобни стилове
- Resend — черно кадифе с лилав неонов цвят
- Gsap — Анимирана бяла дъска в дизайнерско студио. Почти черна стена, топъл кремав тебешир и пет цветни маркера - по един за всяка анимационна дисциплина.
- Slash — Полунощен свод с позлатени книги
- Raycast — Полунощен команден център, Корал Неон
- Dimension — работно място, осветено при здрач, с матирано стъкло
- Modal — Фосфоресциращ терминал в затъмнена сървърна стая - единственият източник на светлина е яркозелен цвят
- Reflect Notes — Звездно-виолетовото пространство е тъмна обсерватория, където ноти се носят като съзвездия на фона на почти черна индигова празнота.
- LaunchDarkly — Неоновата контролна зала е тъмна пилотска кабина, където лилави сигнали пулсират през черни като смола панели.
- Ameba — Контролната зала в полунощ – електрическо синьо пулсиране вътре в матирано стъкло
- AgentQL — Северно сияние над терминала през нощта
- Neon — Сървърна стая след залез слънце. Пълен мрак, където единствената светлина идва от данни и потребителски взаимодействия.
- N8n — Workflow Engine в полунощ – усещането за платно за автоматизация в реално време в тъмна сървърна стая, осветено от индикатори за състоянието и потоци от данни