Authkit
Katedrala od matiranog stakla u ponoć
AuthKit stvara estetiku noćne prezentacije proizvoda: gotovo crno platno s matiranim staklenim površinama, 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 naglaskom 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 se pojavljuju kao staklene ploče osvijetljene odozdo, a ne kao papirnate ploče. Razmak je velik i ritmičan; glavni element je jedan osvijetljeni logotip koji se proteže cijelom širinom stranice, okružen plutajućim staklenim karticama, umjesto tradicionalnog rasporeda s podijeljenim ekranom.
Tamno platno pune širine s centriranim spremnikom sadržaja, maksimalne širine 1200px. Glavni element je jedan, centriran, osvijetljen logotip ("AuthKit" u gradijentnom fontu) ispod malog teksta u obliku obrve, iza kojeg/ispod kojeg se nalaze tri plutajuće staklene kartice s 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 značajki je horizontalna vremenska crta od 6 ikona s tankim spojnim linijama između kružnih ikona. Ritam odjeljka: svaki odjeljak počinje centriranim tekstom u obliku obrve uokvirenim blijedim horizontalnim linijama, nakon čega slijedi veliki, centriran naslov (44-48px), nakon čega slijedi jedan redak prigušenog teksta tijela (16-18px), maksimalne širine ~640px. Odjeljak Prilagodi prikazuje maketu prozora preglednika s centralno smještenom karticom za prijavu okruženom plutajućim pločama UI inspektora (palete boja, klizači radijusa, odabir ikone logotipa, tekstualno polje gumba, polje pozadine stranice) postavljenim u kutovima platna, poput radnog prostora alata za dizajn.
Vizualnim dizajnom dominiraju makete obrazaca za prijavu, izrađene u stilu "staklene morfologije" (polja za unos e-pošte/lozinke, gumbi za prijavu na društvene mreže, unos koda bez lozinke), predstavljene kao plutajuće, prozirne kartice na ponoćnom platnu. Ikone značajki su monokromatski 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 zaslona proizvoda - sam proizvod je vizualni element: polja za prijavu raspoređena su poput staklenih prototipova u tamnom studiju.
Paleta
Robna marka
- Void Violet
#663af3— Primarna boja za gumb s pozivom na akciju (CTA) jedina je naglasna boja koja se koristi isključivo za gumb "Nastavi/Pošalji" unutar obrazaca za prijavu; živahna ljubičasta na gotovo crnoj pozadini stvara osjećaj hitnosti bez narušavanja monokromatske sheme boja.
Neutralno
- Midnight Canvas
#05060f— Pozadina stranice, najdublja površina kartice, ispuna značke - gotovo crna baza na kojoj sve ostalo pluta. - Steel Plate
#2f343e— Podignuta površina, fantomski/sekundarni gumbi za djelovanje, diskretna stražnja strana ploče. - Fog Veil
#9da7ba— Glavni tekst, tekst na kartici, je čitljiv, ali je potisnut u pozadinu u usporedbi s naslovima. - Moon Mist
#c7d3ea— Glavni tekst, dodatne oznake, prigušeni pomoćni tekst - Frost Glow
#d1e4fa— Primarna boja ispune za tekst tijela i poveznica, tekst ikona i ispunu ikona je zadani svjetleći prednji plan. - Ice Highlight
#d8ecf8— Svijetli tekst na tamnim površinama, invertirane 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 logotipu AuthKita i ključnim naslovima.
Tipografija
od 12 do 48px · 8 koraka
- Untitled Sans — zamjena: Inter · obrisi 400, 500, 600, 700 · Glavni tekst, korisničko sučelje, gumbi, polja za unos, ikone, mali naslovi - univerzalni font za sve funkcionalno.
- aeonikPro — zamjena: Space Grotesk · obrisi 400, 500 · Prikazujući samo naslove - AuthKit brendiranje, naslove odjeljaka i tekst tijela - font veličine 500 bodova s veličinom od 44-48px daje brendiranju širok, decentan izgled, a ne blještavi naglasak.
- dotDigital — zamjena: JetBrains Mono · obrisi 400 · Tekst napisan velikim slovima ("Uvod", "Proširivi dizajn", "Sjaj") - tekst napisan velikim slovima s jednostrukim 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 gumba | 999px |
| Radijus kartice | 16px |
| Sjene | ne - obrubi umjesto sjena |
| Između odjeljaka | 120px |
| Širina stranice | 1200px |
Umjetna inteligencija će izraditi vašu web stranicu u Authkit stilu i ispuniti je
- Popunite proizvodima i objavama putem poveznice - Instagram, TikTok, Facebook.
- Prenesite sadržaj sa svoje stare web-lokacije - samo navedite adresu.
- Moderan dizajn na najboljem engineu: React ( Next.js) s renderiranjem na serveru i SEO optimizacijom odmah po instalaciji.
- Potpuno automatizirana SEO optimizacija za rezultate pretraživanja 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 markera u boji - po jedan za svaku disciplinu animacije.
- Slash — Ponoćni trezor s pozlaćenim knjigama
- Raycast — Ponoćni zapovjedni centar, Coral Neon
- Dimension — radno mjesto osvijetljeno sumrakom s pločama od matiranog stakla
- Modal — Fosforescentni terminal u zamračenoj serverskoj sobi - jedini izvor svjetlosti je jarko zelene boje
- Reflect Notes — Zvjezdano ljubičasti prostor je mračni opservatorij gdje note lebde poput zviježđ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 ploča
- 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