Authkit
Matteret glaskatedral ved midnat
AuthKit skaber en æstetik til produktpræsentation om natten: et næsten sort lærred med matterede glasoverflader, et gitter af næsten usynlige linjer og glødende tekst, der ser ud til at være oplyst af et glaslag. Skrifttypen er næsten helt hvid mod en mørk baggrund med en enkelt lys lilla accent som det eneste funktionelle element – hver interaktiv overflade har en blød, tynd linje af kølig blåhvid i stedet for en stiv ramme. Komponenterne er arrangeret på gennemskinnelige lag, lagdelt oven på en omgivende glød, og kortene fremstår som glasplader oplyst nedefra i stedet for papirpaneler. Afstanden er stor og rytmisk; hovedelementet er et enkelt oplyst logo, der spænder over hele sidens bredde, omgivet af flydende glaskort i stedet for et traditionelt split-screen layout.
Et mørkt lærred i fuld bredde med en centreret indholdsbeholder, maks. 1200px bredt. Hovedelementet er et enkelt, centreret, oplyst logo ("AuthKit" i en gradientskrifttype) under en lille øjenbrynsformet tekst, bag hvilket/nedenfor tre flydende glaskort med en loginformular spreder sig ud (venstre kort vippet til venstre, midterste kort maksimeret, højre kort vippet til højre). En lys/mørk tema-knap er centreret under hovedelementet. Funktionsrækken er en vandret tidslinje med 6 ikoner med tynde forbindelseslinjer mellem de cirkulære ikoner. Sektionsrytme: Hver sektion begynder med en centreret øjenbrynsformet tekst indrammet af falmende vandrette linjer, efterfulgt af en stor, centreret titel (44-48px), efterfulgt af en enkelt linje med dæmpet brødtekst (16-18px), maks. bredde ~640px. Tilpas-sektionen viser en mockup af et browservindue med et centralt placeret loginkort omgivet af flydende UI-inspektørpaneler (farvepaletter, radiusskydere, logoikonvælger, knaptekstfelt, sidebaggrundsfelt) placeret i hjørnerne af lærredet, som et arbejdsområde til designværktøjer.
Det visuelle design er domineret af mockups til loginformularer, udformet i en "glasmorfologi"-stil (felter til input af e-mail/adgangskode, loginknapper til sociale medier, adgangskodefri kodeindtastning), præsenteret som flydende, gennemskinnelige kort mod et midnatslærred. Funktionsikoner er monokrome lineære glyffer i #d1e4fa inden for runde, matte felter. Et diskret gitter (1px linjer i rgba(186,215,247,0.06)) dækker hele siden og skaber atmosfære, mens en konisk gradient spotlight glimter øverst på hovedelementet. Ingen fotos, ingen livsstilsbilleder, ingen produktskærmbilleder - selve produktet er det visuelle element: loginfelter arrangeret som glasprototyper i et mørkt studie.
Palet
Mærke
- Void Violet
#663af3— Den primære farve til call-to-action-knappen (CTA) er den eneste accentfarve, der udelukkende bruges til knappen "Fortsæt/Send" i loginformularer. Den livlige lilla farve mod den næsten sorte baggrund skaber en følelse af, at det haster, uden at forstyrre det monokromatiske farveskema.
Neutral
- Midnight Canvas
#05060f— Sidens baggrund, kortets dybeste overflade, badgets fyld – en næsten sort base, hvorpå alt andet flyder. - Steel Plate
#2f343e— Hævet overflade, fantom-/sekundære aktionsknapper, diskret panelbagside. - Fog Veil
#9da7ba— Hovedteksten, teksten på kortet, er læselig, men henvist til baggrunden i forhold til overskrifterne. - Moon Mist
#c7d3ea— Hovedtekst, yderligere etiketter, dæmpet hjælpetekst - Frost Glow
#d1e4fa— Den primære fyldfarve for brødtekst og linktekst, ikontekst og ikonfyld er den standardglødende forgrund. - Ice Highlight
#d8ecf8— Lys tekst på mørke overflader, inverterede etiketter og overskrifter med høj kontrast. Brug den ikke som den primære farve til opfordringer til handling; en overskriftsgradient – en jævn overgang fra lyseblå til blød blå fra top til bund – bruges i AuthKit-logoet og de vigtigste overskrifter.
Typografi
fra 12 til 48px · 8 trin
- Untitled Sans — udskiftning: Inter · konturer 400, 500, 600, 700 · Hovedtekst, brugergrænseflade, knapper, inputfelter, ikoner, små overskrifter - en universel skrifttype til alt funktionelt.
- aeonikPro — udskiftning: Space Grotesk · konturer 400, 500 · Ved kun at vise overskrifter – AuthKit-branding, afsnitsoverskrifter og brødtekst – giver en skrifttypevægt på 500 punkter ved 44-48 px brandingen et bredt og diskret udseende i stedet for en prangende accent.
- dotDigital — udskiftning: JetBrains Mono · konturer 400 · Store bogstaver ("Introduktion", "Udvideligt design", "Shine Bright") - tekst med store bogstaver i én linjeafstand og 0,10 mm fungerer som diskrete separatorer mellem brødteksten og overskriften.
Intervaller og form
| Formål | Mening |
|---|---|
| Tæthed | rummelig |
| Grundlæggende trin | 16px |
| Knapradius | 999px |
| Kortradius | 16px |
| Skygger | ingen grænser i stedet for skygger |
| Mellem sektioner | 120px |
| Sidebredde | 1200px |
AI vil bygge din hjemmeside i Authkit -stil og udfylde den
- Fyld med produkter og opslag via linket - Instagram, TikTok, Facebook.
- Overfør indhold fra dit gamle websted – angiv blot adressen.
- Moderne design på den bedste søgemotor: React ( Next.js) med serverrendering og SEO-optimering lige fra starten.
- Fuldautomatiseret SEO-optimering til søgeresultater og anbefalinger til neurale netværk.
Lignende stilarter
- Resend — sort fløjl med lilla neonfarve
- Gsap — En animeret whiteboardtavle i et designstudie. En næsten sort væg, varm cremefarvet kridt og fem farvede tuscher – én til hver animationsdisciplin.
- Slash — Midnatshvælving med forgyldte bøger
- Raycast — Midnatskommandocenter, Coral Neon
- Dimension — en arbejdsstation oplyst i skumringen med matteret glas
- Modal — En fosforescerende terminal i et mørklagt serverrum - den eneste lyskilde er en lys grøn farve
- Reflect Notes — Det stjerneklare violette rum er et mørkt observatorium, hvor toner svæver som konstellationer mod en baggrund af næsten sort indigo-tomhed.
- LaunchDarkly — Neonkontrolrummet er et mørkt cockpit, hvor lilla signaler pulserer gennem kulsorte paneler.
- Ameba — Kontrolrummet ved midnat – en elektrisk blå puls inde i matterede glaspaneler
- AgentQL — Nordlys over terminalen om natten
- Neon — Et serverrum efter mørkets frembrud. Rent mørke, hvor det eneste lys kommer fra data og brugerinteraktioner.
- N8n — Workflow Engine ved midnat – følelsen af et realtidsautomatiseringslærred i et mørkt serverrum, oplyst af statusindikatorer og datastrømme