Authkit
Катедрала од матирано стакло на полноќ
AuthKit создава естетика за презентација на производи во текот на ноќта: речиси црно платно со површини од мат стакло, мрежа од едвај видливи линии и светлечки текст што изгледа осветлен од стаклен слој. Фонтот е речиси целосно бел на темна позадина, со еден светло виолетов акцент како единствен функционален елемент - секоја интерактивна површина има мека, тенка линија од ладно сино-бела боја, наместо цврста рамка. Компонентите се распоредени на проѕирни слоеви, наредени преку амбиентален сјај, а картичките се појавуваат како стаклени плочи осветлени одоздола, наместо како хартиени панели. Растојанието е големо и ритмичко; главниот елемент е едно осветлено лого што се протега по целата ширина на страницата, опкружено со лебдечки стаклени картички, наместо со традиционален распоред на поделен екран.
Темно платно со целосна ширина и центриран контејнер за содржина, максимално широко 1200px. Главниот елемент е едно, центрирано, осветлено лого („AuthKit“ во градиентен фонт) под мал текст во облик на веѓа, зад кој/под кој три лебдечки стаклени картички со формулар за најавување што се протега (левата картичка е навалена лево, централната картичка е максимизирана, десната картичка е навалена десно). Прекинувачот за светла/темна тема е центриран под главниот елемент. Редот со карактеристики е хоризонтална временска линија од 6 икони со тенки линии за поврзување помеѓу кружните икони. Ритам на секција: секој дел започнува со центриран текст во облик на веѓа врамен со избледени хоризонтални линии, проследен со голем, центриран наслов (44-48px), проследен со еден ред пригушена текстуална содржина (16-18px), максимална ширина ~640px. Делот „Прилагоди“ прикажува макета на прозорец на прелистувач со централно поставена картичка за најавување опкружена со лебдечки панели за инспектор на корисничкиот интерфејс (палети на бои, лизгачи за радиус, селектор на икона на лого, поле за текст на копче, поле за позадина на страница) позиционирани во аглите на платното, како работен простор за алатки за дизајн.
Визуелниот дизајн е доминиран од макети на формулари за најавување, изработени во стил на „стаклена морфологија“ (полиња за внесување е-пошта/лозинка, копчиња за најавување на социјални медиуми, внесување код без лозинка), презентирани како лебдечки, проѕирни картички на полноќно платно. Иконите за карактеристики се монохроматски линеарни глифи во #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 — Работен процес на полноќ – чувство на платно за автоматизација во реално време во темна серверска соба, осветлено со индикатори за статус и потоци на податоци