Authkit
Dómkirkja úr mattri gleri um miðnætti
AuthKit býr til fagurfræði fyrir vörukynningu að nóttu til: næstum svart striga með mattri glerflötum, rist af varla sjáanlegum línum og glóandi texta sem virðist upplýstur af glerlagi. Leturgerðin er næstum alveg hvít á dökkum bakgrunni, með einum skærfjólubláum hreim sem eina virka þáttinn - hvert gagnvirkt yfirborð hefur mjúka, þunna línu af köldum bláhvítum frekar en stífan ramma. Íhlutirnir eru raðaðir á gegnsæ lög, lagðir yfir umhverfisljóma, og kortin birtast sem glerplötur upplýstar að neðan, frekar en pappírsplötur. Bilið er mikið og taktfast; aðalþátturinn er eitt upplýst merki sem spannar alla breidd síðunnar, umkringt fljótandi glerkortum, frekar en hefðbundið splittskjásútlit.
Dökkt strigi í fullri breidd með miðjuðu innihaldsíláti, hámark 1200px á breidd. Aðalþátturinn er eitt, miðjuð, upplýst merki („AuthKit“ í litbrigða letri) fyrir neðan litla augabrúnalaga texta, og fyrir aftan/fyrir neðan þrjú fljótandi glerkort með innskráningarformi sem breiða út (vinstra kortið hallað til vinstri, miðja kortið hámarkað, hægra kortið hallað til hægri). Ljós/dökk þema er miðjaður fyrir neðan aðalþáttinn. Eiginleikaröðin er lárétt tímalína með 6 táknum með þunnum tengilínum milli hringlaga táknanna. Hlutataktur: hver hluti byrjar með miðjuðum augabrúnalaga texta sem er rammaður inn af fölnandi láréttum línum, fylgt eftir af stórum, miðjuðum titli (44-48px), fylgt eftir af einni línu af daufum megintexta (16-18px), hámarksbreidd ~640px. Hlutinn „Sérsníða“ sýnir uppbyggingu af vafraglugga með miðlægu innskráningarkorti umkringdu fljótandi notendaviðmótsskoðunarspjöldum (litaspjöld, radíusrennistikur, táknaval fyrir merki, textasvið fyrir hnappa, bakgrunnssvið síðu) staðsett í hornum strigans, eins og vinnusvæði fyrir hönnunartól.
Sjónræna hönnunin einkennist af uppdráttum innskráningarforma, hannaðra í „glerformgerð“-stíl (innsláttarreitir fyrir tölvupóst/lykilorð, innskráningarhnappar fyrir samfélagsmiðla, lykilorðslaus innsláttur kóða), kynnt sem fljótandi, gegnsæ kort á miðnæturstriga. Táknmyndir eru einlita línuleg tákn í #d1e4fa innan í kringlóttum, mattum flísum. Fínt rist (1px línur í rgba(186,215,247,0.06)) þekur alla síðuna og skapar andrúmsloft, á meðan keilulaga hallandi kastljós glitrar efst á aðalþættinum. Engar myndir, engar lífsstílsmyndir, engar skjámyndir af vörunni - varan sjálf er sjónræna þátturinn: innskráningarreitir raðaðir eins og glerfrumgerðir í dimmu vinnustofu.
Litatöflu
Vörumerki
- Void Violet
#663af3— Aðalliturinn fyrir hnappinn „CTA“ er eini áhersluliturinn sem notaður er eingöngu fyrir hnappinn „Halda áfram/Senda“ innan innskráningarforma; skærfjólublár litur á næstum svörtum bakgrunni skapar tilfinningu fyrir áríðandi áhrifum án þess að raska einlita litasamsetningu.
Hlutlaus
- Midnight Canvas
#05060f— Bakgrunnur síðunnar, dýpsta yfirborð kortsins, fylling merkisins – næstum svartur grunnur sem allt annað flýtur á. - Steel Plate
#2f343e— Upphækkaður yfirborð, fantom-/aukaaðgerðarhnappar, óáberandi bakhlið spjaldsins. - Fog Veil
#9da7ba— Aðaltextinn, textinn á kortinu, er læsilegur en er færður til bakgrunns miðað við fyrirsagnirnar. - Moon Mist
#c7d3ea— Aðaltexti, viðbótarmerki, hljóðlaus aukatexti - Frost Glow
#d1e4fa— Aðalfyllingarliturinn fyrir meginmál og tenglatexta, tákntexta og táknfyllingu er sjálfgefinn glóandi forgrunnur. - Ice Highlight
#d8ecf8— Ljós texti á dökkum fleti, öfug merki og fyrirsagnir með mikilli birtuskil. Ekki nota hann sem aðallit fyrir hvatningar til aðgerða; fyrirsagnarlitur — mjúk umskipti frá ljósbláu yfir í mjúkt blátt frá toppi til botns — er notaður í AuthKit merkinu og helstu fyrirsögnum.
Leturfræði
frá 12 til 48px · 8 skref
- Untitled Sans — skipti: Inter · útlínur 400, 500, 600, 700 · Aðaltexti, notendaviðmót, hnappar, innsláttarreitir, tákn, litlar fyrirsagnir - alhliða leturgerð fyrir allt sem er hagnýtt.
- aeonikPro — skipti: Space Grotesk · útlínur 400, 500 · Með því að birta aðeins fyrirsagnir — AuthKit vörumerkið, kaflafyrirsagnir og megintexta — gefur leturþyngd 500 punkta, 44-48 pixlar, vörumerkinu breitt og látlaust útlit frekar en áberandi áherslu.
- dotDigital — skipti: JetBrains Mono · útlínur 400 · Hástafatexti („Kynning“, „Stækkanleg hönnun“, „Skín bjart“) - hástafatexti með 0,10 mm línubili virkar sem fínleg aðskilnaður milli megintexta og fyrirsagnar.
Millibil og form
| Tilgangur | Merking |
|---|---|
| Þéttleiki | rúmgóð |
| Grunnskref | 16px |
| Hnapparadíus | 999px |
| Radíus korts | 16px |
| Skuggar | engin landamæri í stað skugga |
| Milli hluta | 120px |
| Síðubreidd | 1200px |
Gervigreind mun smíða vefsíðuna þína í stíl við Authkit og fylla hana út
- Fyllið út vörur og færslur í gegnum tengilinn - Instagram, TikTok, Facebook.
- Flyttu efni af gömlu síðunni þinni — tilgreindu bara vefslóðina.
- Nútímaleg hönnun á bestu vélinni: React ( Next.js) með netþjónsútgáfu og SEO-bestun beint úr kassanum.
- Fullkomlega sjálfvirk SEO hagræðing fyrir leitarniðurstöður og tillögur að tauganetum.
Líkir stílar
- Resend — svart flauel með fjólubláum neonlit
- Gsap — Hreyfimyndatöflu í hönnunarstúdíói. Næstum svartur veggur, hlýr rjómalitaður krít og fimm litaðir tússpennar — einn fyrir hverja teiknimyndagrein.
- Slash — Miðnæturhvelfing með gullhúðuðum bókum
- Raycast — Miðnættis stjórnstöð, Coral Neon
- Dimension — vinnustöð með upplýstum glerplötum í rökkrinu
- Modal — Fosfórljósandi stöð í dimmum netþjónsherbergi - eina ljósgjafinn er skærgrænn litur
- Reflect Notes — Stjörnuhjúpað fjólublátt geim er dimmt stjörnustöð þar sem nótur svífa eins og stjörnumerki á bakgrunni næstum svarts indigó-tómleika.
- LaunchDarkly — Neon-stjórnklefinn er dökk stjórnklefi þar sem fjólublá merki streyma í gegnum kolsvört spjöld.
- Ameba — Stjórnstöðin um miðnætti – rafblár púls innan í mattri glerplötum
- AgentQL — Norðurljós yfir flugstöðinni að nóttu til
- Neon — Netþjónsherbergi eftir að myrkrið skellur á. Hreint myrkur, þar sem eina ljósið kemur frá gögnum og notendasamskiptum.
- N8n — Vinnuflæðisvélin um miðnætti – tilfinningin fyrir rauntíma sjálfvirkni í dimmu netþjónsherbergi, upplýst af stöðuvísum og gagnastraumum.