Authkit
Matēta stikla katedrāle pusnaktī
AuthKit rada nakts produktu prezentācijas estētiku: gandrīz melns audekls ar matēta stikla virsmām, tikko redzamu līniju režģi un spīdošu tekstu, kas šķiet izgaismots ar stikla slāni. Burtveidols ir gandrīz pilnībā balts uz tumša fona, ar vienu spilgti violetu akcentu kā vienīgo funkcionālo elementu — katrai interaktīvajai virsmai ir maiga, plāna vēsi zili balta līnija, nevis stingrs rāmis. Komponenti ir izvietoti uz caurspīdīgiem slāņiem, kas ir pārklāti ar apkārtējo mirdzumu, un kartītes izskatās kā stikla plāksnes, kas izgaismotas no apakšas, nevis papīra paneļi. Atstarpes ir lielas un ritmiskas; galvenais elements ir viens izgaismots logotips, kas aptver visu lapas platumu, ko ieskauj peldošas stikla kartītes, nevis tradicionāls dalītā ekrāna izkārtojums.
Pilna platuma, tumšs audekls ar centrētu satura konteineru, maks. platums 1200 pikseļi. Galvenais elements ir viens, centrēts, izgaismots logotips ("AuthKit" gradienta fontā) zem neliela uzacis formas teksta, aiz kura/zem kura izplešas trīs peldošas stikla kartītes ar pieteikšanās formu (kreisā kartīte noliekta pa kreisi, centrālā kartīte maksimizēta, labā kartīte noliekta pa labi). Zem galvenā elementa ir centrēts gaišas/tumšas tēmas slēdzis. Funkciju rinda ir horizontāla laika skala, kas sastāv no 6 ikonām ar plānām savienojošām līnijām starp apaļajām ikonām. Sadaļas ritms: katra sadaļa sākas ar centrētu uzacis formas tekstu, ko ierāmē izbalējošas horizontālas līnijas, kam seko liels, centrēts virsraksts (44–48 pikseļi), kam seko viena klusināta pamatteksta rinda (16–18 pikseļi), maks. platums ~640 pikseļi. Pielāgošanas sadaļā tiek parādīts pārlūkprogrammas loga makets ar centrāli novietotu pieteikšanās karti, ko ieskauj peldoši lietotāja interfeisa inspektora paneļi (krāsu paletes, rādiusa slīdņi, logotipa ikonas atlasītājs, pogas teksta lauks, lapas fona lauks), kas novietoti audekla stūros, līdzīgi kā dizaina rīku darbvietā.
Vizuālajā dizainā dominē pieteikšanās formu maketi, kas veidoti "stikla morfoloģijas" stilā (e-pasta/paroles ievades lauki, sociālo mediju pieteikšanās pogas, koda ievadīšana bez paroles), attēloti kā peldošas, caurspīdīgas kartītes uz pusnakts audekla fona. Funkciju ikonas ir melnbalti lineāri glifi #d1e4fa krāsā apaļās, matētās flīzēs. Smalks režģis (1 px līnijas rgba(186,215,247,0.06) krāsā) pārklāj visu lapu, radot atmosfēru, savukārt galvenā elementa augšdaļā mirdz konisks gradienta prožektors. Nav fotoattēlu, nav dzīvesstila attēlu, nav produktu ekrānuzņēmumu — pats produkts ir vizuālais elements: pieteikšanās lauki, kas izvietoti kā stikla prototipi tumšā studijā.
Palete
Zīmols
- Void Violet
#663af3— Aicinājuma uz darbību (CTA) pogas pamatkrāsa ir vienīgā akcenta krāsa, kas tiek izmantota tikai pogai “Turpināt/Iesniegt” pieteikšanās veidlapās; spilgti violetā krāsa uz gandrīz melnā fona rada steidzamības sajūtu, netraucējot monohromatisko krāsu shēmu.
Neitrāls
- Midnight Canvas
#05060f— Lapas fons, kartītes dziļākā virsma, nozīmītes aizpildījums — gandrīz melna pamatne, uz kuras peld viss pārējais. - Steel Plate
#2f343e— Pacelta virsma, fantoma/sekundāras darbības pogas, diskrēts paneļa pamatnes pārklājums. - Fog Veil
#9da7ba— Galvenais teksts, teksts uz kartes, ir lasāms, bet salīdzinājumā ar virsrakstiem ir nobīdīts fonā. - Moon Mist
#c7d3ea— Galvenais teksts, papildu etiķetes, klusināts palīgteksts - Frost Glow
#d1e4fa— Pamatteksta un saišu teksta, ikonu teksta un ikonu aizpildījuma primārā aizpildījuma krāsa ir noklusējuma spīdošais priekšplāns. - Ice Highlight
#d8ecf8— Gaišs teksts uz tumšām virsmām, apgrieztas etiķetes un augsta kontrasta virsraksti. Neizmantojiet to kā galveno krāsu aicinājumiem uz darbību; AuthKit logotipā un galvenajos virsrakstos tiek izmantots virsraksta gradients — vienmērīga pāreja no gaiši zilas uz maigi zilu krāsu no augšas uz leju.
Tipogrāfija
no 12 līdz 48 pikseļiem · 8 soļi
- Untitled Sans — nomaiņa: Inter · kontūras 400, 500, 600, 700 · Galvenais teksts, lietotāja saskarne, pogas, ievades lauki, ikonas, mazi virsraksti — universāls fonts visam funkcionālajam.
- aeonikPro — nomaiņa: Space Grotesk · kontūras 400, 500 · Attēlojot tikai virsrakstus — AuthKit zīmolu, sadaļu virsrakstus un pamattekstu —, 500 punktu fonta biezums ar izmēru 44–48 pikseļi piešķir zīmolam platu, neuzkrītošu izskatu, nevis uzkrītošu akcentu.
- dotDigital — nomaiņa: JetBrains Mono · kontūras 400 · Lielie burti ("Iepazīstinām", "Izvēršams dizains", "Spoži mirdz") — vienrindas teksts ar lielajiem burtiem un 0,10 em atstarpi kalpo kā neuzkrītoši atdalītāji starp pamattekstu un virsrakstu.
Intervāli un forma
| Mērķis | Nozīme |
|---|---|
| Blīvums | plašs |
| Pamata solis | 16px |
| Pogas rādiuss | 999px |
| Kartes rādiuss | 16px |
| Ēnas | nē — robežas ēnu vietā |
| Starp sekcijām | 120px |
| Lapas platums | 1200px |
Mākslīgais intelekts izveidos jūsu vietni Authkit stilā un aizpildīs to
- Aizpildiet ar produktiem un ierakstiem, izmantojot saiti — Instagram, TikTok, Facebook.
- Pārsūtiet saturu no savas vecās vietnes — vienkārši norādiet adresi.
- Moderns dizains uz labākā dzinēja: React ( Next.js) ar servera renderēšanu un SEO optimizāciju uzreiz pēc instalēšanas.
- Pilnībā automatizēta SEO optimizācija meklēšanas rezultātiem un neironu tīkla ieteikumiem.
Līdzīgi stili
- Resend — melns samts ar violetu neona krāsu
- Gsap — Animēta tāfele dizaina studijā. Gandrīz melna siena, silts krēmkrāsas krīts un piecu krāsu marķieri — pa vienam katrai animācijas disciplīnai.
- Slash — Pusnakts velve ar apzeltītiem grāmatvedības žurnāliem
- Raycast — Pusnakts komandcentrs, Koraļļu neons
- Dimension — krēslā apgaismota darbstacija ar matēta stikla paneļiem
- Modal — Fosforescējošs terminālis aptumšotā serveru telpā — vienīgais gaismas avots ir spilgti zaļa krāsa
- Reflect Notes — Zvaigžņotā violetā telpa ir tumša observatorija, kur notis peld kā zvaigznāji uz gandrīz melna indigo tukšuma fona.
- LaunchDarkly — Neona vadības telpa ir tumša kabīne, kur caur melniem paneļiem pulsē violeti signāli.
- Ameba — Vadības telpa pusnaktī – elektriski zils pulss matēta stikla paneļos
- AgentQL — Ziemeļblāzma virs termināļa naktī
- Neon — Serveru telpa pēc tumsas iestāšanās. Pilnīga tumsa, kur vienīgā gaisma nāk no datiem un lietotāju mijiedarbības.
- N8n — Darbplūsmas dzinējs pusnaktī — reāllaika automatizācijas audekla sajūta tumšā serveru telpā, ko izgaismo statusa indikatori un datu plūsmas.