Mercury
સાંજના સમયે આલ્પાઇન કિનારાઓ
બુધ આલ્પાઇન બેંકિંગ સૌંદર્ય શાસ્ત્રમાં કાર્ય કરે છે: લગભગ કાળો કેનવાસ (#171721) એક સિનેમેટિક, વેધશાળા જેવું વાતાવરણ બનાવે છે, જ્યાં સામગ્રીની સપાટીઓ સહેજ હળવા ગ્રેફાઇટ કાર્ડ્સ તરીકે તરતી રહે છે. ઇન્ટરફેસ મુખ્યત્વે મોનોક્રોમ છે - ઓનીક્સ પર હાથીદાંતનો ટેક્સ્ટ, જેમાં એક જ વાઇબ્રન્ટ કોબાલ્ટ (#5266eb) તત્વનો ઉપયોગ ફક્ત મુખ્ય "ઓપન એકાઉન્ટ" કામગીરી માટે થાય છે. ટાઇપોગ્રાફી પ્રાથમિક અભિવ્યક્તિ ધરાવે છે: 480 (બોલ્ડ કે પ્રકાશ નહીં) નો કસ્ટમ ડિસ્પ્લે ફોન્ટ 400 ના સૂક્ષ્મ બોડી ફોન્ટ સાથે જોડી બનાવીને એક આત્મવિશ્વાસપૂર્ણ પરંતુ ક્યારેય ગૈરિશ શૈલી બનાવે છે. ઘટકો સપાટ અને ફ્રેમલેસ છે, પડછાયાઓને બદલે માળખું વ્યાખ્યાયિત કરવા માટે 12px ગ્રેફાઇટ કાર્ડ ત્રિજ્યા અને કેપ્સ્યુલ આકારના નિયંત્રણો પર આધાર રાખે છે. મુખ્ય ફોટો તત્વ, જે પૃષ્ઠની સમગ્ર સપાટીને કબજે કરે છે - એકલા ટેબલ સામે ધુમ્મસવાળા પર્વતો - વપરાશકર્તા ઇન્ટરફેસ શરૂ થાય તે પહેલાં સ્વર સેટ કરે છે, અને દરેક અનુગામી તત્વ તે શાંત, પ્રીમિયમ અંધકાર જાળવી રાખે છે.
બધી સામગ્રી ઘેરા, પૂર્ણ-પહોળાઈ શૈલીમાં ડિઝાઇન કરવામાં આવી છે. મુખ્ય સ્ક્રીન 100px, પૂર્ણ-પહોળાઈનો ફોટો છે જેમાં કેન્દ્રિત હેડલાઇન, સબટેક્સ્ટ અને ઇમેઇલ સંપર્ક માહિતી એકત્રિત કરવા માટે એક ફોર્મ બ્લોક છે (મહત્તમ પહોળાઈ ~640px). મુખ્ય સ્ક્રીનની નીચે, સામગ્રી 1200px ની મહત્તમ પહોળાઈના વિભાગોમાં ગોઠવાયેલી છે જેમાં 72px વર્ટિકલ માર્જિન છે, ડાબી બાજુ બે-કૉલમ લેઆઉટ ટેક્સ્ટ અને જમણી બાજુ એક છબી અને ત્રણ-કૉલમ ઉત્પાદન વર્ણન કાર્ડ વચ્ચે વૈકલ્પિક છે. નેવિગેશન એ મુખ્ય સ્ક્રીન પર ઓવરલેડ થયેલ પારદર્શક ટોચનો બાર છે, જે, જેમ જેમ તમે સ્ક્રોલ કરો છો, તેમ તેમ ફ્રોસ્ટેડ ગ્લાસ (બેકગ્રાઉન્ડ બ્લર) ની યાદ અપાવે તેવા ઘન ઘેરા ભરણમાં સંક્રમિત થાય છે. ફૂટર નોંધ ટેક્સ્ટ સાથે ઘેરો છે. ઊભી લય ઉદાર છે - વિભાગો વચ્ચે પુષ્કળ જગ્યા સાથે વિશાળ ઘનતા. કોઈ બાજુ નેવિગેશન નથી; બધા નેવિગેશન ટોચના બારમાં સ્થિત છે.
મુખ્ય વિભાગમાં પૂર્ણ-પહોળાઈના સિનેમેટિક ફોટોગ્રાફ્સનું પ્રભુત્વ છે - વાતાવરણીય, પ્રેરણાદાયક લેન્ડસ્કેપ્સ (ધુમ્મસવાળા પર્વતો, પ્રકૃતિમાં એકાંત કાર્યસ્થળો) - જે બેંકિંગને ચિંતનશીલ, ઉત્કૃષ્ટ અનુભવ તરીકે સ્થાન આપે છે. ફોટોગ્રાફ્સ ઉચ્ચ-ગુણવત્તાવાળા, થોડા અસંતૃપ્ત છે, ઠંડા ટોન અને ટેક્સ્ટની વાંચનક્ષમતા જાળવવા માટે સૂક્ષ્મ ઘેરા ઓવરલે સાથે. મુખ્ય વિભાગની નીચે, છબીઓ ઉત્પાદનના વપરાશકર્તા ઇન્ટરફેસ અને અમૂર્ત, વાતાવરણીય પૃષ્ઠભૂમિના સ્ક્રીનશોટ સાથે વૈકલ્પિક છે. કોઈ ચિત્રો નથી, કલાના કાર્યો જેવા કોઈ ચિહ્નો નથી - દ્રશ્ય તત્વો કાં તો ફોટોગ્રાફિક છે અથવા સંપૂર્ણપણે કાર્યાત્મક છે. સમગ્ર વપરાશકર્તા ઇન્ટરફેસમાં ચિહ્ન શૈલી એક ન્યૂનતમ, હાથીદાંત-રંગીન રેખા/ગ્લિફ શૈલી છે જેનો ઉપયોગ નેવિગેશન, બટનો અને ફોર્મ તત્વોમાં થાય છે.
પેલેટ
બ્રાન્ડ
- Cobalt
#5266eb— ભરેલા બટનો, પસંદ કરેલી નેવિગેશન સ્થિતિઓ અને ફોકસ-આધારિત રૂપાંતર ક્ષણો માટે જાંબલી રંગનો ઉપયોગ થાય છે.
તટસ્થ
- Onyx Canvas
#171721— મુખ્ય પૃષ્ઠ પૃષ્ઠભૂમિ, હોમ સ્ક્રીન માટે મૂળભૂત ઓવરલે, ફૂટર અને વિભાગો માટે કેનવાસ. - Graphite Card
#1e1e2a— કાર્ડબોર્ડ અને વિભાગોની ઉંચી સપાટીઓ કેનવાસ કરતા એક ડગલું હળવી હોય છે, જે એક સરળ વિભાજન બનાવે છે. - Obsidian Button
#272735— વધારાના બટન ભરણ, એમ્બેડેડ ફોર્મ બેકગ્રાઉન્ડ, સ્વાભાવિક ઇન્ટરેક્ટિવ સપાટીઓ. - Slate Border
#70707d— સામગ્રી બ્લોક્સ વચ્ચે મધ્યમ-જાડાઈના વિભાજકો અને માળખાકીય સીમાઓ. - Mist Border
#e2e3ed— પાતળી, ભાગ્યે જ ધ્યાનપાત્ર કિનારીઓ, ભાગ્યે જ ધ્યાનપાત્ર બટન રૂપરેખા, ઇનપુટ ફીલ્ડ કિનારીઓ - ઘેરા પૃષ્ઠભૂમિ પર આછો કિનારો. - Ash Text
#c3c3cc— મુખ્ય ટેક્સ્ટ, સહાયક ટેક્સ્ટ, વધારાના લેબલ્સ - વાંચનક્ષમતા ગુમાવ્યા વિના સરળ વંશવેલો.
ટાઇપોગ્રાફી
૧૨ થી ૬૫ પિક્સેલ સુધી · ૯ પગલાં
- arcadia — રિપ્લેસમેન્ટ: Inter · રૂપરેખા 360, 400, 420, 480 · મુખ્ય અને વપરાશકર્તા ઇન્ટરફેસ - નેવિગેશન, બોડી ટેક્સ્ટ, બટનો, ઇનપુટ ફીલ્ડ્સ, લેબલ્સ અને સહાયક ટેક્સ્ટ માટે ફોન્ટ, જેમાં બોડી ટેક્સ્ટ માટે 400 અને ભાર માટે 480 વજન હોય છે. માનક (300/400/600) ને બદલે મધ્યવર્તી વજન સ્કેલ (360, 420, 480) બુધ ટેક્સ્ટને એક સ્પષ્ટ સંતુલિત દેખાવ આપે છે - ક્યારેય બોલ્ડ નહીં, ક્યારેય પાતળું નહીં, હંમેશા માપવામાં આવે છે.
- arcadiaDisplay — રિપ્લેસમેન્ટ: Söhne Breit · રૂપરેખા 360, 480, 530 · હેડિંગ અને સુશોભન તત્વો માટેના ફોન્ટનો ઉપયોગ 28px થી 65px સુધીના બધા હેડિંગ કદ માટે 480 વજનમાં થાય છે, જ્યારે 530 સૌથી મોટા સુશોભન તત્વો માટે આરક્ષિત છે. ઓછી લાઇન ઊંચાઈ (1.1–1.2) અને હકારાત્મક અક્ષર અંતર (0.01–0.02em) સંપાદકીય ટેક્સ્ટમાં જોવા મળતી સંકુચિત રચનાને બદલે સુશોભન ટેક્સ્ટને વિશાળ, સ્થાપત્ય દેખાવ આપે છે.
અંતરાલો અને સ્વરૂપ
| હેતુ | અર્થ |
|---|---|
| ઘનતા | સરેરાશ |
| મૂળભૂત પગલું | 12px |
| બટન ત્રિજ્યા | 32px |
| કાર્ડ ત્રિજ્યા | 12px |
| પડછાયાઓ | પડછાયાને બદલે ના - સરહદો |
| વિભાગો વચ્ચે | 72px |
| પૃષ્ઠ પહોળાઈ | 1200px |
AI તમારી વેબસાઇટ Mercury શૈલીમાં બનાવશે અને તેને ભરી દેશે.
- લિંક દ્વારા ઉત્પાદનો અને પોસ્ટ્સ ભરો - Instagram, TikTok, Facebook.
- તમારી જૂની સાઇટ પરથી સામગ્રી ટ્રાન્સફર કરો—ફક્ત સરનામું સ્પષ્ટ કરો.
- શ્રેષ્ઠ એન્જિન પર આધુનિક ડિઝાઇન: સર્વર રેન્ડરિંગ અને SEO ઑપ્ટિમાઇઝેશન સાથે React ( Next.js).
- શોધ પરિણામો અને ન્યુરલ નેટવર્ક ભલામણો માટે સંપૂર્ણપણે સ્વચાલિત SEO ઑપ્ટિમાઇઝેશન.
સમાન શૈલીઓ
- Origin Financial — શાંત વૈભવની મધ્યરાત્રિની ગેલેરી. એક શાંત, લગભગ અંધારી ઓરડો જ્યાં મોટા સેરીફ ફોન્ટ્સ અને થોડા પ્રકાશિત રંગીન પેનલ એવી લાગણી પેદા કરે છે કે ફાઇનાન્સ એ કલાનું કાળજીપૂર્વક તૈયાર કરેલું કાર્ય છે.
- Air — શિલ્પ "કાચ દ્વારા મધ્યરાત્રિ આકાશ"
- Slash — સોનેરી ખજાનાઓ સાથે મધ્યરાત્રિ તિજોરી
- dope.security — જાંબલી દીવાદાંડીઓ સાથે મધ્યરાત્રિ ટર્મિનલ
- Modal — અંધારાવાળા સર્વર રૂમમાં ફોસ્ફોરેસન્ટ ટર્મિનલ - એકમાત્ર પ્રકાશ સ્ત્રોત તેજસ્વી લીલો રંગ છે.
- Giga — હિમાચ્છાદિત ઓબ્સિડીયન ઉપર મધ્યરાત્રિનું ક્ષિતિજ
- Dovetail — મધ્યરાત્રિએ બ્લુપ્રિન્ટ નિયંત્રણ કેન્દ્ર
- Dovetail — કાળા ચંદ્ર નીચે એક બ્લુપ્રિન્ટ - ભાગ્યે જ દેખાતી ગ્રાફ લાઇનો, સફેદ ફોન્ટ, એક જાંબલી ચમક
- AgentQL — રાત્રે ટર્મિનલ ઉપર ઉત્તરીય લાઇટ્સ
- Supabase — મધ્યરાત્રિએ ફોસ્ફોરેસન્ટ લીલા બિંદુ સાથે એક કોડ એડિટર - કોલસાની ધૂળના સમુદ્ર પર એક જ રંગીન પલ્સ
- Changelog — ઘેરા કાચ પાછળનું વેધશાળા કન્સોલ
- GitHub — બાયોલ્યુમિનેસેન્ટ કંટ્રોલ પોઈન્ટ્સ સાથેનું સ્પેસ કમાન્ડ પેનલ - એક ઘેરો, વાતાવરણીય કાર્યસ્થળ જ્યાં એક લીલો પ્રકાશ આગળનો માર્ગ દર્શાવે છે.