Authkit
મધ્યરાત્રિએ ફ્રોસ્ટેડ ગ્લાસ કેથેડ્રલ
AuthKit રાત્રિના સમયે ઉત્પાદન પ્રસ્તુતિનું સૌંદર્યલક્ષી નિર્માણ કરે છે: હિમાચ્છાદિત કાચની સપાટીઓ સાથે લગભગ કાળો કેનવાસ, ભાગ્યે જ દેખાતી રેખાઓનો ગ્રીડ, અને કાચના સ્તર દ્વારા પ્રકાશિત દેખાય છે તે ચમકતો ટેક્સ્ટ. ટાઇપફેસ ઘેરા પૃષ્ઠભૂમિ સામે લગભગ સંપૂર્ણપણે સફેદ છે, જેમાં એકમાત્ર કાર્યાત્મક તત્વ તરીકે એક તેજસ્વી જાંબલી ઉચ્ચારણ છે - દરેક ઇન્ટરેક્ટિવ સપાટી પર કઠોર ફ્રેમને બદલે ઠંડી વાદળી-સફેદ રંગની નરમ, પાતળી રેખા હોય છે. ઘટકો અર્ધપારદર્શક સ્તરો પર ગોઠવાયેલા છે, જે આસપાસના ગ્લો પર સ્તરિત છે, અને કાર્ડ કાગળના પેનલને બદલે નીચેથી પ્રકાશિત કાચની પ્લેટો તરીકે દેખાય છે. અંતર મોટું અને લયબદ્ધ છે; મુખ્ય તત્વ એક જ પ્રકાશિત લોગો છે જે પૃષ્ઠની સમગ્ર પહોળાઈમાં ફેલાયેલો છે, જે પરંપરાગત સ્પ્લિટ-સ્ક્રીન લેઆઉટને બદલે ફ્લોટિંગ ગ્લાસ કાર્ડ્સથી ઘેરાયેલો છે.
કેન્દ્રિત સામગ્રી કન્ટેનર સાથે પૂર્ણ-પહોળાઈ, ઘેરો કેનવાસ, મહત્તમ 1200px પહોળો. મુખ્ય તત્વ એક નાના ભમર આકારના ટેક્સ્ટની નીચે એક સિંગલ, કેન્દ્રિત, પ્રકાશિત લોગો ("ગ્રેડિયન્ટ ફોન્ટમાં AuthKit") છે, જેની પાછળ/નીચે લોગિન ફોર્મ ફેન આઉટ સાથે ત્રણ ફ્લોટિંગ ગ્લાસ કાર્ડ છે (ડાબું કાર્ડ ડાબે નમેલું, મધ્ય કાર્ડ મહત્તમ, જમણું કાર્ડ જમણે નમેલું). મુખ્ય તત્વની નીચે એક પ્રકાશ/ઘેરો થીમ ટૉગલ કેન્દ્રિત છે. ફીચર પંક્તિ ગોળાકાર ચિહ્નો વચ્ચે પાતળી કનેક્ટિંગ રેખાઓ સાથે 6 ચિહ્નોની આડી સમયરેખા છે. વિભાગ લય: દરેક વિભાગ મધ્યમાં ભમર આકારના ટેક્સ્ટથી શરૂ થાય છે જે ઝાંખી આડી રેખાઓ દ્વારા ફ્રેમ કરવામાં આવે છે, ત્યારબાદ એક મોટું, કેન્દ્રિત શીર્ષક (44-48px), ત્યારબાદ મ્યૂટ બોડી કોપી (16-18px), મહત્તમ પહોળાઈ ~640px ની એક લાઇન આવે છે. કસ્ટમાઇઝ વિભાગ બ્રાઉઝર વિન્ડોનો મોકઅપ દર્શાવે છે જેમાં કેન્દ્રમાં સ્થિત લોગિન કાર્ડ ફ્લોટિંગ UI ઇન્સ્પેક્ટર પેનલ્સ (રંગ પેલેટ્સ, ત્રિજ્યા સ્લાઇડર્સ, લોગો આઇકોન સિલેક્ટર, બટન ટેક્સ્ટ ફીલ્ડ, પેજ બેકગ્રાઉન્ડ ફીલ્ડ) દ્વારા ઘેરાયેલું છે જે કેનવાસના ખૂણા પર સ્થિત છે, જેમ કે ડિઝાઇન ટૂલ્સ વર્કસ્પેસ.
વિઝ્યુઅલ ડિઝાઇનમાં લોગિન ફોર્મ મોકઅપ્સનું પ્રભુત્વ છે, જે "ગ્લાસ મોર્ફોલોજી" શૈલીમાં રચાયેલ છે (ઈમેલ/પાસવર્ડ ઇનપુટ ફીલ્ડ્સ, સોશિયલ મીડિયા લોગિન બટન્સ, પાસવર્ડ-લેસ કોડ એન્ટ્રી), મધ્યરાત્રિના કેનવાસ સામે ફ્લોટિંગ, અર્ધપારદર્શક કાર્ડ્સ તરીકે રજૂ કરવામાં આવે છે. ફીચર આઇકોન્સ ગોળાકાર, મેટ ટાઇલ્સની અંદર #d1e4fa માં મોનોક્રોમ રેખીય ગ્લિફ્સ છે. એક સૂક્ષ્મ ગ્રીડ (rgba માં 1px રેખાઓ (186,215,247,0.06)) સમગ્ર પૃષ્ઠને આવરી લે છે, વાતાવરણ બનાવે છે, જ્યારે મુખ્ય તત્વની ટોચ પર શંકુ આકારનો ગ્રેડિયન્ટ સ્પોટલાઇટ ચમકે છે. કોઈ ફોટા નથી, કોઈ જીવનશૈલી છબીઓ નથી, કોઈ ઉત્પાદન સ્ક્રીનશોટ નથી - ઉત્પાદન પોતે જ દ્રશ્ય તત્વ છે: લોગિન ફીલ્ડ્સ શ્યામ સ્ટુડિયોમાં કાચના પ્રોટોટાઇપની જેમ ગોઠવાયેલા છે.
પેલેટ
બ્રાન્ડ
- Void Violet
#663af3— કોલ-ટુ-એક્શન (CTA) બટન માટેનો પ્રાથમિક રંગ એ એકમાત્ર એક્સેન્ટ રંગ છે જે ફક્ત લોગિન ફોર્મ્સમાં "ચાલુ રાખો/સબમિટ કરો" બટન માટે વપરાય છે; લગભગ કાળા પૃષ્ઠભૂમિ સામે વાઇબ્રન્ટ જાંબલી રંગ મોનોક્રોમેટિક રંગ યોજનાને ખલેલ પહોંચાડ્યા વિના તાકીદની ભાવના બનાવે છે.
તટસ્થ
- Midnight Canvas
#05060f— પાનાની પૃષ્ઠભૂમિ, કાર્ડની સૌથી ઊંડી સપાટી, બેજનું ભરણ - લગભગ કાળો આધાર જેના પર બાકીનું બધું તરતું રહે છે. - Steel Plate
#2f343e— ઉંચી સપાટી, ફેન્ટમ/સેકન્ડરી એક્શન બટનો, ડિસ્ક્રિન્ટ પેનલ બેકિંગ. - Fog Veil
#9da7ba— મુખ્ય લખાણ, કાર્ડ પરનો લખાણ, વાંચી શકાય છે, પરંતુ શીર્ષકોની તુલનામાં પૃષ્ઠભૂમિમાં નીચે ઉતરી ગયો છે. - Moon Mist
#c7d3ea— મુખ્ય ટેક્સ્ટ, વધારાના લેબલ્સ, મ્યૂટ કરેલ સહાયક ટેક્સ્ટ - Frost Glow
#d1e4fa— બોડી અને લિંક ટેક્સ્ટ, આઇકોન ટેક્સ્ટ અને આઇકોન ફિલ માટે પ્રાથમિક ફિલ રંગ ડિફોલ્ટ ગ્લોઇંગ ફોરગ્રાઉન્ડ છે. - Ice Highlight
#d8ecf8— ઘેરા સપાટીઓ, ઊંધી લેબલ્સ અને ઉચ્ચ-કોન્ટ્રાસ્ટ હેડલાઇન્સ પર આછો ટેક્સ્ટ. કૉલ્સ ટુ એક્શન માટે પ્રાથમિક રંગ તરીકે તેનો ઉપયોગ કરશો નહીં; હેડલાઇન ગ્રેડિયન્ટ - ઉપરથી નીચે સુધી આછા વાદળીથી નરમ વાદળીમાં સરળ સંક્રમણ - AuthKit લોગો અને મુખ્ય હેડલાઇન્સમાં વપરાય છે.
ટાઇપોગ્રાફી
૧૨ થી ૪૮ પિક્સેલ સુધી · ૮ પગલાં
- Untitled Sans — રિપ્લેસમેન્ટ: Inter · રૂપરેખા 400, 500, 600, 700 · મુખ્ય ટેક્સ્ટ, યુઝર ઇન્ટરફેસ, બટનો, ઇનપુટ ફીલ્ડ્સ, આઇકોન્સ, નાના હેડિંગ - દરેક કાર્ય માટે એક સાર્વત્રિક ફોન્ટ.
- aeonikPro — રિપ્લેસમેન્ટ: Space Grotesk · રૂપરેખા 400, 500 · ફક્ત હેડિંગ - AuthKit બ્રાન્ડિંગ, સેક્શન હેડિંગ અને બોડી ટેક્સ્ટ - દર્શાવવાથી 44-48px પર 500-પોઇન્ટ ફોન્ટ વજન બ્રાન્ડિંગને આછકલું ઉચ્ચારણ આપવાને બદલે વિશાળ, અલ્પોક્તિપૂર્ણ દેખાવ આપે છે.
- dotDigital — રિપ્લેસમેન્ટ: JetBrains Mono · રૂપરેખા 400 · ઓલ-કેપ્સ ટેક્સ્ટ ("પરિચય," "એક્સપાન્ડેબલ ડિઝાઇન," "શાઇન બ્રાઇટ") - 0.10em સ્પેસિંગ સાથે મોનોસ્પેસ્ડ ઓલ-કેપ્સ ટેક્સ્ટ બોડી ટેક્સ્ટ અને હેડિંગ વચ્ચે સૂક્ષ્મ વિભાજક તરીકે કામ કરે છે.
અંતરાલો અને સ્વરૂપ
| હેતુ | અર્થ |
|---|---|
| ઘનતા | જગ્યા ધરાવતું |
| મૂળભૂત પગલું | 16px |
| બટન ત્રિજ્યા | 999px |
| કાર્ડ ત્રિજ્યા | 16px |
| પડછાયાઓ | પડછાયાને બદલે ના - સરહદો |
| વિભાગો વચ્ચે | 120px |
| પૃષ્ઠ પહોળાઈ | 1200px |
AI તમારી વેબસાઇટ Authkit શૈલીમાં બનાવશે અને તેને ભરી દેશે.
- લિંક દ્વારા ઉત્પાદનો અને પોસ્ટ્સ ભરો - Instagram, TikTok, Facebook.
- તમારી જૂની સાઇટ પરથી સામગ્રી ટ્રાન્સફર કરો—ફક્ત સરનામું સ્પષ્ટ કરો.
- શ્રેષ્ઠ એન્જિન પર આધુનિક ડિઝાઇન: સર્વર રેન્ડરિંગ અને SEO ઑપ્ટિમાઇઝેશન સાથે React ( Next.js).
- શોધ પરિણામો અને ન્યુરલ નેટવર્ક ભલામણો માટે સંપૂર્ણપણે સ્વચાલિત SEO ઑપ્ટિમાઇઝેશન.
સમાન શૈલીઓ
- Resend — જાંબલી નિયોન રંગ સાથે કાળો મખમલ
- Gsap — ડિઝાઇન સ્ટુડિયોમાં એક એનિમેટેડ વ્હાઇટબોર્ડ. લગભગ કાળી દિવાલ, ગરમ ક્રીમ ચાક, અને પાંચ રંગીન માર્કર્સ—દરેક એનિમેશન શિસ્ત માટે એક.
- Slash — સોનેરી ખજાનાઓ સાથે મધ્યરાત્રિ તિજોરી
- Raycast — મિડનાઈટ કમાન્ડ સેન્ટર, કોરલ નિયોન
- Dimension — હિમાચ્છાદિત કાચની પેનલો સાથે સાંજના પ્રકાશવાળું વર્કસ્ટેશન
- Modal — અંધારાવાળા સર્વર રૂમમાં ફોસ્ફોરેસન્ટ ટર્મિનલ - એકમાત્ર પ્રકાશ સ્ત્રોત તેજસ્વી લીલો રંગ છે.
- Reflect Notes — તારાઓવાળી વાયોલેટ જગ્યા એક ઘેરી વેધશાળા છે જ્યાં લગભગ કાળા ઈન્ડિગો શૂન્યતાની પૃષ્ઠભૂમિ સામે નોંધો નક્ષત્રોની જેમ તરતી રહે છે.
- LaunchDarkly — નિયોન કંટ્રોલ રૂમ એક ઘેરો કોકપીટ છે જ્યાં જાંબલી સિગ્નલો જેટ-બ્લેક પેનલ્સ દ્વારા ધબકે છે.
- Ameba — મધ્યરાત્રિએ કંટ્રોલ રૂમ - હિમાચ્છાદિત કાચની પેનલની અંદર વાદળી રંગનો ઇલેક્ટ્રિક પલ્સ
- AgentQL — રાત્રે ટર્મિનલ ઉપર ઉત્તરીય લાઇટ્સ
- Neon — અંધારા પછી સર્વર રૂમ. શુદ્ધ અંધકાર, જ્યાં એકમાત્ર પ્રકાશ ડેટા અને વપરાશકર્તાની ક્રિયાપ્રતિક્રિયાઓમાંથી આવે છે.
- N8n — મિડનાઇટ પર વર્કફ્લો એન્જિન - સ્ટેટસ ઇન્ડિકેટર્સ અને ડેટા સ્ટ્રીમ્સ દ્વારા પ્રકાશિત, અંધારાવાળા સર્વર રૂમમાં રીઅલ-ટાઇમ ઓટોમેશન કેનવાસની અનુભૂતિ.