Authkit
Kristal izoztuko katedrala gauerdian
AuthKit-ek gaueko produktuen aurkezpen estetiko bat sortzen du: mihise ia beltza, beirazko gainazal izoztuak, ia ikusten ez diren lerroen sare bat eta beirazko geruza batek argiztatutako testu distiratsu bat dirudiena. Letra-tipoa ia erabat zuria da atzealde ilun baten aurrean, more distiratsuko azentu bakarra elementu funtzional gisa duela: gainazal interaktibo bakoitzak urdin-zuri hotz koloreko lerro leun eta mehe bat du, marko zurrun baten ordez. Osagaiak geruza zeharrargitsuetan antolatuta daude, giro-distira baten gainean geruzatuta, eta txartelak behetik argiztatutako beirazko plaka gisa agertzen dira, paper panelen ordez. Tartea handia eta erritmikoa da; elementu nagusia orrialdearen zabalera osoa hartzen duen logotipo argiztatu bakarra da, beirazko txartel flotatzailez inguratuta, pantaila zatituko diseinu tradizional baten ordez.
Edukiontzi erdian duen mihise ilun zabalera osokoa, gehienez 1200px zabal. Elementu nagusia logotipo argiztatu eta erdian dagoen bakarra da ("AuthKit" letra-tipo gradiente batean), bekain itxurako testu txiki baten azpian, eta atzean/azpian hiru beirazko txartel flotatzaile daude saioa hasteko formulario batekin (ezkerreko txartela ezkerrera okertuta, erdiko txartela maximizatuta, eskuineko txartela eskuinera okertuta). Gai argi/ilun bat elementu nagusiaren azpian erdian dago. Ezaugarrien errenkada 6 ikonoz osatutako denbora-lerro horizontal bat da, ikono zirkularretan lotura-lerro meheekin. Atalen erritmoa: atal bakoitza bekain itxurako testu erdian hasten da, lerro horizontal desagertzen direnez inguratuta, ondoren izenburu handi erdian (44-48px) eta ondoren testu isilaren lerro bakarra (16-18px), gehienez ~640px zabalera duena. Pertsonalizatu atalak arakatzailearen leiho baten maketa erakusten du, erdian kokatutako saioa hasteko txartel batekin, UI ikuskatzaileen panel flotatzaileekin (kolore-paletak, erradio-graduatzaileak, logotipoaren ikonoaren hautatzailea, botoi-testu-eremua, orrialdearen atzeko planoaren eremua) inguratuta, mihisearen izkinetan kokatuta, diseinu-tresnen lan-eremu bat bezala.
Diseinu bisuala saioa hasteko formularioen maketak dira nagusi, "beirazko morfologia" estiloan landuak (posta elektronikoa/pasahitza sartzeko eremuak, sare sozialetako saioa hasteko botoiak, pasahitzik gabeko kode sarrera), gauerdiko mihise baten gainean flotatzen duten txartel zeharrargi gisa aurkeztuak. Ikonoak #d1e4fa koloreko glifo lineal monokromoak dira, teila biribil eta mateen barruan. Sareta sotil batek (1px-ko lerroak rgba(186,215,247,0.06)) orrialde osoa estaltzen du, giroa sortuz, eta elementu nagusiaren goialdean gradiente konikoko foku bat distiratzen da. Ez argazkirik, ez bizimoduaren irudirik, ez produktuen pantaila-argazkirik: produktua bera da elementu bisuala: saioa hasteko eremuak estudio ilun batean beirazko prototipoen antzera antolatuta.
Paleta
Marka
- Void Violet
#663af3— Ekintzarako deiaren (CTA) botoiaren kolore nagusia saioa hasteko formularioetan "Jarraitu/Bidali" botoian soilik erabiltzen den azentu-kolore bakarra da; ia beltza den atzeko planoaren aurrean dagoen more biziak premiazko sentsazioa sortzen du, kolore-eskema monokromatikoa eten gabe.
Neutroa
- Midnight Canvas
#05060f— Orriaren atzeko planoa, txartelaren gainazal sakonena, txaparen betegarria —ia beltza den oinarri bat, eta gainean beste guztia flotatzen du. - Steel Plate
#2f343e— Gainazal altxatua, ekintza fantasma/bigarren mailako botoiak, panel atzealde diskretua. - Fog Veil
#9da7ba— Testu nagusia, txarteleko testua, irakurgarria da, baina goiburuekin alderatuta bigarren mailan geratzen da. - Moon Mist
#c7d3ea— Testu nagusia, etiketa gehigarriak, testu lagungarri isilaratua - Frost Glow
#d1e4fa— Gorputzeko eta esteka-testuaren, ikono-testuaren eta ikono-betegarriaren betegarri-kolore nagusia lehen plano distiratsu lehenetsia da. - Ice Highlight
#d8ecf8— Testu argia gainazal ilunetan, alderantzizko etiketak eta kontraste handiko izenburuak. Ez erabili ekintzarako deietarako kolore nagusi gisa; izenburu-gradiente bat erabiltzen da —goitik behera urdin argitik urdin leunera trantsizio leuna— AuthKit logotipoan eta izenburu nagusietan.
Tipografia
12tik 48px-ra · 8 urrats
- Untitled Sans — ordezkapena: Inter · eskemak 400, 500, 600, 700 · Testu nagusia, erabiltzaile interfazea, botoiak, sarrera eremuak, ikonoak, goiburu txikiak - funtzionalitate osoa duen guztiarentzako letra-tipo unibertsal bat.
- aeonikPro — ordezkapena: Space Grotesk · eskemak 400, 500 · Izenburuak bakarrik bistaratuz —AuthKit marka, atalen izenburuak eta gorputzeko testua—, 500 puntuko letra-tipoaren pisuak, 44-48px-koak, markari itxura zabal eta sotila ematen dio, azentu deigarri baten ordez.
- dotDigital — ordezkapena: JetBrains Mono · eskemak 400 · Testua maiuskulaz ("Aurkezpena", "Diseinu zabalgarria", "Distira bizia") - 0,10 em-ko tartearekin maiuskulaz idatzitako testuak bereizketa sotil gisa balio du gorputzeko testuaren eta izenburuaren artean.
Tarteak eta forma
| Helburua | Esanahia |
|---|---|
| Dentsitatea | zabal |
| Oinarrizko urratsa | 16px |
| Botoiaren erradioa | 999px |
| Txartelaren erradioa | 16px |
| Itzalak | ez - itzalen ordez ertzak |
| Atalen artean | 120px |
| Orriaren zabalera | 1200px |
Adimen artifizialak zure webgunea Authkit estiloan eraikiko du eta beteko du
- Bete produktu eta argitalpenekin estekaren bidez - Instagram, TikTok, Facebook.
- Transferitu edukia zure gune zaharretik: zehaztu helbidea.
- Diseinu modernoa motor onenean: React ( Next.js) zerbitzariaren errendatzearekin eta SEO optimizazioarekin hasieratik.
- Bilaketa-emaitzetarako eta sare neuronalen gomendioetarako SEO optimizazio guztiz automatizatua.
Estilo antzekoak
- Resend — belusezko beltza neon more kolorearekin
- Gsap — Arbel zuri animatu bat diseinu estudio batean. Horma ia beltza, krema koloreko klarion epela eta bost errotulagailu koloretsu —animazio diziplina bakoitzeko bat—.
- Slash — Gauerdiko ganga urreztatutako kontabilitate-liburuekin
- Raycast — Gauerdiko Komando Zentroa, Coral Neon
- Dimension — beirazko panel izoztuak dituen ilunabarrean argiztatutako lan-estazioa
- Modal — Terminal fosforeszente bat zerbitzari-gela ilun batean - argi-iturri bakarra berde biziko kolorea da
- Reflect Notes — Izarrez estalitako bioleta espazioa behatoki ilun bat da, non notak konstelazioak bezala flotatzen diren ia beltz koloreko hutsune baten atzealdean.
- LaunchDarkly — Neon kontrol-gela kabina ilun bat da, non seinale moreak panel beltzetatik pultsatzen diren.
- Ameba — Gauerdiko kontrol-gela – beirazko panel izoztuen barruan pultsu urdin elektriko bat
- AgentQL — Iparraldeko argiak terminalaren gainean gauez
- Neon — Zerbitzari-gela bat iluntzean. Iluntasun hutsa, non argi bakarra datuetatik eta erabiltzaileen interakzioetatik datorren.
- N8n — Lan-fluxuaren motorra gauerdian – denbora errealeko automatizazio-mihise baten sentsazioa zerbitzari-gela ilun batean, egoera-adierazleek eta datu-fluxuek argiztatuta