Authkit
Katedrala iz matiranega stekla ob polnoči
AuthKit ustvarja estetiko predstavitve izdelkov ponoči: skoraj črno platno z matiranimi steklenimi površinami, mrežo komaj vidnih črt in svetlečim besedilom, ki je videti osvetljeno s stekleno plastjo. Pisava je skoraj v celoti bela na temnem ozadju, z enim samim svetlo vijoličnim poudarkom kot edinim funkcionalnim elementom – vsaka interaktivna površina ima mehko, tanko črto hladno modro-bele barve namesto togega okvirja. Komponente so razporejene na prosojnih plasteh, nanesenih čez ambientalni sijaj, kartice pa so videti kot steklene plošče, osvetljene od spodaj, namesto papirnatih plošč. Razmiki so veliki in ritmični; glavni element je en sam osvetljen logotip, ki se razteza čez celotno širino strani, obdan s lebdečimi steklenimi karticami, namesto tradicionalne postavitve z deljenim zaslonom.
Temno platno polne širine s centriranim vsebnikom vsebine, največ 1200 slikovnih pik. Glavni element je en sam, centriran, osvetljen logotip ("AuthKit" v gradientni pisavi) pod majhnim besedilom v obliki obrvi, za katerim/pod katerim se razprostirajo tri lebdeče steklene kartice s prijavnim obrazcem (leva kartica nagnjena levo, srednja kartica maksimizirana, desna kartica nagnjena desno). Preklopnik med svetlo/temno temo je centriran pod glavnim elementom. Vrstica funkcij je vodoravna časovnica s 6 ikonami s tankimi povezovalnimi črtami med krožnimi ikonami. Ritem odsekov: vsak odsek se začne s centriranim besedilom v obliki obrvi, uokvirjenim z bledečimi vodoravnimi črtami, sledi velik, centriran naslov (44–48 slikovnih pik), sledi pa mu ena sama vrstica utišanega besedila telesa (16–18 slikovnih pik), največja širina ~640 slikovnih pik. Razdelek Prilagodi prikazuje maketo okna brskalnika s centralno nameščeno prijavno kartico, obdano s lebdečimi ploščami inšpektorja uporabniškega vmesnika (barvne palete, drsniki polmera, izbirnik ikon logotipa, besedilno polje gumba, polje ozadja strani), nameščenimi v vogalih platna, kot delovni prostor orodij za oblikovanje.
Vizualno oblikovanje zaznamujejo makete prijavnih obrazcev, izdelane v slogu»steklene morfologije« (polja za vnos e-pošte/gesla, gumbi za prijavo v družbena omrežja, vnos kode brez gesla), predstavljene kot lebdeče, prosojne kartice na polnočnem platnu. Ikone funkcij so enobarvni linearni glifi v barvi #d1e4fa znotraj okroglih, mat ploščic. Subtilna mreža (črte 1px v rgba(186,215,247,0.06)) pokriva celotno stran in ustvarja vzdušje, medtem ko se na vrhu glavnega elementa lesketa stožčast gradientni reflektor. Brez fotografij, brez slik življenjskega sloga, brez posnetkov zaslona izdelka – vizualni element je sam izdelek: polja za prijavo so razporejena kot stekleni prototipi v temnem studiu.
Paleta
Blagovna znamka
- Void Violet
#663af3— Primarna barva gumba s pozivom k dejanju (CTA) je edina poudarjena barva, ki se uporablja izključno za gumb»Nadaljuj/Pošlji« v prijavnih obrazcih; živahna vijolična barva na skoraj črnem ozadju ustvarja občutek nujnosti, ne da bi pri tem motila monokromatsko barvno shemo.
Nevtralno
- Midnight Canvas
#05060f— Ozadje strani, najgloblja površina kartice, polnilo značke – skoraj črna podlaga, na kateri lebdi vse ostalo. - Steel Plate
#2f343e— Dvignjena površina, fantomski/sekundarni gumbi, diskretna hrbtna stran plošče. - Fog Veil
#9da7ba— Glavno besedilo, besedilo na kartici, je berljivo, vendar v primerjavi z naslovi potisnjeno v ozadje. - Moon Mist
#c7d3ea— Glavno besedilo, dodatne oznake, utišano pomožno besedilo - Frost Glow
#d1e4fa— Primarna barva polnila za besedilo telesa in povezave, besedilo ikon in polnilo ikon je privzeto svetleče ospredje. - Ice Highlight
#d8ecf8— Svetlo besedilo na temnih površinah, obrnjene oznake in visokokontrastni naslovi. Ne uporabljajte je kot primarne barve za pozive k dejanju; v logotipu AuthKit in ključnih naslovih se uporablja preliv naslovov – gladek prehod iz svetlo modre v nežno modro od zgoraj navzdol.
Tipografija
od 12 do 48 slikovnih pik · 8 korakov
- Untitled Sans — zamenjava: Inter · obrisi 400, 500, 600, 700 · Glavno besedilo, uporabniški vmesnik, gumbi, vnosna polja, ikone, majhni naslovi - univerzalna pisava za vse funkcionalno.
- aeonikPro — zamenjava: Space Grotesk · obrisi 400, 500 · Prikaz samo naslovov – blagovne znamke AuthKit, naslovov razdelkov in besedila telesa – s pisavo velikosti 500 točk in velikostjo 44–48 slikovnih pik daje blagovni znamki širok, zadržan videz in ne kričeč poudarek.
- dotDigital — zamenjava: JetBrains Mono · obrisi 400 · Besedilo z velikimi tiskanimi črkami (»Predstavitev«,»Razširljiva oblika«,»Sijaj«) – besedilo z velikimi tiskanimi črkami z enojnim razmikom in razmikom 0,10 em služi kot subtilna ločila med besedilom in naslovom.
Intervali in oblika
| Namen | Pomen |
|---|---|
| Gostota | prostoren |
| Osnovni korak | 16px |
| Polmer gumba | 999px |
| Polmer kartice | 16px |
| Sence | ne - obrobe namesto senc |
| Med odseki | 120px |
| Širina strani | 1200px |
Umetna inteligenca bo zgradila vašo spletno stran v slogu Authkit in jo napolnila
- Polnite z izdelki in objavami prek povezave - Instagram, TikTok, Facebook.
- Prenesite vsebino s starega spletnega mesta – samo navedite naslov.
- Sodoben dizajn na najboljšem iskalniku: React ( Next.js) z vnaprej pripravljenim upodabljanjem na strežniku in optimizacijo za SEO.
- Popolnoma avtomatizirana SEO optimizacija za rezultate iskanja in priporočila nevronskih mrež.
Podobni slogi
- Resend — črni žamet z vijolično neonsko barvo
- Gsap — Animirana bela tabla v oblikovalskem studiu. Skoraj črna stena, topla kremna kreda in pet barvnih flomastrov – po eden za vsako animacijsko disciplino.
- Slash — Polnočni trezor z pozlačenimi knjigami
- Raycast — Polnočni poveljniški center, Coral Neon
- Dimension — delovna postaja z osvetlitvijo v mraku in matiranimi steklenimi ploščami
- Modal — Fosforescentni terminal v zatemnjeni strežniški sobi - edini vir svetlobe je svetlo zelene barve
- Reflect Notes — Zvezdno vijoličen prostor je temen observatorij, kjer note lebdijo kot ozvezdja na ozadju skoraj črne indigo praznine.
- LaunchDarkly — Neonska kontrolna soba je temna pilotska kabina, kjer vijolični signali utripajo skozi črne plošče.
- Ameba — Kontrolna soba ob polnoči – električno moder utrip znotraj matiranih steklenih plošč
- AgentQL — Severni sij nad terminalom ponoči
- Neon — Strežniška soba po temi. Čista tema, kjer edina svetloba prihaja od podatkov in interakcij uporabnikov.
- N8n — Workflow Engine ob polnoči – občutek platna za avtomatizacijo v realnem času v temni strežniški sobi, osvetljenega z indikatorji stanja in podatkovnimi tokovi