Authkit
Matinio stiklo katedra vidurnaktį
„AuthKit“ sukuria naktinio produkto pristatymo estetiką: beveik juoda drobė su matinio stiklo paviršiais, vos matomų linijų tinkleliu ir šviečiančiu tekstu, kuris atrodo apšviestas stiklo sluoksniu. Šriftas yra beveik visiškai baltas tamsiame fone, o vienintelis funkcinis elementas yra vienas ryškiai violetinis akcentas – kiekvienas interaktyvus paviršius turi švelnią, ploną vėsiai melsvai baltos spalvos liniją, o ne standų rėmą. Komponentai išdėstyti ant permatomų sluoksnių, padengtų aplinkos švytėjimu, o kortelės atrodo kaip iš apačios apšviestos stiklo plokštės, o ne popieriniai skydai. Tarpai yra dideli ir ritmiški; pagrindinis elementas yra vienas apšviestas logotipas, apimantis visą puslapio plotį, apsuptas plaukiojančių stiklo kortelių, o ne tradicinis padalinto ekrano išdėstymas.
Viso pločio, tamsi drobė su centruotu turinio konteineriu, maks. 1200 pikselių pločio. Pagrindinis elementas yra vienas, centre esantis, apšviestas logotipas („AuthKit“ gradientiniu šriftu) po mažu antakio formos tekstu, už kurio/po kuriuo išsidėsčiusios trys plaukiojančios stiklinės kortelės su prisijungimo forma (kairioji kortelė pakreipta į kairę, centrinė kortelė padidinta, dešinioji kortelė pakreipta į dešinę). Po pagrindiniu elementu centre yra šviesios/tamsios temos perjungiklis. Funkcijų eilutė yra horizontali laiko juosta, sudaryta iš 6 piktogramų su plonomis jungiamosiomis linijomis tarp apskritų piktogramų. Skyriaus ritmas: kiekviena sekcija prasideda centruotu antakio formos tekstu, įrėmintu blėstančiomis horizontaliomis linijomis, po kurio eina didelis, centre esantis pavadinimas (44–48 pikseliai), o po jo – viena prislopinto teksto eilutė (16–18 pikselių), maks. plotis ~640 pikselių. Tinkinimo skyriuje rodomas naršyklės lango maketas su centre esančia prisijungimo kortele, apsupta plaukiojančių vartotojo sąsajos tikrinimo skydelių (spalvų paletės, spindulio slankikliai, logotipo piktogramos parinkiklis, mygtuko teksto laukas, puslapio fono laukas), išdėstytų drobės kampuose, kaip dizaino įrankių darbo sritis.
Vizualiniame dizaine dominuoja prisijungimo formų maketai, sukurti „stiklinės morfologijos“ stiliumi (el. pašto / slaptažodžio įvedimo laukai, socialinių tinklų prisijungimo mygtukai, kodo įvedimas be slaptažodžio), pateikiami kaip plaukiojančios, permatomos kortelės vidurnakčio drobės fone. Funkcijų piktogramos yra vienspalviai linijiniai glifai, šriftu #d1e4fa, apvaliuose, matiniuose plytelėse. Subtilus tinklelis (1 pikselio linijos, rgba(186,215,247,0.06)) dengia visą puslapį, kurdamas atmosferą, o pagrindinio elemento viršuje žiba kūginis gradientinis prožektorius. Jokių nuotraukų, jokių gyvenimo būdo vaizdų, jokių produkto ekrano kopijų – pats produktas yra vizualinis elementas: prisijungimo laukai, išdėstyti kaip stikliniai prototipai tamsioje studijoje.
Paletė
Prekės ženklas
- Void Violet
#663af3— Pagrindinė raginimo veikti (CTA) mygtuko spalva yra vienintelė akcento spalva, naudojama tik mygtukui „Tęsti / Pateikti“ prisijungimo formose; ryški violetinė spalva beveik juodame fone sukuria skubos pojūtį, netrikdydama monochromatinės spalvų schemos.
Neutralus
- Midnight Canvas
#05060f— Puslapio fonas, giliausias kortelės paviršius, ženkliuko užpildas – beveik juodas pagrindas, ant kurio plūduriuoja visa kita. - Steel Plate
#2f343e— Pakeltas paviršius, fantominiai / antriniai veiksmų mygtukai, diskretiškas skydelio pagrindas. - Fog Veil
#9da7ba— Pagrindinis tekstas, esantis ant kortelės, yra įskaitomas, bet, palyginti su antraštėmis, nustumtas į foną. - Moon Mist
#c7d3ea— Pagrindinis tekstas, papildomos etiketės, nutildytas pagalbinis tekstas - Frost Glow
#d1e4fa— Pagrindinė užpildymo spalva pagrindiniam ir nuorodų tekstui, piktogramų tekstui ir piktogramų užpildymui yra numatytoji šviečianti priekinio plano spalva. - Ice Highlight
#d8ecf8— Šviesus tekstas ant tamsių paviršių, apverstos etiketės ir didelio kontrasto antraštės. Nenaudokite jos kaip pagrindinės spalvos raginimams veikti; „AuthKit“ logotipe ir pagrindinėse antraštėse naudojamas antraštės gradientas – sklandus perėjimas nuo šviesiai mėlynos iki švelniai mėlynos spalvos iš viršaus į apačią.
Tipografija
nuo 12 iki 48 pikselių · 8 žingsniai
- Untitled Sans — pakeitimas: Inter · kontūrai 400, 500, 600, 700 · Pagrindinis tekstas, vartotojo sąsaja, mygtukai, įvesties laukai, piktogramos, mažos antraštės – universalus šriftas viskam, kas funkcionalu.
- aeonikPro — pakeitimas: Space Grotesk · kontūrai 400, 500 · Rodomos tik antraštės – „AuthKit“ prekės ženklo logotipas, skyrių antraštės ir pagrindinis tekstas – naudojant 500 taškų šriftą 44–48 pikselių formatu, prekės ženklo logotipas atrodo platus, santūrus, o ne kaip ryškus akcentas.
- dotDigital — pakeitimas: JetBrains Mono · kontūrai 400 · Didžiosiomis raidėmis parašytas tekstas („Pristatome“, „Išplečiamas dizainas“, „Ryškiai spindi“) – vienodo tarpo didžiosiomis raidėmis parašytas tekstas su 0,10 mm tarpais naudojamas kaip subtilūs skyrikliai tarp pagrindinio teksto ir antraštės.
Intervalai ir forma
| Tikslas | Reikšmė |
|---|---|
| Tankis | erdvus |
| Pagrindinis žingsnis | 16px |
| Mygtuko spindulys | 999px |
| Kortelės spindulys | 16px |
| Šešėliai | ne – rėmeliai vietoj šešėlių |
| Tarp sekcijų | 120px |
| Puslapio plotis | 1200px |
Dirbtinis intelektas sukurs jūsų svetainę Authkit stiliumi ir ją užpildys
- Užpildykite produktais ir įrašais per nuorodą – Instagram, TikTok, Facebook.
- Perkelkite turinį iš senos svetainės – tiesiog nurodykite adresą.
- Modernus dizainas geriausiame variklyje: React ( Next.js) su serverio atvaizdavimu ir SEO optimizavimu iš karto.
- Visiškai automatizuotas SEO optimizavimas paieškos rezultatams ir neuroninių tinklų rekomendacijoms.
Panašūs stiliai
- Resend — juodas aksomas su violetine neonine spalva
- Gsap — Animuota lenta dizaino studijoje. Beveik juoda siena, šiltos kreminės spalvos kreida ir penki spalvoti žymekliai – po vieną kiekvienai animacijos disciplinai.
- Slash — Vidurnakčio skliautas su paauksuotomis sąskaitų knygomis
- Raycast — Vidurnakčio komandų centras, Koralų Neonas
- Dimension — prieblandoje apšviesta darbo vieta su matinio stiklo plokštėmis
- Modal — Fosforescencinis terminalas tamsioje serverių patalpoje – vienintelis šviesos šaltinis yra ryškiai žalia spalva
- Reflect Notes — Žvaigždėta violetinė erdvė yra tamsi observatorija, kurioje natos sklando tarsi žvaigždynai beveik juodos indigo tuštumos fone.
- LaunchDarkly — Neoninė valdymo patalpa yra tamsi kabina, kurioje violetiniai signalai pulsuoja pro juodus kaip anglis skydelius.
- Ameba — Valdymo kambarys vidurnaktį – elektrinė mėlyna šviesa matinio stiklo plokštėse
- AgentQL — Šiaurės pašvaistė virš terminalo naktį
- Neon — Serverių patalpa po sutemų. Grynoji tamsa, kur vienintelė šviesa sklinda iš duomenų ir vartotojų sąveikos.
- N8n — „Workflow Engine at Midnight“ – realaus laiko automatizavimo drobės pojūtis tamsioje serverių patalpoje, apšviestoje būsenos indikatoriais ir duomenų srautais