Calendly
ઠંડા આરસપહાણ પર ઘેરા વાદળી શાહી
કેલેન્ડલી એક શાંત, આત્મવિશ્વાસપૂર્ણ આયોજન કાર્યક્ષેત્ર જેવું લાગે છે: લગભગ સફેદ કેનવાસ જેમાં પુષ્કળ શ્વાસ લેવાની જગ્યા છે, ઠંડી રાખોડી પૃષ્ઠભૂમિ સામે તરતા ચપળ સફેદ ઉત્પાદન કાર્ડ્સ, અને શુદ્ધ કાળાને બદલે ઘેરા વાદળી શાહીમાં રેન્ડર થયેલ બધી ટાઇપોગ્રાફી. વ્યાખ્યાયિત તત્વ ઘેરો વાદળી રંગ (#0b3558) છે, જે દરેક જગ્યાએ ટેક્સ્ટ દેખાય છે - હેડલાઇન્સ, બટનો, ચિહ્નો, લિંક્સ - જે સમગ્ર ઇન્ટરફેસને નરમ પાડે છે, તેને લાક્ષણિક SaaS લેન્ડિંગ પૃષ્ઠ કરતાં વધુ ગરમ અને સ્ટાઇલિશ બનાવે છે. બધી પ્રાથમિક ક્રિયાઓ માટે એક જ તેજસ્વી વાદળી (#006bff) નો ઉપયોગ થાય છે, અને ઉત્પાદન લેઆઉટની બહાર વિસ્તરેલા સુશોભન ગુલાબી અને વાદળી છાંટા અવ્યવસ્થા પેદા કર્યા વિના હૂંફ ઉમેરે છે. ઘટકોને ઓછા રાખવામાં આવ્યા છે: પાતળા 1px કિનારીઓ, સૂક્ષ્મ વાદળી-રંગીન પડછાયાઓ, મોટા 24px કાર્ડ ત્રિજ્યા, અને 8px બટન ખૂણા સૌમ્ય હોવાને બદલે ઇરાદાપૂર્વક લાગે છે.
મહત્તમ પહોળાઈ 1200px, કેન્દ્રિત, ડેસ્કટોપ પર પહોળા માર્જિન સાથે. મુખ્ય સ્ક્રીન બે કૉલમમાં વિભાજિત છે: ડાબા કૉલમમાં 80px હેડર + બોડી ટેક્સ્ટ + સ્ટેક્ડ લોગિન બટનો છે, જ્યારે જમણા કૉલમમાં પૃષ્ઠભૂમિમાં સુશોભન તત્વો સાથે બુકિંગ વિજેટ કાર્ડ છે. મુખ્ય સ્ક્રીનની નીચે ટ્રસ્ટ લોગો સાથે એક સિંગલ, પૂર્ણ-પહોળાઈનો પટ્ટો છે. અનુગામી વિભાગો કેન્દ્રિત હેડર બ્લોક્સ (H2 + સબટેક્સ્ટ + વૈકલ્પિક કૉલ ટુ એક્શન) વચ્ચે વૈકલ્પિક છે, ત્યારબાદ બે-કૉલમ બ્લોક્સ છે જે સુવિધાઓનું વર્ણન કરે છે (ટેક્સ્ટ ડાબે/પ્રોડક્ટ જમણે અથવા પ્રોડક્ટ ડાબે/ટેક્સ્ટ જમણે) દરેક પ્રોડક્ટ ઇમેજ પાછળ સુશોભન ઉચ્ચારણ તત્વો સાથે. કાર્ડ ગ્રીડનો ભાગ્યે જ ઉપયોગ થાય છે - લેઆઉટ બહુ-કૉલમ ગ્રીડને બદલે બાજુમાં મૂકવામાં આવેલા જોડીવાળા વિભાગોની તરફેણ કરે છે. વિભાગો વચ્ચેનું અંતર 48 થી 64px સુધીનું છે. નેવિગેશન 64px ફિક્સ્ડ ટોપ બાર છે જેમાં ડાબી બાજુ લોગો, મધ્યમાં મેનૂ અને જમણી બાજુએ કૉલ ટુ એક્શનનો સમૂહ છે.
મુખ્ય દ્રશ્ય તત્વ પ્રોડક્ટ સ્ક્રીનશૉટ્સ છે—બુકિંગ કૅલેન્ડર યુઝર ઇન્ટરફેસના સરળ મોકઅપ્સ, પહોળા, ગોળાકાર ખૂણાઓવાળા ચપળ સફેદ કાર્ડ્સ પર રેન્ડર કરવામાં આવે છે. સુશોભન ડિઝાઇન: દરેક ઉત્પાદન કાર્ડ કોરલ જાંબલી (#e55cff) અથવા નીલમ વાદળી (#0099ff) ના સોફ્ટ સ્પોટથી ઘેરાયેલું છે, થોડું ઓફસેટ અને ઝાંખું છે, જે ફ્લેટ સ્ક્રીનશૉટને બદલે કોલાજ અસર બનાવે છે. કોઈ ફોટોગ્રાફ્સ નથી, કોઈ જીવનશૈલી છબીઓ નથી—બધા દ્રશ્ય તત્વો ટ્રસ્ટ બાર પર પ્રોડક્ટ યુઝર ઇન્ટરફેસ, અમૂર્ત ઉચ્ચારણ આકાર અથવા મોનોક્રોમ પાર્ટનર લોગોનું પ્રતિનિધિત્વ કરે છે. ચિહ્નો 1.5–2px ની રેખા પહોળાઈ સાથે રેખીય છે, મોનોક્રોમ, ઘેરા વાદળી (ઇંક નેવી) અથવા વાદળી (સિગ્નલ બ્લુ) માં.
પેલેટ
બ્રાન્ડ
- Ink Navy
#0b3558— મુખ્ય ટેક્સ્ટ, હેડિંગ, ચિહ્નો, કોલ ટુ એક્શન માટે ઘેરી પૃષ્ઠભૂમિ, નેવિગેશન લિંક્સ. - Signal Blue
#006bff— પ્રાથમિક કોલ ટુ એક્શન (CTA), સક્રિય નેવિગેશન, લિંક ભાર, પસંદ કરેલી સ્થિતિઓ
તટસ્થ
- Carbon
#0a0a0a— શુદ્ધ કાળા રંગમાં ટેક્સ્ટ (ફોલબેક), લોગો ગ્લિફ, આઇકોન ફિલ. - Slate Gray
#476788— વધારાનો મુખ્ય ટેક્સ્ટ, સહાયક ટેક્સ્ટ, મ્યૂટ કરેલા લેબલ્સ. - Mist Gray
#a6bbd1— અક્ષમ કરેલ ટેક્સ્ટ, નિષ્ક્રિય ફંક્શન લેબલ્સ, લાઇટ આઇકન આઉટલાઇન - Cloud
#f8f9fb— પેજ કેનવાસ, ફૂટર બેકગ્રાઉન્ડ, વધારાની સપાટી - Paper
#ffffff— કાર્ડ સપાટીઓ, ઉંચા પેનલો, ઘેરા પૃષ્ઠભૂમિ પર બટન ટેક્સ્ટ. - Pebble
#f0f3f8— ચિહ્નો, ઇનપુટ ફીલ્ડ શેડિંગ, સૂક્ષ્મ વિભાજકો, હોવર ઇફેક્ટ્સ માટે પૃષ્ઠભૂમિ છબીઓ.
ટાઇપોગ્રાફી
૧૨ થી ૮૦ પિક્સેલ સુધી · ૧૦ પગલાં
- Gilroy — રિપ્લેસમેન્ટ: Manrope · રૂપરેખા 400, 500, 600, 700 · બધા ઇન્ટરફેસ ટેક્સ્ટ. ગિલરોય એક ભૌમિતિક માનવતાવાદી સેન્સ-સેરીફ છે જેમાં પહોળા છિદ્રો અને એકસમાન સ્ટ્રોક કોન્ટ્રાસ્ટ છે; તેના બોલ્ડ વજન (700) હેડિંગ માટે વપરાય છે, જ્યારે 500-600 બટનો અને સબહેડિંગ માટે વપરાય છે. મેનરોપ અથવા ઇન્ટર સાથે બદલો.
- Gilroy — રિપ્લેસમેન્ટ: Inter · રૂપરેખા 400 · મુખ્ય ટેક્સ્ટ અને સામાન્ય હેતુવાળા UI લેબલ્સ - 400-પોઇન્ટ ફોન્ટ વજન ખાતરી કરે છે કે લાંબા ટેક્સ્ટ ભારે લાગ્યા વિના સુવાચ્ય હોય.
- Gilroy — રિપ્લેસમેન્ટ: Inter · રૂપરેખા 500 · ગૌણ શીર્ષકો અને હાઇલાઇટ કરેલ બોડી ટેક્સ્ટ - 14/500 ફોન્ટ એ કાર્ડ શીર્ષકો અને ઇનલાઇન લેબલ્સ માટેનું પ્રાથમિક સાધન છે.
અંતરાલો અને સ્વરૂપ
| હેતુ | અર્થ |
|---|---|
| ઘનતા | ગાઢ |
| મૂળભૂત પગલું | 8-16px |
| બટન ત્રિજ્યા | 8px |
| કાર્ડ ત્રિજ્યા | 24px |
| પડછાયાઓ | પડછાયાને બદલે ના - સરહદો |
| વિભાગો વચ્ચે | 48-64px |
| પૃષ્ઠ પહોળાઈ | 1200px |
AI તમારી વેબસાઇટ Calendly શૈલીમાં બનાવશે અને તેને ભરી દેશે.
- લિંક દ્વારા ઉત્પાદનો અને પોસ્ટ્સ ભરો - Instagram, TikTok, Facebook.
- તમારી જૂની સાઇટ પરથી સામગ્રી ટ્રાન્સફર કરો—ફક્ત સરનામું સ્પષ્ટ કરો.
- શ્રેષ્ઠ એન્જિન પર આધુનિક ડિઝાઇન: સર્વર રેન્ડરિંગ અને SEO ઑપ્ટિમાઇઝેશન સાથે React ( Next.js).
- શોધ પરિણામો અને ન્યુરલ નેટવર્ક ભલામણો માટે સંપૂર્ણપણે સ્વચાલિત SEO ઑપ્ટિમાઇઝેશન.
સમાન શૈલીઓ
- Mollie — કાશ્મીરી કાઉન્ટર, ઘેરો ખાતાવહી. કાળા લખાણની આસપાસ સંપાદકીય ડિઝાઇન માટે પૂરતી ખાલી જગ્યા છોડો, પછી ગરમ ક્રીમ, એસ્પ્રેસો બ્રાઉન અને વાસ્તવિક ચુકવણી પદ્ધતિઓના સ્પર્શેન્દ્રિય ફોટા વડે ઉત્પાદન સંબંધિત મુદ્દાઓને મજબૂત બનાવો.
- Kagi — એક અલગ વાંચન ખંડ. બોલ્ડ ગ્રેફાઇટ ટેક્સ્ટની આસપાસ ખુલ્લી સફેદ જગ્યા બનાવો, સૂક્ષ્મ જાંબલી ઉચ્ચારો અને ગરમ પેસ્ટલ સપાટીઓનો ઉપયોગ કરીને શાંતિ તોડો.
- Milanote — મિલાનોટ એક સમર્પિત સર્જનાત્મક સ્ટુડિયો છે. ફ્લોટિંગ વિઝ્યુઅલ બોર્ડનો ઉપયોગ કરીને સંપાદકીય ગેલેરી-શૈલીના પૃષ્ઠો બનાવો: ઘેરા ફ્રેમવાળી દિવાલો, સફેદ ડિસ્પ્લે સ્પેસ અને સ્ક્રીનશૉટ્સ જે નરમ ઊંડાઈ સાથે વાસ્તવિક વસ્તુઓ જેવા દેખાય છે.
- Co2 — શિયાળાના પ્રકાશમાં આબોહવા એટલાસ. એરિયલ ડોક્યુમેન્ટ લેન્ડસ્કેપ જેવા પૃષ્ઠો બનાવો, જ્યાં સેરીફ હેડિંગ, કેટેગરી-કોડેડ ડેટા અને બરફીલા છબીઓ વિશાળ સફેદ માર્જિનને પ્રકાશિત કરે છે.
- GitButler — ટેક્સ્ટના અંતે પીરોજ. સૂક્ષ્મ ટેકનિકલ ગ્રીડ, ગરમ ગ્રેફાઇટ સપાટીઓ અને એક સુઘડ પીરોજ ઉચ્ચારણ સાથે ઉચ્ચ-કોન્ટ્રાસ્ટ સેરીફ હેડલાઇન્સનું સંયોજન.
- ElevenLabs — ગરમ ક્રીમ ટોનમાં સૂક્ષ્મ હેડલાઇન્સ સાથે ફોટો નિબંધ. બૌહાઉસ-શૈલીની નોટબુક - ઇંડાના રંગનો કાગળ, કાળી શાહી, અને ઉત્પાદન પ્રદર્શન માટે એક જ જાંબલી અને નારંગી ઉચ્ચાર.
- Awesomic — નારંગી વિરામચિહ્નો સાથે સંપાદકીય ઝીંક મેશ જે કોન્ફેટીની યાદ અપાવે છે
- Monad — ગરમ ચર્મપત્ર પર સંપાદકીય ટેકનિકલ જર્નલ
- Dub — લિંકનું મેટ રાઇસ પેપર કંટ્રોલ પેનલ
- Seline Analytics — ગરમ કાગળ પર એક શાંત વિશ્લેષણાત્મક ટેબલ
- Notion — બપોરના તડકામાં ગરમ કાગળની નોટબુક
- Anthropic — ગરમ વેલ્મ પર એક વૈજ્ઞાનિક ક્ષેત્ર જર્નલ - શાંત હાથીદાંતની સપાટીઓ, સેરિફ્ડ સંપાદકીય શીર્ષકો, અને એક જ માટીનો ઉચ્ચાર જે ફક્ત ત્યારે જ દેખાય છે જ્યારે ક્રિયાની જરૂર હોય.