Authkit
Катедрала од матираног стакла у поноћ
AuthKit ствара естетику ноћне презентације производа: скоро црно платно са површинама од матираног стакла, мрежу једва видљивих линија и светлећи текст који изгледа као да је осветљен слојем стакла. Фонт је скоро у потпуности бео на тамној позадини, са једним јарко љубичастим акцентом као јединим функционалним елементом — свака интерактивна површина има меку, танку линију хладне плаво-беле боје, а не крути оквир. Компоненте су распоређене на провидним слојевима, слојевитим преко амбијенталног сјаја, а картице изгледају као стаклене плоче осветљене одоздо, а не као папирни панели. Размак је велики и ритмичан; главни елемент је један осветљени лого који се протеже целом ширином странице, окружен плутајућим стакленим картицама, уместо традиционалног распореда са подељеним екраном.
Тамно платно пуне ширине са центрираним контејнером садржаја, максималне ширине 1200 пиксела. Главни елемент је један, центрирани, осветљени лого („AuthKit“ у градијентном фонту) испод малог текста у облику обрве, иза кога/испод кога се шире три плутајуће стаклене картице са формуларом за пријаву (лева картица нагнута лево, централна картица максимизирана, десна картица нагнута десно). Прекидач светле/тамне теме је центриран испод главног елемента. Ред функција је хоризонтална временска линија од 6 икона са танким спојним линијама између кружних икона. Ритам секција: свака секција почиње центрираним текстом у облику обрве уоквиреним бледим хоризонталним линијама, након чега следи велики, центрирани наслов (44-48 пиксела), а затим један ред пригушеног текста (16-18 пиксела), максималне ширине ~640 пиксела. Одељак „Прилагоди“ приказује макет прозора прегледача са централно постављеном картицом за пријаву окруженом плутајућим панелима инспектора корисничког интерфејса (палете боја, клизачи радијуса, селектор иконе логотипа, поље за текст дугмета, поље за позадину странице) постављеним у угловима платна, попут радног простора алата за дизајн.
Визуелним дизајном доминирају макети формулара за пријаву, израђени у стилу „стаклене морфологије“ (поља за унос имејла/лозинке, дугмад за пријаву на друштвене мреже, унос кода без лозинке), представљени као плутајуће, провидне картице на поноћном платну. Иконе карактеристика су монохроматски линеарни глифови у #d1e4fa унутар округлих, мат плочица. Суптилна мрежа (линије од 1px у rgba(186,215,247,0.06)) покрива целу страницу, стварајући атмосферу, док конусни градијентни рефлектор светлуца на врху главног елемента. Нема фотографија, нема слика животног стила, нема снимака екрана производа – сам производ је визуелни елемент: поља за пријаву распоређена су попут стаклених прототипова у мрачном студију.
Палета
Brend
- Void Violet
#663af3— Примарна боја за дугме са позивом на акцију (CTA) је једина акцентна боја која се користи искључиво за дугме „Настави/Пошаљи“ унутар образаца за пријаву; жива љубичаста боја на скоро црној позадини ствара осећај хитности без нарушавања монохроматске шеме боја.
Неутрално
- Midnight Canvas
#05060f— Позадина странице, најдубља површина картице, пуњење значке - готово црна основа на којој све остало плута. - Steel Plate
#2f343e— Подигнута површина, дугмад за фантомско/секундарно дејство, дискретна позадина панела. - Fog Veil
#9da7ba— Главни текст, текст на картици, је читљив, али је потиснут у позадину у поређењу са насловима. - Moon Mist
#c7d3ea— Главни текст, додатне ознаке, пригушен помоћни текст - Frost Glow
#d1e4fa— Примарна боја за попуњавање текста тела и линкова, текста икона и попуњавања икона је подразумевани светлећи предњи план. - Ice Highlight
#d8ecf8— Светли текст на тамним површинама, обрнуте ознаке и наслови са високим контрастом. Немојте је користити као примарну боју за позиве на акцију; градијент наслова – глатки прелаз из светлоплаве у меку плаву одозго надоле – користи се у логотипу AuthKit-а и кључним насловима.
Типографија
од 12 до 48 пиксела · 8 корака
- Untitled Sans — замена: Inter · обриси 400, 500, 600, 700 · Главни текст, кориснички интерфејс, дугмад, поља за унос, иконе, мали наслови - универзални фонт за све функционално.
- aeonikPro — замена: Space Grotesk · обриси 400, 500 · Приказивањем само наслова — брендирања AuthKit-а, наслова одељака и текста — фонт величине 500 поена са величином од 44-48 пиксела даје брендирању широк, ненаметљив изглед, а не блистав акценат.
- 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 у поноћ – осећај платна за аутоматизацију у реалном времену у мрачној серверској соби, осветљеног индикаторима статуса и токовима података