Authkit
Frostet glass katedral ved midnatt
AuthKit skaper en estetikk for produktpresentasjoner om natten: et nesten svart lerret med frostede glassflater, et rutenett med knapt synlige linjer og glødende tekst som ser ut til å være opplyst av et glasslag. Skrifttypen er nesten helt hvit mot en mørk bakgrunn, med en enkelt lys lilla aksent som det eneste funksjonelle elementet – hver interaktive overflate har en myk, tynn linje med kjølig blåhvitt i stedet for en stiv ramme. Komponentene er arrangert på gjennomskinnelige lag, lagvis over en omgivende glød, og kortene fremstår som glassplater opplyst nedenfra, i stedet for papirpaneler. Avstanden er stor og rytmisk; hovedelementet er en enkelt opplyst logo som strekker seg over hele sidens bredde, omgitt av flytende glasskort, i stedet for et tradisjonelt delt skjermoppsett.
Et mørkt lerret i full bredde med en sentrert innholdsbeholder, maks 1200 piksler bred. Hovedelementet er en enkelt, sentrert, opplyst logo ("AuthKit" i en gradert skrift) under en liten øyenbrynsformet tekst, bak/under hvilke tre flytende glasskort med et påloggingsskjema sprer seg utover (venstre kort vippet til venstre, midtre kort maksimert, høyre kort vippet til høyre). En lys/mørk tema-bryter er sentrert under hovedelementet. Funksjonsraden er en horisontal tidslinje med 6 ikoner med tynne forbindelseslinjer mellom de sirkulære ikonene. Seksjonsrytme: hver seksjon begynner med en sentrert øyenbrynsformet tekst innrammet av falmende horisontale linjer, etterfulgt av en stor, sentrert tittel (44–48 piksler), etterfulgt av en enkelt linje med dempet brødtekst (16–18 piksler), maks bredde ~640 piksler. Tilpass-delen viser en mockup av et nettleservindu med et sentralt plassert påloggingskort omgitt av flytende UI-inspektørpaneler (fargepaletter, radiusglidebrytere, logoikonvelger, knapptekstfelt, sidebakgrunnsfelt) plassert i hjørnene av lerretet, som et arbeidsområde for designverktøy.
Det visuelle designet domineres av mockups for innloggingsskjemaer, laget i en «glassmorfologi»-stil (felt for e-post/passord, påloggingsknapper for sosiale medier, passordfri kodeinntasting), presentert som flytende, gjennomskinnelige kort mot et midnattslignende lerret. Funksjonsikoner er monokrome lineære tegn i #d1e4fa innenfor runde, matte fliser. Et subtilt rutenett (1px-linjer i rgba(186,215,247,0.06)) dekker hele siden og skaper atmosfære, mens en konisk gradient spotlight glitrer øverst på hovedelementet. Ingen bilder, ingen livsstilsbilder, ingen produktskjermbilder – selve produktet er det visuelle elementet: innloggingsfelt arrangert som glassprototyper i et mørkt studio.
Palett
Merke
- Void Violet
#663af3— Primærfargen for handlingsfremmende knapp (CTA) er den eneste aksentfargen som brukes utelukkende for «Fortsett/Send»-knappen i påloggingsskjemaer. Den livlige lillafargen mot den nesten svarte bakgrunnen skaper en følelse av at det haster uten å forstyrre det monokromatiske fargevalget.
Nøytral
- Midnight Canvas
#05060f— Sidens bakgrunn, den dypeste overflaten på kortet, fyllet i merket – en nesten svart base som alt annet flyter på. - Steel Plate
#2f343e— Hevet overflate, fantom-/sekundære knapper, diskret panelbakside. - Fog Veil
#9da7ba— Hovedteksten, teksten på kortet, er lesbar, men henvist til bakgrunnen sammenlignet med overskriftene. - Moon Mist
#c7d3ea— Hovedtekst, tilleggsetiketter, dempet tilleggstekst - Frost Glow
#d1e4fa— Den primære fyllfargen for brødtekst og lenketekst, ikontekst og ikonfyll er standard glødende forgrunn. - Ice Highlight
#d8ecf8— Lys tekst på mørke overflater, inverterte etiketter og overskrifter med høy kontrast. Ikke bruk den som primærfarge for handlingsfremmende oppfordringer; en overskriftsgradient – en jevn overgang fra lyseblå til myk blå fra topp til bunn – brukes i AuthKit-logoen og viktige overskrifter.
Typografi
fra 12 til 48 piksler · 8 trinn
- Untitled Sans — erstatning: Inter · omriss 400, 500, 600, 700 · Hovedtekst, brukergrensesnitt, knapper, inndatafelt, ikoner, små overskrifter – en universell skrifttype for alt funksjonelt.
- aeonikPro — erstatning: Space Grotesk · omriss 400, 500 · Ved å kun vise overskrifter – AuthKit-merkevaren, seksjonsoverskrifter og brødtekst – gir en skrifttykkelse på 500 punkter på 44–48 piksler merkevaren et bredt og diskret utseende i stedet for en prangende aksent.
- dotDigital — erstatning: JetBrains Mono · omriss 400 · Store bokstaver («Introduksjon», «Utvidbar design», «Shine Bright») – tekst med store bokstaver med ensartet linjeavstand på 0,10 mm fungerer som diskrete skillelinjer mellom brødteksten og overskriften.
Intervaller og form
| Hensikt | Betydning |
|---|---|
| Tetthet | romslig |
| Grunnleggende trinn | 16px |
| Knapperadius | 999px |
| Kortradius | 16px |
| Skygger | ingen grenser i stedet for skygger |
| Mellom seksjoner | 120px |
| Sidebredde | 1200px |
AI vil bygge nettstedet ditt i Authkit -stil og fylle det
- Fyll på med produkter og innlegg via lenken - Instagram, TikTok, Facebook.
- Overfør innhold fra det gamle nettstedet ditt – bare oppgi adressen.
- Moderne design på den beste søkemotoren: React ( Next.js) med serverrendering og SEO-optimalisering rett ut av boksen.
- Helautomatisk SEO-optimalisering for søkeresultater og anbefalinger fra nevrale nettverk.
Lignende stiler
- Resend — svart fløyel med lilla neonfarge
- Gsap — En animert tavle i et designstudio. En nesten svart vegg, varmt kremfarget kritt og femfargede tusjer – én for hver animasjonsdisiplin.
- Slash — Midnattshvelv med forgylte bøker
- Raycast — Midnattskommandosenter, Coral Neon
- Dimension — en skumringsbelyst arbeidsstasjon med frostede glasspaneler
- Modal — En fosforescerende terminal i et mørklagt serverrom – den eneste lyskilden er en lys grønn farge
- Reflect Notes — Stjerneklar fiolett rom er et mørkt observatorium hvor toner svever som konstellasjoner mot et bakteppe av nesten svart indigo-tomhet.
- LaunchDarkly — Neonkontrollrommet er en mørk cockpit hvor lilla signaler pulserer gjennom kullsvarte paneler.
- Ameba — Kontrollrommet ved midnatt – en elektrisk blå puls inni frostede glasspaneler
- AgentQL — Nordlys over terminalen om natten
- Neon — Et serverrom etter mørkets frembrudd. Rent mørke, hvor det eneste lyset kommer fra data og brukerinteraksjoner.
- N8n — Arbeidsflytmotor ved midnatt – følelsen av et sanntidsautomatiseringslerret i et mørkt serverrom, opplyst av statusindikatorer og datastrømmer