Modal
અંધારાવાળા સર્વર રૂમમાં ફોસ્ફોરેસન્ટ ટર્મિનલ - એકમાત્ર પ્રકાશ સ્ત્રોત તેજસ્વી લીલો રંગ છે.
મોડલ અંધારાવાળા સર્વર રૂમમાં ફોસ્ફોરેસન્ટ ટર્મિનલ જેવા કાર્ય કરે છે: લગભગ કાળો કેનવાસ, આછો લીલો પ્રકાર, અને એક તેજસ્વી ચૂનો-લીલો ઉચ્ચાર જે LED સ્થિતિ સૂચક તરીકે કાર્ય કરે છે. ડિઝાઇન ભાષા વિકાસકર્તા-કેન્દ્રિત છે—ટ્રાફિક લાઇટ બિંદુઓ સાથે મોનોસ્પેસ્ડ કોડ વિન્ડોઝ, સિગ્નેચર લીલા રંગમાં આઇસોમેટ્રિક 3D ચિહ્નો, અને પુષ્કળ સફેદ જગ્યા, જે દરેક વિભાગમાં એક તત્વને ચમકવા દે છે. ટાઇપોગ્રાફીને હેડિંગ માટે કસ્ટમ ફોન્ટ (ગોગા) અને બધા UI ઘટકો માટે ચલ ફોન્ટ (ઇન્ટર) વચ્ચે વિભાજિત કરવામાં આવે છે, બંને સાંકડા નકારાત્મક ટ્રેકિંગ સાથે સેટ કરવામાં આવે છે. રંગો સમાનરૂપે વિતરિત કરવામાં આવે છે: મોટાભાગની સ્ક્રીનો એક્રોમેટિક હોય છે, અને તેજસ્વી ચૂનો-લીલો રંગ ફક્ત મુખ્ય ક્રિયાઓ, લોગો, 3D ચિત્રો અને ભારના ક્ષણો પર જ દેખાય છે. ઘટકો સપાટ અને ફ્રેમલેસ છે, જેમાં પડછાયાઓને બદલે સૂક્ષ્મ લીલા કિનારીઓ અને પૃષ્ઠભૂમિ ઝાંખપ દ્વારા ઊંડાઈ બનાવવામાં આવે છે.
મોડલ સામગ્રીને સમાવવા માટે 1280px ની મહત્તમ પહોળાઈ સાથે પૂર્ણ-પહોળાઈવાળા ઘેરા લેઆઉટનો ઉપયોગ કરે છે. હીરો વિન્ડો કેન્દ્રિત છે: શીર્ષક (ચળકતા લીલા રંગમાં પહેલું વાક્ય), એક સબહેડિંગ, બે કોલ્સ ટુ એક્શન, અને એક 3D ઑબ્જેક્ટ વિઝ્યુઅલ એન્કર તરીકે - લેઆઉટને સાઇડબારથી અલગ કર્યા વિના. સામગ્રી વિભાગો એક સમાન લયને અનુસરે છે: આઈબ્રો ટેગ (મોટા અક્ષરો, મોસ 70) → ગોગા શીર્ષક → મ્યૂટ બોડી ટેક્સ્ટ, પછી કાં તો ફીચર વર્ણન (ટેક્સ્ટ + કોડ/વિઝ્યુઅલ કાર્ડ) સાથે બે-કૉલમ લેઆઉટ અથવા કાર્ડ્સનો ત્રણ-કૉલમ ગ્રીડ. વિભાગો વચ્ચેના ગટર ઉદાર છે—80px. પૃષ્ઠ ઊંડા ખાલી (#000000) અને સહેજ હળવા પૃષ્ઠભૂમિ (#181818) પટ્ટાઓ વચ્ચે વૈકલ્પિક રીતે ફરે છે, જેમાં એક પ્રકાશ વિભાગ (#def0dd) પૃષ્ઠની મધ્યમાં દ્રશ્ય શ્વાસ તરીકે દેખાય છે. નેવિગેશનમાં ઝાંખી પૃષ્ઠભૂમિ સાથે એક સિંગલ, નિશ્ચિત ટોચ બારનો સમાવેશ થાય છે—કોઈ સાઇડબાર અથવા મેગા-મેનૂ નથી. ફૂટર કોમ્પેક્ટ અને ઘેરો છે, જેમાં મ્યૂટ લીલા લિંક કૉલમ છે. ટેક્સ્ટ ઘનતા આરામદાયક છે: દરેક વિભાગને પૂરતી જગ્યા આપવામાં આવી છે, અને કાર્ડ ગ્રીડ ત્રણ કરતાં વધુ કૉલમનો ઉપયોગ કરતા નથી.
મોડલની વિઝ્યુઅલ લેંગ્વેજ બે મોડમાં વિભાજિત છે: 3D ગ્લોઇંગ પ્રોડક્ટ રેન્ડર અને ડાર્ક કોડ વિન્ડો મોકઅપ્સ. ફોકલ પોઈન્ટ એ એક સિંગલ 3D ક્યુબ છે જે માર્કેટિંગ ગ્રેડિયન્ટ (લાઈમ ગ્રીનથી એમેરાલ્ડ સુધી) નો ઉપયોગ કરીને રેન્ડર કરવામાં આવે છે, જે રેડિયલ ગ્રેડિયન્ટ પ્રભામંડળમાં સેટ થાય છે જે ખાલી જગ્યાને લીલા પ્રકાશમાં સ્નાન કરે છે - બ્રાન્ડની સિગ્નેચર વિઝ્યુઅલ શૈલી. વર્કલોડ કાર્ડ્સમાં આઇસોમેટ્રિક 3D આઇકોન (વાયરફ્રેમ ક્યુબ, સોલિડ સીડી, સ્તરો) હોય છે જે ઘાટા પૃષ્ઠભૂમિ સામે સમાન લાઈમ ગ્રીનમાં રેન્ડર કરવામાં આવે છે. કોડ અને બેન્ચમાર્ક પરિણામો ટ્રાફિક લાઇટ બિંદુઓ, ફોસ્ફોરેસન્ટ પેલેટમાં મોનોસ્પેસ્ડ સિન્ટેક્સ હાઇલાઇટિંગ અને મ્યૂટ ગ્રીન બોર્ડર સાથે ટર્મિનલ વિન્ડો કાર્ડ તરીકે રજૂ કરવામાં આવે છે - તે વાસ્તવિક કમાન્ડ-લાઇન ઇન્ટરફેસના સ્ક્રીનશોટ જેવા હોય છે. ક્લાયંટ લોગો એકલ, ઓછી-કોન્ટ્રાસ્ટ પંક્તિમાં ડિસેચ્યુરેટેડ ગ્રીન-ગ્રે લેબલ્સ તરીકે પ્રદર્શિત થાય છે, જે દ્રશ્ય સ્પર્ધા વિના વિશ્વાસનો સંકેત આપે છે. એકંદર ઘનતા ઓછી છે - મોટાભાગના પૃષ્ઠોમાં મુખ્યત્વે ટેક્સ્ટ હોય છે, અને છબીઓ ફોટોગ્રાફ્સના ગ્રીડને બદલે વ્યક્તિગત ફોકલ પોઈન્ટ તરીકે રજૂ કરવામાં આવે છે. કોઈ ફોટોગ્રાફ્સ નથી; સમગ્ર વિઝ્યુઅલ સિસ્ટમ રેન્ડર, ભૌમિતિક અને રેડિયન્ટ છે.
પેલેટ
બ્રાન્ડ
- Lime Pulse
#7fee64— કોર્પોરેટ ઓળખના મુખ્ય ઘટકો લોગો, મુખ્ય કોલ ટુ એક્શન (CTA), ટેગ ફિલિંગ, સક્રિય સ્થિતિઓ અને ચિત્રનો મૂળભૂત રંગ છે.
તટસ્થ
- Phosphor White
#ddffdc— મુખ્ય ટેક્સ્ટ, શીર્ષકનો રંગ, ચિહ્નની રૂપરેખા અને ભરેલું બટન ટેક્સ્ટ મુખ્ય વાંચનીય સપાટી છે. - Void Black
#000000— પેજ કેનવાસ, સૌથી ઊંડો પૃષ્ઠભૂમિ સ્તર - Ground Iron
#181818— મુખ્ય બટન ભરણ, અંધારાવાળા વિસ્તારોમાં કાર્ડ સપાટીઓ, વપરાશકર્તા ઇન્ટરફેસની મૂળ સપાટી. - Carbon Veil
#212525— ઉંચી સપાટીઓ, નેવિગેશન પૃષ્ઠભૂમિ, જમીન કરતાં થોડી હળવી. - Circuit Border
#485346— રૂપરેખા/ભૂત ક્રિયા ફ્રેમ, મુખ્ય ઇન્ટરેક્ટિવ પાતળી રેખા, એક મ્યૂટ લીલોતરી-ગ્રે શેડ છે. - Phosphor Blue-Black
#1f2a33— ગૌણ પાતળી ચિહ્નિત રેખાઓ, ઘાટા પટ્ટાઓ વચ્ચે સ્ટ્રોકને વિભાજીત કરે છે.
ટાઇપોગ્રાફી
૧૨ થી ૬૪ પિક્સેલ સુધી · ૮ પગલાં
- Goga — રિપ્લેસમેન્ટ: Inter Tight or Space Grotesk · રૂપરેખા 400, 500 · હેડિંગ અને સબહેડિંગ ફોન્ટ - બધા H1–H4 હેડિંગ અને કાર્ડ્સ માટે વપરાય છે. ગોગા એ એક કસ્ટમ ભૌમિતિક સેન્સ-સેરીફ ફોન્ટ છે જેમાં સાંકડા છિદ્રો અને થોડા ચોરસ ટર્મિનલ્સ છે. મધ્યમ વજન (500) કાર્ડ-લેવલ હેડિંગને હાઇલાઇટ કરવા માટે આરક્ષિત છે; સામાન્ય વજન (400) હીરો અને સેક્શન હેડિંગ માટે વપરાય છે. મોડલની ઓળખને વ્યાખ્યાયિત કરતા વૈકલ્પિક ગ્લિફ આકારોને ઍક્સેસ કરવા માટે, તેનો 'ss01' શૈલીયુક્ત સેટ સક્ષમ હોવો આવશ્યક છે. નકારાત્મક અક્ષર અંતર ધીમે ધીમે -0.007em થી 48px પર 21px પર -0.017em સુધી ઘટે છે.
- Inter Variable — રિપ્લેસમેન્ટ: Inter · રૂપરેખા 400, 500 · યુઝર ઇન્ટરફેસ અને બોડી કોપી - નેવિગેશન, બટનો, બોડી કોપી, લેબલ્સ, ફૂટર. ઇન્ટરેક્ટિવ એલિમેન્ટ્સ અને નેવિગેશન માટે ડિફોલ્ટ રૂપે મધ્યમ વજન (500) નો ઉપયોગ થાય છે; ફકરા માટે સામાન્ય (400) નો ઉપયોગ થાય છે. નાના કદમાં પણ અક્ષર અંતર નોંધપાત્ર રીતે ઓછું થાય છે (-0.026em 14px પર, -0.022em 16px પર), ઇન્ટરફેસને સંક્ષિપ્ત, ટર્મિનલ ઘનતા આપે છે. વૈકલ્પિક વિરામચિહ્નો માટે, 'cv11' અક્ષર પ્રકારનો સમાવેશ થવો જોઈએ. 12px પરના ઓલ-કેપ્સ લેબલ્સ બોડી ટેક્સ્ટ ઘનતાને સંતુલિત કરવા માટે +0.05em અક્ષર અંતરનો ઉપયોગ કરે છે.
અંતરાલો અને સ્વરૂપ
| હેતુ | અર્થ |
|---|---|
| ઘનતા | સરેરાશ |
| મૂળભૂત પગલું | 20px |
| બટન ત્રિજ્યા | 12px |
| કાર્ડ ત્રિજ્યા | 8px |
| પડછાયાઓ | પડછાયાને બદલે ના - સરહદો |
| વિભાગો વચ્ચે | 80px |
| પૃષ્ઠ પહોળાઈ | 1280px |
AI તમારી વેબસાઇટ Modal શૈલીમાં બનાવશે અને તેને ભરી દેશે.
- લિંક દ્વારા ઉત્પાદનો અને પોસ્ટ્સ ભરો - Instagram, TikTok, Facebook.
- તમારી જૂની સાઇટ પરથી સામગ્રી ટ્રાન્સફર કરો—ફક્ત સરનામું સ્પષ્ટ કરો.
- શ્રેષ્ઠ એન્જિન પર આધુનિક ડિઝાઇન: સર્વર રેન્ડરિંગ અને SEO ઑપ્ટિમાઇઝેશન સાથે React ( Next.js).
- શોધ પરિણામો અને ન્યુરલ નેટવર્ક ભલામણો માટે સંપૂર્ણપણે સ્વચાલિત SEO ઑપ્ટિમાઇઝેશન.
સમાન શૈલીઓ
- Slash — સોનેરી ખજાનાઓ સાથે મધ્યરાત્રિ તિજોરી
- AgentQL — રાત્રે ટર્મિનલ ઉપર ઉત્તરીય લાઇટ્સ
- GitHub — બાયોલ્યુમિનેસેન્ટ કંટ્રોલ પોઈન્ટ્સ સાથેનું સ્પેસ કમાન્ડ પેનલ - એક ઘેરો, વાતાવરણીય કાર્યસ્થળ જ્યાં એક લીલો પ્રકાશ આગળનો માર્ગ દર્શાવે છે.
- Doppler — મધ્યરાત્રિએ તિજોરીની જાંબલી લાઇટિંગ. લગભગ કાળો કેનવાસ એક જ લવંડર સિગ્નલ અને લીલા પુષ્ટિકરણ લાઇટથી ઝળહળે છે, દરેક સપાટી એટલી વક્ર છે કે તે પકડી શકાય.
- Basedash — મેટ ફોન્ટ સાથે મધ્યરાત્રિ ડેટા ટર્મિનલ. એક ઘેરી વેધશાળા જ્યાં મેટ્રિક્સ જાંબલી અને લીલા રંગમાં ચમકે છે, સેરીફ હેડલાઇન્સ અવાજની ઉપર તરતી રહે છે, અને સફેદ ગોળી આકારના બટનો જ નરમ કાળા સપાટીવાળા રૂમમાં એકમાત્ર તેજસ્વી વસ્તુઓ છે.
- Superwhisper — મધ્યરાત્રિના કાચ ઉપર ઉત્તરીય લાઇટ્સ ઓગળી જાય છે
- Better Stack — મધ્યરાત્રિ SRE કન્સોલ
- Langbase — મિડનાઈટ નોર્ધન લાઈટ્સ કન્સોલ
- Astro — નિહારિકામાંથી એક જ જાંબલી ચમક સાથે ડીપ સ્પેસ મિશન કંટ્રોલ
- Wayfinder — એક કાળી મૂવી સ્ક્રીન જેમાં ભાગ્યે જ સાંભળી શકાય તેવું શીર્ષક જીવંત ચિત્ર ઉપર ફરતું હોય છે. ઇન્ટરફેસ કંટ્રોલ પેનલને બદલે બ્રાઇટનેસ સ્લાઇડર છે.
- HashiCorp — મધ્યરાત્રિએ જાંબલી નિયોન સાથેનો કંટ્રોલ રૂમ એક ઘેરી ટેકનિકલ સપાટી છે જ્યાં એક ચમકતો ષટ્કોણ સમઘન એકમાત્ર રંગ સંદર્ભ તરીકે સેવા આપે છે.
- Umbrel — રાત્રિના સર્વર રૂમમાં એક હૂંફાળું અગ્નિકુંડ - એક અંધારું ઓરડો જ્યાં એક જ પીચી ચમક ખરેખર શું મહત્વપૂર્ણ છે તે દર્શાવે છે.