Cursor
ધૂમ્રપાન કરતા કોલસાથી પ્રકાશિત, એક હૂંફાળું ચર્મપત્ર વર્કશોપ
કર્સર ગરમ, ચર્મપત્ર જેવી ટાઇપોગ્રાફીનો ઉપયોગ કરે છે: ક્રીમી કેનવાસ, શાહીવાળું કાળું ટેક્સ્ટ, અને એક જ જ્વલંત નારંગી ઉચ્ચાર જે બટનો ભરવાને બદલે લિંક્સ અને પસંદગીઓને સક્રિય કરે છે. કર્સરગોથિકમાં 400 વજન પર સેટ કરેલા હેડિંગ્સમાં ધીમે ધીમે અક્ષર અંતર ઘટતું જાય છે કારણ કે તે કદમાં વધારો કરે છે - બોલ્ડનેસને બદલે સંયમ અને પાતળા અક્ષર વજન દ્વારા સત્તા પ્રાપ્ત થાય છે. સપાટીઓ સપાટ અને કાગળ જેવી રાખવામાં આવે છે, પાતળા કિનારીઓ અને નરમ, ગરમ ગ્રે પડછાયાઓ સાથે; સમગ્ર ટેક્સ્ટમાં 4px વજન પર ખૂણા ચપળ રહે છે. EB ગેરામોન્ડનો ઉપયોગ સબહેડિંગ્સ અને ગદ્ય માટે પસંદગીયુક્ત રીતે થાય છે, જ્યારે બર્કલેમોનો કોડ, ટૅગ્સ અને મેટાડેટાને હેન્ડલ કરે છે, જે સિસ્ટમને ટાઇપોગ્રાફિક વ્યક્તિત્વ આપે છે જે SaaS ડેશબોર્ડ કરતાં સાહિત્યિક મેગેઝિન જેવું લાગે છે.
મહત્તમ પહોળાઈ: 1300px કેન્દ્રિત, 24px માર્જિન. ટોચનું નેવિગેશન: 52px ઊંચું પારદર્શક હેડર જેમાં લોગો અને ડાબી બાજુ ટેક્સ્ટ ચિહ્ન છે, 4 કેન્દ્રિત નેવિગેશન લિંક્સ, "લોગિન / સંપર્ક / ડાઉનલોડ" ક્લસ્ટર જમણી બાજુએ ગોઠવાયેલ છે. હીરો: ડાબી બાજુ ગોઠવાયેલ હેડર + ઉપર ડાબી બાજુથી ચાલતું ટેક્સ્ટ સાથે ડબલ કોલ-ટુ-એક્શન બ્લોક, પછી પૂર્ણ-પહોળાઈનું ઉત્પાદન મોકઅપ કાર્ડ જે પૃષ્ઠની સમગ્ર પહોળાઈને ફેલાવે છે. ટ્રસ્ટ સ્ટ્રાઇપ: વિભાગ પહોળાઈમાં એક જ લાઇનમાં 8 લોગો ટાઇલ્સની એક આડી પંક્તિ. ફીચર સેક્શન ડાબી બાજુ વૈકલ્પિક ટેક્સ્ટ અને જમણી બાજુ બે-કૉલમ લેઆઉટમાં સ્ક્રીનશોટ, દરેક 50/50, વિભાગો વચ્ચે 64-96px ની ઊભી લય સાથે. બધા ફીચર સ્ક્રીનશોટ સમાન macOS સ્ટાઇલ સાથે વિન્ડો મોકઅપ્સ છે. ફૂટર: ડાબી બાજુ બ્રાન્ડ ચિહ્ન સાથે લિંક્સનો ચાર-કૉલમ ગ્રીડ. વિભાગોને વિભાજકોને બદલે પૂરતી શ્વાસ લેવાની જગ્યા દ્વારા અલગ કરવામાં આવે છે - ક્રીમ કેનવાસ પોતે જ અલગતા પ્રદાન કરે છે.
પ્રોડક્ટ સ્ક્રીનશૉટ્સ કેન્દ્ર સ્થાને છે: કર્સર IDE ને ક્રિયામાં દર્શાવતા મોટા macOS વિન્ડો મોકઅપ્સ: ફાઇલ ટેબ્સ, ડિફ વ્યૂઝ, એજન્ટ પ્લાન, ટર્મિનલ પેનલ્સ અને સ્લેક/ચેટ ઇન્ટિગ્રેશન. દરેક વિન્ડો મોકઅપને #f2f1ed કાર્ડથી સોફ્ટ, ગરમ કોન્ટ્રાસ્ટ સાથે ફ્રેમ કરવામાં આવે છે. મ્યૂટ લેન્ડસ્કેપ ફોટો (પર્વતો/રણ ક્ષિતિજ) મુખ્ય વિભાગની બહાર વિસ્તરે છે, UI સાથે સ્પર્ધા કર્યા વિના હૂંફ ઉમેરે છે. ક્લાયંટ લોગો ( Stripe, ઓપનએઆઈ, લીનિયર, ડેટાડોગ, NVIDIA, ફિગ્મા, રેમ્પ, એડોબ) ને પિલ-આકારની લિનન ટાઇલ્સમાં મોનોક્રોમ લેટરિંગ તરીકે રજૂ કરવામાં આવે છે. લોકો, ચિત્રો અથવા અમૂર્ત સુશોભન ગ્રાફિક તત્વોના કોઈ ફોટોગ્રાફ્સ નથી - બધો દ્રશ્ય વજન ઉત્પાદનના UI અને બ્રાન્ડિંગ પર કેન્દ્રિત છે. ચિહ્નો પાતળા, મોનોલિનિયર ગ્લિફ્સ છે જે #7a7974 એશથી ભરેલા છે, ક્યારેય રંગીન નથી.
પેલેટ
તટસ્થ
- Ink
#26251e— પ્રાથમિક ટેક્સ્ટ, પ્રાથમિક ક્રિયા બટન પૃષ્ઠભૂમિ, નેવિગેશન ટેક્સ્ટ - એક ગરમ, લગભગ કાળો શેડ, ક્યારેય શુદ્ધ નહીં #000 - Parchment
#f7f7f4— પાનાની પૃષ્ઠભૂમિ, મુખ્ય કેનવાસ, ગરમ ક્રીમ શેડ છે જે કોન્ટ્રાસ્ટને નરમ પાડે છે અને ડિજિટલ પ્રિન્ટિંગ કરતાં શાહી પ્રિન્ટિંગની લાગણી બનાવે છે. - Bone
#f2f1ed— કાર્ડબોર્ડની સપાટીઓ અને ઊંચા કન્ટેનર, કેનવાસ કરતા એક ટોન ઘાટા, એક સ્તરવાળી, બોર્ડરલેસ "કાગળ પર કાગળ" અસર બનાવે છે. - Linen
#e6e5e0— કાળી સપાટી પર બટનો માટે આછું તટસ્થ ભરણ. - Stone
#cdcdc9— પાતળી કિનારીઓ, વિભાજકો, સૂક્ષ્મ પાર્ટીશનો - ગરમ ટોનમાં 1px રેખાઓ - Mist
#a1a19f— ત્રીજા સ્તરનું સહાયક લખાણ, કૅપ્શન્સ - મ્યૂટ કરેલા અને ગૌણ લખાણ વચ્ચે.
ટાઇપોગ્રાફી
૧૨ થી ૭૨ પિક્સેલ સુધી · ૬ પગલાં
- CursorGothic — રિપ્લેસમેન્ટ: Inter · રૂપરેખા 400, 500 · યુઝર ઇન્ટરફેસ, હેડિંગ, નેવિગેશન, બોડી કોપી અને પ્રોડક્ટ ડિઝાઇન માટે પ્રાથમિક ફોન્ટ. 400-પોઇન્ટ વજન અને ધીમે ધીમે ઘટતા અક્ષર અંતર (-0.005em at 22px → -0.03em at 72px) સાથેના હેડિંગ ફોન્ટની એક વિશિષ્ટ વિશેષતા છે: હેડિંગ ક્યારેય બોલ્ડ હોતા નથી. ફોન્ટ ફંક્શન્સ ss08, ss09, અને tnum સ્ટાઇલિસ્ટિક વૈકલ્પિક અને ટેબ્યુલર આકૃતિઓને સક્રિય કરે છે.
- EB Garamond — રિપ્લેસમેન્ટ: Iowan Old Style · રૂપરેખા 400, 500 · વ્યક્તિગત સબહેડિંગ્સ, બોડી ટેક્સ્ટ અને ટેબ્યુલર ડેટા માટે એક એડિટોરિયલ સેરીફ ટાઇપફેસ, કર્સરગોથિક ઇન્ટરફેસમાં સાહિત્યિક સ્પર્શ ઉમેરે છે.
- berkeleyMono — રિપ્લેસમેન્ટ: ui-monospace · રૂપરેખા 400, 500 · મોનોસ્પેસ - કોડ બ્લોક્સ, કમાન્ડ લાઇન સ્નિપેટ્સ, મેટાડેટા, ફાઇલ પાથ અને ડેવલપર લેબલ્સ માટે - એક ટેકનિકલ ભાષા.
અંતરાલો અને સ્વરૂપ
| હેતુ | અર્થ |
|---|---|
| ઘનતા | ગાઢ |
| મૂળભૂત પગલું | 8px |
| બટન ત્રિજ્યા | 4px |
| કાર્ડ ત્રિજ્યા | 4px |
| પડછાયાઓ | પડછાયાને બદલે ના - સરહદો |
| વિભાગો વચ્ચે | 64-96px |
| પૃષ્ઠ પહોળાઈ | 1300px |
AI તમારી વેબસાઇટ Cursor શૈલીમાં બનાવશે અને તેને ભરી દેશે.
- લિંક દ્વારા ઉત્પાદનો અને પોસ્ટ્સ ભરો - Instagram, TikTok, Facebook.
- તમારી જૂની સાઇટ પરથી સામગ્રી ટ્રાન્સફર કરો—ફક્ત સરનામું સ્પષ્ટ કરો.
- શ્રેષ્ઠ એન્જિન પર આધુનિક ડિઝાઇન: સર્વર રેન્ડરિંગ અને SEO ઑપ્ટિમાઇઝેશન સાથે React ( Next.js).
- શોધ પરિણામો અને ન્યુરલ નેટવર્ક ભલામણો માટે સંપૂર્ણપણે સ્વચાલિત SEO ઑપ્ટિમાઇઝેશન.
સમાન શૈલીઓ
- Amplemarket — કોન્ફેટીથી છવાયેલ સૂર્યથી ભીંજાયેલું કાર્યસ્થળ
- Getharvest — ગોલ્ડન અવર પર એક ડેસ્ક - ગરમ ક્રીમ કેનવાસ, કેનવાસ પર લટકાવેલા સફેદ પોસ્ટકાર્ડ્સ, અને એક તેજસ્વી નારંગી જ્યોત
- Drive Capital — ગરમ કાગળ પર રેટ્રો રોડ ટ્રીપ પોસ્ટર
- Wealthsimple — ગેલેરી લાઇટિંગ સાથે કાશ્મીરી કાપડથી સજ્જ વેરહાઉસ
- Huddle — ક્રીમ પેપર પર પેસ્ટલ ઇન્વેન્ટરી કાર્ડ્સ
- Fuser — ડિઝાઇનરની કાર્ય દિવાલ પર છૂટાછવાયા પોલરોઇડ્સ
- Campsite — સૂર્યપ્રકાશિત સંપાદકનું વર્કસ્ટેશન - એક જ નારંગી ઇન્ટેન્ટ સ્ટેમ્પ સાથે ગરમ ક્રીમ કાગળ
- Redis Agency — કલાકો પછી ખુલતી આ સંપાદકીય વર્કશોપ એક ઘેરી જગ્યા છે જ્યાં બ્રાન્ડિંગનું બધું કામ સેરીફ ફોન્ટ્સ અને એક લાલ મૂળા દ્વારા કરવામાં આવે છે.
- AI Product Generation — સફેદ કાગળ પર સંપાદકીય ફોટોગ્રાફી સ્ટુડિયો - કવર તરીકે શીર્ષક, સંપાદકીય હાઇલાઇટિંગ માટે નારંગી રંગ
- Getanchor — સૂર્યપ્રકાશથી ઝાંખા પડેલા ક્રીમ પૃષ્ઠભૂમિ પર ગરમ ટેરાકોટા રંગ
- Flatfile — ગરમ ચર્મપત્ર પર એક શાંત ડેટા ડાયરી
- Inthememory — સફેદ આરસપહાણ પર એક સ્થાપત્ય ચિત્ર જેમાં એક જ ગરમ પ્રકાશ છે. એક શાંત, સંપાદકીય ડેટા રૂમ જ્યાં ઊંડી પીરોજ શાહી અને ગોળી આકારના નિયંત્રણો ચપળ સફેદ સપાટીઓ ઉપર તરતા રહે છે, જે ફક્ત નારંગીના એક છાંટાથી તૂટી જાય છે.