Authkit
Katedrala od matiranog stakla u ponoć
AuthKit stvara estetiku noćne prezentacije proizvoda: gotovo crno platno s površinama od matiranog stakla, mrežom jedva vidljivih linija i sjajnim tekstom koji izgleda osvijetljen slojem stakla. Font je gotovo u potpunosti bijel na tamnoj pozadini, s jednim jarko ljubičastim akcentom kao jedinim funkcionalnim elementom - svaka interaktivna površina ima meku, tanku liniju hladne plavo-bijele boje, a ne kruti okvir. Komponente su raspoređene na prozirnim slojevima, slojevito postavljenim preko ambijentalnog sjaja, a kartice izgledaju kao staklene ploče osvijetljene odozdo, a ne kao papirni paneli. Razmak je velik i ritmičan; glavni element je jedan osvijetljeni logo koji se proteže cijelom širinom stranice, okružen plutajućim staklenim karticama, umjesto tradicionalnog rasporeda s podijeljenim ekranom.
Tamno platno pune širine sa centriranim spremnikom sadržaja, maksimalne širine 1200px. Glavni element je jedan, centriran, osvijetljen logo ("AuthKit" u gradijentnom fontu) ispod malog teksta u obliku obrve, iza kojeg/ispod kojeg se nalaze tri plutajuće staklene kartice sa obrascem za prijavu (lijeva kartica nagnuta lijevo, središnja kartica maksimizirana, desna kartica nagnuta desno). Prekidač za svijetlu/tamnu temu centriran je ispod glavnog elementa. Red karakteristika je horizontalna vremenska linija od 6 ikona sa tankim spojnim linijama između kružnih ikona. Ritam odjeljka: svaki odjeljak počinje centriranim tekstom u obliku obrve uokvirenim horizontalnim linijama koje blijede, nakon čega slijedi veliki, centriran naslov (44-48px), nakon čega slijedi jedan red prigušenog teksta tijela (16-18px), maksimalne širine ~640px. Odjeljak Prilagodi prikazuje maketu prozora preglednika sa centralno smještenom karticom za prijavu okruženom plutajućim panelima UI inspektora (palete boja, klizači radijusa, birač ikona logotipa, tekstualno polje dugmeta, polje za pozadinu stranice) postavljenim u uglovima platna, poput radnog prostora alata za dizajn.
Vizuelnim dizajnom dominiraju makete prijavnih obrazaca, izrađene u stilu "staklene morfologije" (polja za unos e-pošte/lozinke, dugmad za prijavu na društvene mreže, unos koda bez lozinke), predstavljene kao plutajuće, prozirne kartice na ponoćnom platnu. Ikone karakteristika su monohromatski linearni glifovi u #d1e4fa unutar okruglih, mat pločica. Suptilna mreža (linije od 1px u rgba(186,215,247,0.06)) prekriva cijelu stranicu, stvarajući atmosferu, dok konusni gradijentni reflektor svjetluca na vrhu glavnog elementa. Nema fotografija, nema slika životnog stila, nema snimaka ekrana proizvoda - sam proizvod je vizuelni element: polja za prijavu raspoređena su poput staklenih prototipova u tamnom studiju.
Paleta
Brend
- Void Violet
#663af3— Primarna boja za dugme za poziv na akciju (CTA) je jedina akcentna boja koja se koristi isključivo za dugme "Nastavi/Pošalji" unutar obrazaca za prijavu; živahna ljubičasta boja na gotovo crnoj pozadini stvara osjećaj hitnosti bez narušavanja monohromatske sheme boja.
Neutralno
- Midnight Canvas
#05060f— Pozadina stranice, najdublja površina kartice, punjenje značke - gotovo crna baza na kojoj sve ostalo pluta. - Steel Plate
#2f343e— Podignuta površina, fantomski/sekundarni tasteri, diskretna poleđina panela. - Fog Veil
#9da7ba— Glavni tekst, tekst na kartici, je čitljiv, ali je potisnut u pozadinu u poređenju sa naslovima. - Moon Mist
#c7d3ea— Glavni tekst, dodatne oznake, prigušeni pomoćni tekst - Frost Glow
#d1e4fa— Primarna boja ispune za tekst tijela i linkova, tekst ikona i ispunu ikona je zadani svjetleći prednji plan. - Ice Highlight
#d8ecf8— Svijetli tekst na tamnim površinama, invertovane oznake i naslovi s visokim kontrastom. Nemojte ga koristiti kao primarnu boju za pozive na akciju; gradijent naslova - glatki prijelaz iz svijetloplave u mekoplavu od vrha do dna - koristi se u AuthKit logotipu i ključnim naslovima.
Tipografija
od 12 do 48px · 8 koraka
- Untitled Sans — zamjena: Inter · obrisi 400, 500, 600, 700 · Glavni tekst, korisnički interfejs, dugmad, polja za unos, ikone, mali naslovi - univerzalni font za sve funkcionalno.
- aeonikPro — zamjena: Space Grotesk · obrisi 400, 500 · Prikazujući samo naslove - brendiranje AuthKit-a, naslove odjeljaka i tekst tijela - font veličine 500 bodova i 44-48px daje brendiranju širok, decentan izgled, a ne blještavi akcenat.
- dotDigital — zamjena: JetBrains Mono · obrisi 400 · Tekst napisan velikim slovima ("Uvod", "Proširivi dizajn", "Sjaj") - tekst napisan velikim slovima s monospacedom i razmakom od 0,10 em služi kao suptilni razdjelnici između glavnog teksta i naslova.
Intervali i forma
| Svrha | Značenje |
|---|---|
| Gustoća | prostran |
| Osnovni korak | 16px |
| Radijus dugmeta | 999px |
| Radijus kartice | 16px |
| Sjene | ne - okviri umjesto sjena |
| Između sekcija | 120px |
| Širina stranice | 1200px |
Vještačka inteligencija će izgraditi vašu web stranicu u Authkit stilu i popuniti je
- Popunite proizvodima i objavama putem linka - Instagram, TikTok, Facebook.
- Prenesite sadržaj sa vaše stare stranice - samo navedite adresu.
- Moderan dizajn na najboljem engine-u: React ( Next.js) sa serverskim renderovanjem i SEO optimizacijom odmah po instalaciji.
- Potpuno automatizirana SEO optimizacija za rezultate pretrage i preporuke neuronskih mreža.
Slični stilovi
- Resend — crni baršun s ljubičastom neonskom bojom
- Gsap — Animirana bijela ploča u dizajnerskom studiju. Gotovo crni zid, topla krem kreda i pet obojenih markera - po jedan za svaku disciplinu animacije.
- Slash — Ponoćni trezor sa pozlaćenim knjigama
- Raycast — Ponoćni komandni centar, Coral Neon
- Dimension — radno mjesto osvijetljeno u sumraku s matiranim staklenim pločama
- Modal — Fosforescentni terminal u zamračenoj serverskoj sobi - jedini izvor svjetlosti je jarko zelene boje
- Reflect Notes — Zvjezdano ljubičasti prostor je mračna opservatorija gdje note lebde poput sazviježđa na pozadini gotovo crne indigo praznine.
- LaunchDarkly — Neonska kontrolna soba je mračna pilotska kabina u kojoj ljubičasti signali pulsiraju kroz crne ploče.
- Ameba — Kontrolna soba u ponoć – električno plavi puls unutar matiranih staklenih panela
- AgentQL — Sjeverna svjetlost iznad terminala noću
- Neon — Serverska soba nakon mraka. Čisti mrak, gdje jedino svjetlo dolazi od podataka i korisničkih interakcija.
- N8n — Workflow Engine u ponoć – osjećaj platna za automatizaciju u stvarnom vremenu u mračnoj serverskoj sobi, osvijetljenog indikatorima statusa i tokovima podataka