Authkit

Katedralja e qelqit të ngrirë në mesnatë

AuthKit krijon një estetikë prezantimi produktesh gjatë natës: një kanavacë pothuajse e zezë me sipërfaqe qelqi të mbuluara me akull, një rrjetë me vija mezi të dukshme dhe tekst të shndritshëm që duket i ndriçuar nga një shtresë qelqi. Shkronja është pothuajse tërësisht e bardhë kundrejt një sfondi të errët, me një theks të vetëm të purpurt të ndritshëm si elementi i vetëm funksional - çdo sipërfaqe interaktive ka një vijë të butë dhe të hollë blu-të bardhë të ftohtë në vend të një kornize të ngurtë. Komponentët janë të rregulluar në shtresa të tejdukshme, të shtresuara mbi një shkëlqim ambienti, dhe kartat shfaqen si pllaka qelqi të ndriçuara nga poshtë, në vend të paneleve të letrës. Hapësira është e madhe dhe ritmike; elementi kryesor është një logo e vetme e ndriçuar që përfshin të gjithë gjerësinë e faqes, e rrethuar nga karta qelqi lundruese, në vend të një paraqitjeje tradicionale me ekran të ndarë.

Një kanavacë e errët me gjerësi të plotë me një enë përmbajtjeje të qendruar, maksimumi 1200px e gjerë. Elementi kryesor është një logo e vetme, e qendruar dhe e ndriçuar ("AuthKit" në një font gradient) poshtë një teksti të vogël në formë vetulle, pas të cilit/poshtë të cilit tre karta qelqi lundruese me një formular hyrjeje të hapur (karta majtas e anuar majtas, karta qendrore e maksimizuar, karta djathtas e anuar djathtas). Një çelës teme e çelët/errët është i qendruar poshtë elementit kryesor. Rreshti i veçorive është një vijë kohore horizontale me 6 ikona me vija të holla lidhëse midis ikonave rrethore. Ritmi i seksionit: çdo seksion fillon me një tekst në formë vetulle të qendruar të përshtatur nga vija horizontale që zbehen, i ndjekur nga një titull i madh i qendruar (44-48px), i ndjekur nga një rresht i vetëm i kopjes së trupit të heshtur (16-18px), gjerësi maksimale ~640px. Seksioni "Përshtat" shfaq një maketë të një dritareje shfletuesi me një kartë hyrjeje të vendosur në qendër të rrethuar nga panele lundruese të inspektorit të ndërfaqes së përdoruesit (paleta ngjyrash, rrëshqitës rrezesh, përzgjedhës ikonash logoje, fushë teksti butoni, fushë sfondi faqeje) të pozicionuara në cepat e kanavacës, si një hapësirë pune e mjeteve të dizajnit.

Dizajni vizual dominohet nga modelet e formularëve të hyrjes, të krijuara në stilin "morfologji xhami" (fushat e futjes së email-it/fjalëkalimit, butonat e hyrjes në mediat sociale, futja e kodit pa fjalëkalim), të paraqitura si karta lundruese, të tejdukshme në sfondin e një kanavacë mesnate. Ikonat e veçorive janë glife lineare monokrome në #d1e4fa brenda pllakave të rrumbullakëta mat. Një rrjetë delikate (vija 1px në rgba(186,215,247,0.06)) mbulon të gjithë faqen, duke krijuar atmosferë, ndërsa një dritë konike me gradient shkëlqen në krye të elementit kryesor. Asnjë foto, asnjë imazh stili jetese, asnjë pamje ekrani të produktit - vetë produkti është elementi vizual: fushat e hyrjes të rregulluara si prototipa xhami në një studio të errët.

E errët SaaS i pastër Gradiente të buta

https://authkit.com

Paletë

Markë

Void Violet #663af3 — Ngjyra kryesore për butonin e thirrjes për veprim (CTA) është e vetmja ngjyrë theksi që përdoret ekskluzivisht për butonin "Vazhdo/Dërgo" brenda formularëve të hyrjes; vjollca e gjallë kundrejt sfondit pothuajse të zi krijon një ndjesi urgjence pa prishur skemën monokromatike të ngjyrave.

Neutral

Midnight Canvas #05060f — Sfondi i faqes, sipërfaqja më e thellë e kartolinës, mbushja e distinktivit - një bazë pothuajse e zezë mbi të cilën noton gjithçka tjetër.
Steel Plate #2f343e — Sipërfaqe e ngritur, butona veprimi fantom/sekondarë, mbështetëse diskrete e panelit.
Fog Veil #9da7ba — Teksti kryesor, teksti në kartë, është i lexueshëm, por i lënë në sfond krahasuar me titujt.
Moon Mist #c7d3ea — Teksti kryesor, etiketa shtesë, tekst ndihmës i heshtur
Frost Glow #d1e4fa — Ngjyra kryesore e mbushjes për tekstin e trupit dhe të lidhjes, tekstin e ikonës dhe mbushjen e ikonës është plani i parë i parazgjedhur me shkëlqim.
Ice Highlight #d8ecf8 — Tekst i çelët në sipërfaqe të errëta, etiketa të përmbysura dhe tituj me kontrast të lartë. Mos e përdorni si ngjyrën kryesore për thirrjet për veprim; një gradient titulli - një tranzicion i butë nga blu e çelët në blu të butë nga lart poshtë - përdoret në logon dhe titujt kryesorë të AuthKit.

Tipografi

nga 12 në 48px · 8 hapa

Untitled Sans — zëvendësim: Inter · skica 400, 500, 600, 700 · Teksti kryesor, ndërfaqja e përdoruesit, butonat, fushat e të dhënave, ikonat, titujt e vegjël - një font universal për gjithçka funksionale.
aeonikPro — zëvendësim: Space Grotesk · skica 400, 500 · Duke shfaqur vetëm titujt—markën AuthKit, titujt e seksioneve dhe tekstin e trupit—një peshë fonti prej 500 pikësh në 44-48px i jep markës një pamje të gjerë dhe të thjeshtë në vend të një theksi tërheqës.
dotDigital — zëvendësim: JetBrains Mono · skica 400 · Tekst me shkronja kapitale ("Prezantim", "Dizajn i Zgjerueshëm", "Shkëlqim i Bright") - teksti me shkronja kapitale me hapësirë monospace prej 0.10em shërben si ndarës delikatë midis tekstit kryesor dhe titullit.

Intervalet dhe forma

Qëllimi	Kuptimi
Dendësia	i gjerë
Hapi bazë	16px
Rrezja e butonit	999px
Rrezja e kartës	16px
Hijet	pa kufij në vend të hijeve
Midis seksioneve	120px
Gjerësia e faqes	1200px

IA do ta ndërtojë faqen tuaj të internetit në stilin Authkit dhe do ta mbushë atë

Plotësoni me produkte dhe postime përmes linkut - Instagram, TikTok, Facebook.
Transferoni përmbajtje nga faqja juaj e vjetër—thjesht specifikoni adresën.
Dizajn modern në motorin më të mirë: React ( Next.js) me renderim të serverit dhe optimizim SEO që në fillim.
Optimizim plotësisht i automatizuar i SEO-s për rezultatet e kërkimit dhe rekomandimet e rrjeteve nervore.

Krijoni një faqe interneti në këtë stil

Stile të ngjashme

Resend — kadife e zezë me ngjyrë vjollcë neoni
Gsap — Një tabelë e bardhë e animuar në një studio dizajni. Një mur pothuajse i zi, shkumës krem i ngrohtë dhe pesë shënjues me ngjyra - një për secilën disiplinë të animacionit.
Slash — Kasaforta e mesnatës me libra të praruar
Raycast — Qendra e Komandës së Mesnatës, Coral Neon
Dimension — një vend pune i ndriçuar nga muzgu me panele xhami të mbuluara me akull
Modal — Një terminal fosforeshent në një dhomë serverash të errët - burimi i vetëm i dritës është një ngjyrë jeshile e ndritshme
Reflect Notes — Hapësira ngjyrë vjollce yllore është një vëzhgues i errët ku notat notojnë si yjësi në një sfond boshllëku pothuajse të zi indigo.
LaunchDarkly — Dhoma e kontrollit me neon është një kabinë e errët ku sinjale të purpurta pulsojnë përmes paneleve të zeza si qymyri.
Ameba — Dhoma e kontrollit në mesnatë – një puls blu elektrik brenda paneleve prej qelqi të mbuluara me akull
AgentQL — Dritat Veriore mbi terminal natën
Neon — Një dhomë serverash pas errësirës. Errësirë e pastër, ku e vetmja dritë vjen nga të dhënat dhe ndërveprimet e përdoruesve.
N8n — Motori i rrjedhës së punës në mesnatë – ndjesia e një kanavacë automatizimi në kohë reale në një dhomë të errët serverash, e ndriçuar nga treguesit e statusit dhe rrjedhat e të dhënave