Vercel
સફેદ કાગળ પર મુદ્રિત ટર્મિનલ
વર્સેલ ડિઝાઇન સિસ્ટમ શિસ્તબદ્ધ મોનોક્રોમમાં એક કસરત છે: લગભગ સફેદ કેનવાસ (#fafafa), કાળો પ્રકાર, પાતળી કિનારીઓ અને સુશોભન રંગની સંપૂર્ણ ગેરહાજરી. દ્રશ્ય ભાષા પ્રિન્ટમાં રેન્ડર કરેલા વિકાસકર્તાના ટર્મિનલને ઉજાગર કરે છે—Geist Sans "હીરોઇક" સ્કેલ પર ભાગ્યે જ સુવાચ્ય છે જેનું વજન 400-450 અને અક્ષર અંતર -0.06em છે, જ્યારે Geist Mono 11-13px કેપ્સમાં લેબલ્સ, મેટાડેટા અને કોડ નમૂનાઓ લાગુ કરે છે. બટનો તીક્ષ્ણ 6px ત્રિજ્યા અથવા સફેદ પર શુદ્ધ કાળા અથવા કાળા પર સફેદ લંબચોરસ છે. સિસ્ટમ રંગને બદલે કોન્ટ્રાસ્ટ અને ટાઇપોગ્રાફિક વંશવેલો પર આધાર રાખે છે, ત્રિકોણાકાર ચિહ્ન (▲) અને બે-લાઇન શબ્દચિહ્નનો ઉપયોગ એકમાત્ર બ્રાન્ડિંગ તત્વો તરીકે કરે છે. સપાટીઓ એકબીજાની ટોચ પર #fafafa → #ebebeb → #171717 ક્રમમાં સ્ટેક કરવામાં આવે છે, જે પડછાયા અથવા રંગને બદલે બદલાતા ટોનલ મૂલ્યો દ્વારા ઊંડાઈ બનાવે છે. દરેક તત્વ 4px ગ્રીડ પર કોમ્પેક્ટ ડેન્સિટી સાથે બનેલ છે, જેના પરિણામે એક ઇન્ટરફેસ એન્જિનિયરની નોટબુક જેવું લાગે છે - ચોક્કસ, કાર્યાત્મક અને ખાલી જગ્યાથી ડરતો નથી.
આ કન્ટેનર ૧૨૮૦ પિક્સેલ પહોળું, મધ્યમાં, ઉદાર આડી પેડિંગ (૨૪-૪૮ પિક્સેલ) સાથે છે. મુખ્ય બ્લોક અસમપ્રમાણ ત્રણ-ઝોન રચનાનો ઉપયોગ કરે છે: ડાબી બાજુ એક મોટી હેડલાઇન, બ્રાન્ડ ગ્લિફ કેન્દ્રિત, અને જમણી બાજુ "ભમર" બ્લોક. મુખ્ય બ્લોકની નીચે, સામગ્રી વૈકલ્પિક પટ્ટાઓમાં ગોઠવાયેલી છે: ક્લાયન્ટના લોગો સાથે પૂર્ણ-પહોળાઈનો પટ્ટો, ત્યારબાદ ડાબી બાજુ હેડલાઇન સાથે બે-કૉલમ "એજન્ટ ક્રિએટર્સ" વિભાગ અને જમણી બાજુ ઉત્પાદન લેઆઉટ, ત્યારબાદ સુવિધાઓ સાથે ત્રણ કાર્ડ્સનો ગ્રીડ. વિભાગોને ડિવાઇડર અથવા પૃષ્ઠભૂમિ ઑફસેટ્સ વિના ૯૬-૧૨૮ પિક્સેલના વર્ટિકલ ગટર દ્વારા અલગ કરવામાં આવે છે. નેવિગેશન એક અસ્પષ્ટ પૃષ્ઠભૂમિ સાથે એક નિશ્ચિત ૬૪ પિક્સેલ પેનલ છે. કાર્ડ ગ્રીડ સતત ૧૬-૨૪ પિક્સેલ ગટર સાથે બે- અથવા ત્રણ-કૉલમ લેઆઉટનો ઉપયોગ કરે છે. એકંદર ઘનતા કોમ્પેક્ટ છે - ટેક્સ્ટ વાંચવામાં સરળ છે, પૂરતી સફેદ જગ્યા છે, પરંતુ ફોન્ટ કદ અને ઘટક કદ પૃષ્ઠને હવાદાર લાગતા અટકાવે છે.
છબીઓ છૂટાછવાયા અને હંમેશા કાર્યાત્મક હોય છે. મુખ્ય દ્રશ્ય તત્વ કાળો ત્રિકોણ (▲) છે - એક ભૌમિતિક બ્રાન્ડ ચિહ્ન જે "કેપિટલ" સ્કેલ પર ફરતા સિલુએટ તરીકે દેખાય છે. પ્રૂફ-ઓફ-કન્સેપ્ટ સ્ટ્રીપ પર ક્લાયંટ લોગો ગ્રેસ્કેલમાં દરેક બ્રાન્ડના વાસ્તવિક શબ્દચિહ્નોનો ઉપયોગ કરે છે. પ્રોડક્ટ મોકઅપ્સ (નોશનનું ચેટ ઇન્ટરફેસ, CLI ટર્મિનલ આઉટપુટ, પાસપોર્ટ કાર્ડ) ફ્રેમવાળા કાર્ડ્સમાં લાઇટ-મોડ સ્ક્રીનશોટ તરીકે એમ્બેડ કરેલા છે. કોઈ ફોટોગ્રાફ્સ, ચિત્રો અથવા 3D તત્વો નથી - સિસ્ટમ શુદ્ધ ટાઇપોગ્રાફી અને સફેદ કાગળ પર ભૌમિતિક આકારો છે.
પેલેટ
તટસ્થ
- Obsidian
#171717— મુખ્ય શીર્ષકો, નેવિગેશન બોર્ડર્સ, ડાર્ક બટન ફિલ અને લિસ્ટ માર્કર્સ લગભગ કાળા છે, જે કઠોરતા અને આડંબરી સંતૃપ્તિને ટાળે છે. - Paper White
#fafafa— પેજ કેનવાસ, કાર્ડની સપાટીઓ, બટનોનો પ્રકાશ ભરાવો - આ તે પ્રમાણભૂત પૃષ્ઠભૂમિ છે જેના પર બાકીનું બધું સ્થિત છે. - Pure White
#ffffff— ઉંચા કાર્ડ સપાટીઓ, ઇન્સર્ટ્સ, ઇનપુટ ફીલ્ડ્સ. - Hairline
#ebebeb— બટનો, લિંક્સ અને કાર્ડ્સ પર 1px બોર્ડર્સ ઉચ્ચ ઝૂમ સ્તરો પર દૃશ્યમાન હોય છે, પરંતુ નીચા ઝૂમ સ્તરો પર અદ્રશ્ય હોય છે. - Ash
#c9c9c9— ક્લાયંટ લોગોમાં અક્ષમ ટેક્સ્ટ, મ્યૂટ લેબલ્સ, બ્રાન્ડ નેમ વોટરમાર્ક. - Smoke
#a8a8a8— ગૌણ ટેક્સ્ટ, પ્લેસહોલ્ડર ટેક્સ્ટ, સૂક્ષ્મ ચિહ્ન ભરણ.
ટાઇપોગ્રાફી
૧૧ થી ૬૪ પિક્સેલ સુધી · ૬ પગલાં
- Geist Sans — રિપ્લેસમેન્ટ: Inter · રૂપરેખા 400, 450, 500 · ઇન્ટરફેસ અને હેડિંગ માટેનો પ્રાથમિક ફોન્ટ વર્સેલ દ્વારા કસ્ટમ-ડિઝાઇન કરાયેલ ભૌમિતિક સેન્સ-સેરીફ છે જેમાં મોટા કદમાં અક્ષરોનું અંતર ચુસ્ત છે (-0.06em 56-64px પર, -0.05em 30px પર). પૃષ્ઠની ટોચ પરના હેડિંગ માટે, 450 વજન પસંદ કરવામાં આવ્યું હતું: પ્રકાશ કરતાં જાડું પરંતુ સેમી-બોલ્ડ કરતાં હળવું, આત્મવિશ્વાસપૂર્ણ, છતાં અતિશય નહીં, સ્વર બનાવે છે.
- Geist Mono — રિપ્લેસમેન્ટ: JetBrains Mono · રૂપરેખા 400, 500, 600 · કૅપ્શન્સ, કોડ બ્લોક્સ, CLI આઉટપુટ પેનલ્સ, મેટાડેટા અને અપરકેસ ટેક્સ્ટ માટે મોનોસ્પેસ્ડ સેકન્ડરી ફોન્ટ. 8px/600px/અપરકેસ સંયોજન નાના શબ્દચિહ્નોના ચોક્કસ સ્થાન માટે પરવાનગી આપે છે. મોનોસ્પેસ્ડ સંસ્કરણમાં પહોળા અક્ષર અંતર (0.071em) અપરકેસ ટેક્સ્ટ માટે પૂરતી જગ્યા પૂરી પાડે છે.
અંતરાલો અને સ્વરૂપ
| હેતુ | અર્થ |
|---|---|
| ઘનતા | ગાઢ |
| મૂળભૂત પગલું | 12px |
| બટન ત્રિજ્યા | 6px |
| કાર્ડ ત્રિજ્યા | 6px |
| પડછાયાઓ | પડછાયાને બદલે ના - સરહદો |
| વિભાગો વચ્ચે | 96-128px |
| પૃષ્ઠ પહોળાઈ | 1280px |
AI તમારી વેબસાઇટ Vercel શૈલીમાં બનાવશે અને તેને ભરી દેશે.
- લિંક દ્વારા ઉત્પાદનો અને પોસ્ટ્સ ભરો - Instagram, TikTok, Facebook.
- તમારી જૂની સાઇટ પરથી સામગ્રી ટ્રાન્સફર કરો—ફક્ત સરનામું સ્પષ્ટ કરો.
- શ્રેષ્ઠ એન્જિન પર આધુનિક ડિઝાઇન: સર્વર રેન્ડરિંગ અને SEO ઑપ્ટિમાઇઝેશન સાથે React ( Next.js).
- શોધ પરિણામો અને ન્યુરલ નેટવર્ક ભલામણો માટે સંપૂર્ણપણે સ્વચાલિત SEO ઑપ્ટિમાઇઝેશન.
સમાન શૈલીઓ
- Headspace — ગરમ કાગળ પર એક સન્ની વેલનેસ કોર્નર
- WHOOP — મધ્યરાત્રિએ પર્ફોર્મન્સ લેબ - કાળા રંગમંચના ખાલી જગ્યા નીચે સફેદ ક્લિનિકલ લેબ ટેબલ, વીજળીનો એક જ જાંબલી ધબકારા
- Together AI — ગ્લેશિયલ પેપર પર સંશોધન કન્સોલ
- v0 by Vercel — લેથ ડ્રોઇંગ. ચોકસાઇ અને કાર્યક્ષમતા સર્વોપરી છે, દરેક તત્વ સ્વચ્છ, તકનીકી રીતે સંપૂર્ણ સપાટી પર સ્પષ્ટ હેતુ પૂરો પાડે છે.
- Dovetail — કાળા ચંદ્ર નીચે એક બ્લુપ્રિન્ટ - ભાગ્યે જ દેખાતી ગ્રાફ લાઇનો, સફેદ ફોન્ટ, એક જાંબલી ચમક
- Glideapps — એક ઇલેક્ટ્રિક પીરોજા સ્પાર્કલ સાથે મોનોક્રોમ ડ્રાફ્ટિંગ ટેબલ
- Timescale — ગરમ ગ્રાફ પેપર પર એન્જિનિયરિંગ ચિત્રકામ
- UGLYCASH — ક્રીમ રંગના કાગળ પર સ્ટીકરથી ઢંકાયેલી નોટબુક એક બોલ્ડ, મહત્તમવાદી ફિનટેકનું વાતાવરણ ઉજાગર કરે છે જે ગર્વથી તેની અરાજકતા દર્શાવે છે.
- Sprout Social — કાળી સ્લેટ પર લીલો રંગ. કડક મોનોક્રોમ કેનવાસ પર એક તેજસ્વી ઉચ્ચાર, જેનો રંગ ફક્ત ક્રિયા માટે વપરાય છે, જેમાં આત્મવિશ્વાસપૂર્ણ ભૌમિતિક ફોન્ટ સાઇનપોસ્ટ તરીકે સેવા આપે છે.
- Krea — મધ્યરાત્રિએ ગેલેરી નોઇર
- Evergreen — શણના કાગળ પર સૌર ગ્રીનહાઉસ
- Factory — મધ્યરાત્રિએ "યુદ્ધ ખંડ" ટર્મિનલ. "ફેક્ટરી" એક કાળા રંગનું કંટ્રોલ પેનલ છે જ્યાં એક જ સફેદ કાર્ડ ફ્લેશલાઇટથી પ્રકાશિત ડિસ્પેચની જેમ ઉતરે છે - રૂમમાં એકમાત્ર વસ્તુ કામ છે.