Calendly

குளிர்ந்த பளிங்குக் கல்லின் மீது அடர் நீல மை

காலெண்ட்லி ஒரு அமைதியான, நம்பிக்கையான திட்டமிடல் பணியிடமாகத் தோன்றுகிறது: தாராளமான இடவசதியுடன் கூடிய கிட்டத்தட்ட வெள்ளை நிறத் தளம், குளிர்ச்சியான சாம்பல் பின்னணியில் மிதக்கும் பளிச்சிடும் வெள்ளை நிறத் தயாரிப்பு அட்டைகள், மற்றும் அனைத்து எழுத்துருக்களும் தூய கருப்பு நிறத்திற்குப் பதிலாக அடர் நீல மையில் அச்சிடப்பட்டுள்ளன. இதன் வரையறுக்கும் அம்சம் அடர் நீல நிறமே (#0b3558), இது தலைப்புகள், பொத்தான்கள், சின்னங்கள், இணைப்புகள் என உரை தோன்றும் எல்லா இடங்களிலும் பயன்படுத்தப்பட்டுள்ளது. இது முழு இடைமுகத்தையும் மென்மையாக்கி, வழக்கமான SaaS முகப்புப் பக்கத்தை விட இதை மிகவும் இதமானதாகவும், நேர்த்தியானதாகவும் ஆக்குகிறது. அனைத்து முதன்மைச் செயல்பாடுகளுக்கும் ஒரே பிரகாசமான நீல நிறம் (#006bff) பயன்படுத்தப்பட்டுள்ளது, மேலும் தயாரிப்பு தளவமைப்புகளுக்கு அப்பால் நீட்டிக்கப்படும் அலங்கார இளஞ்சிவப்பு மற்றும் நீல நிறத் தெளிப்புகள், குழப்பத்தை உருவாக்காமல் இதமான உணர்வைச் சேர்க்கின்றன. கூறுகள் எளிமையாக வைக்கப்பட்டுள்ளன: மெல்லிய 1px ஓரங்கள், நுட்பமான நீல நிற நிழல்கள், பெரிய 24px அட்டை ஆரங்கள், மற்றும் 8px பொத்தான் மூலைகள் ஆகியவை சலிப்பூட்டாமல் திட்டமிட்டு உருவாக்கப்பட்டவை போல் உணர்த்துகின்றன.

டெஸ்க்டாப்பில் அதிகபட்ச அகலம் 1200px, மையப்படுத்தப்பட்டது, அகலமான ஓரங்களுடன். பிரதான திரை இரண்டு பத்திகளாகப் பிரிக்கப்பட்டுள்ளது: இடது பத்தியில் 80px தலைப்பு + உள்ளடக்க உரை + அடுக்கப்பட்ட உள்நுழைவு பொத்தான்கள் உள்ளன, அதே நேரத்தில் வலது பத்தியில் பின்னணியில் அலங்காரக் கூறுகளுடன் கூடிய முன்பதிவு விட்ஜெட் அட்டை உள்ளது. பிரதான திரைக்குக் கீழே, ட்ரஸ்ட் லோகோவுடன் கூடிய ஒற்றை, முழு அகலப் பட்டை உள்ளது. அடுத்தடுத்த பிரிவுகள், மையப்படுத்தப்பட்ட தலைப்புத் தொகுதிகளுக்கும் (H2 + துணை உரை + விருப்பத்தேர்வான செயலுக்கான அழைப்பு), அதைத் தொடர்ந்து அம்சங்களை விவரிக்கும் இரு-பத்தித் தொகுதிகளுக்கும் (உரை இடது/தயாரிப்பு வலது அல்லது தயாரிப்பு இடது/உரை வலது) இடையில் மாறி மாறி வருகின்றன; ஒவ்வொரு தயாரிப்புப் படத்திற்கும் பின்னால் அலங்கார உச்சரிப்புக் கூறுகள் உள்ளன. அட்டை கட்டங்கள் அரிதாகவே பயன்படுத்தப்படுகின்றன—பல-பத்தி கட்டங்களுக்குப் பதிலாக, அருகருகே வைக்கப்பட்டுள்ள ஜோடிப் பிரிவுகளுக்கு இந்த தளவமைப்பு முன்னுரிமை அளிக்கிறது. பிரிவுகளுக்கு இடையிலான இடைவெளி 48 முதல் 64px வரை இருக்கும். வழிசெலுத்தல் என்பது 64px நிலையான மேல் பட்டையாகும், அதன் இடதுபுறத்தில் லோகோ, மையப்படுத்தப்பட்ட மெனு மற்றும் வலதுபுறத்தில் செயலுக்கான அழைப்புகளின் குழு ஆகியவை உள்ளன.

முக்கியமான காட்சி அம்சம் தயாரிப்பு ஸ்கிரீன்ஷாட்கள் ஆகும்—அவை அகலமான, வட்டமான மூலைகளுடன் கூடிய பளிச்சிடும் வெள்ளை அட்டைகளில் அச்சிடப்பட்ட, முன்பதிவு காலெண்டர் பயனர் இடைமுகத்தின் எளிய மாதிரி வடிவங்கள். அலங்கார வடிவமைப்பு: ஒவ்வொரு தயாரிப்பு அட்டையையும் சுற்றி, பவள ஊதா (#e55cff) அல்லது நீல வானம் (#0099ff) நிறத்தில் ஒரு மென்மையான புள்ளி உள்ளது; இது சற்றே விலகி, மங்கலாகக் காட்டப்பட்டு, ஒரு தட்டையான ஸ்கிரீன்ஷாட் போலத் தோன்றாமல், ஒரு படத்தொகுப்பு போன்ற தோற்றத்தை உருவாக்குகிறது. புகைப்படங்களோ, வாழ்க்கைமுறைப் படங்களோ இல்லை—அனைத்து காட்சி அம்சங்களும் தயாரிப்பு பயனர் இடைமுகம், அருவமான அலங்கார வடிவங்கள் அல்லது நம்பகப் பட்டியில் உள்ள ஒற்றை வண்ண கூட்டாளர் சின்னங்களையே குறிக்கின்றன. சின்னங்கள் 1.5–2px கோட்டு அகலத்துடன் நேர்கோட்டில், ஒற்றை வண்ணத்தில், அடர் நீலம் (இங்க் நேவி) அல்லது நீல நிறத்தில் (சிக்னல் ப்ளூ) உள்ளன.

தூய சாஸ்குறைந்தபட்சவாதம்தலையங்கம்

https://calendly.com

வண்ணத் தட்டு

பிராண்ட்

Ink Navy #0b3558 — முதன்மை உரை, தலைப்புகள், சின்னங்கள், செயல் அழைப்புகளுக்கான அடர் பின்னணி, வழிசெலுத்தல் இணைப்புகள்.
Signal Blue #006bff — முதன்மைச் செயலழைப்பு (CTA), செயல்திறன்மிக்க வழிசெலுத்தல், இணைப்புக்கு முக்கியத்துவம், தேர்ந்தெடுக்கப்பட்ட நிலைகள்

நடுநிலை

Carbon #0a0a0a — முழுக்க கருப்பு நிறத்தில் உரை (மாற்று ஏற்பாடு), இலச்சினை குறியீடு, சின்ன நிரப்புதல்.
Slate Gray #476788 — கூடுதல் முதன்மை உரை, துணை உரை, மங்கலான குறிச்சொற்கள்.
Mist Gray #a6bbd1 — செயலிழந்த உரை, செயலற்ற செயல்பாட்டு அடையாளங்கள், ஒளி ஐகான் வெளிப்புறக் கோடுகள்
Cloud #f8f9fb — பக்க கேன்வாஸ், அடிக்குறிப்பு பின்னணி, கூடுதல் மேற்பரப்பு
Paper #ffffff — அட்டை மேற்பரப்புகள், புடைப்பான பலகைகள், அடர் பின்னணியில் பொத்தான் எழுத்துகள்.
Pebble #f0f3f8 — ஐகான்களுக்கான பின்னணிப் படங்கள், உள்ளீட்டுப் புல நிழலாக்கம், நுட்பமான பிரிப்பான்கள், சுட்டியை அதன் மீது வைக்கும்போது தோன்றும் விளைவுகள்.

அச்சுக்கலை

12 முதல் 80px வரை · 10 படிகள்

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

செயற்கை நுண்ணறிவு உங்கள் வலைத்தளத்தை Calendly பாணியில் உருவாக்கி, அதை நிரப்பும்.

Instagram, TikTok, Facebook இணைப்புகளின் வழியாக தயாரிப்புகளையும் பதிவுகளையும் நிரப்பவும்.
உங்கள் பழைய தளத்திலிருந்து உள்ளடக்கத்தை மாற்றவும்—முகவரியைக் குறிப்பிட்டால் போதும்.
சிறந்த இன்ஜினான React ( Next.js)-இல், சர்வர் ரெண்டரிங் மற்றும் உள்ளமைக்கப்பட்ட SEO மேம்படுத்தலுடன் கூடிய நவீன வடிவமைப்பு.
தேடல் முடிவுகளுக்கான முழுமையாகத் தானியங்குபடுத்தப்பட்ட SEO உகப்பாக்கம் மற்றும் நியூரல் நெட்வொர்க் பரிந்துரைகள்.

இந்த பாணியில் ஒரு வலைத்தளத்தை உருவாக்கவும்

ஒத்த பாணிகள்

Mollie — காஷ்மீர் நிற கவுண்டர், அடர் நிற கணக்குப் புத்தகம். கருப்பு எழுத்துக்களைச் சுற்றி தலையங்க வடிவமைப்பிற்காகப் போதுமான வெள்ளை இடத்தை விட்டு, பின்னர் இதமான கிரீம், எஸ்பிரெசோ பழுப்பு நிறங்கள் மற்றும் உண்மையான பணம் செலுத்தும் முறைகளின் தொட்டுணரக்கூடிய புகைப்படங்கள் மூலம் தயாரிப்பு தொடர்பான அம்சங்களை வலுப்படுத்துங்கள்.
Kagi — ஒரு தனி வாசிப்பு அறை. அடர்த்தியான கிராஃபைட் எழுத்துக்களைச் சுற்றி ஒரு திறந்த வெள்ளை வெளியை உருவாக்குங்கள்; அதன் அமைதியைக் குலைக்க, மென்மையான ஊதா நிறத் தீற்றல்களையும் இதமான பாஸ்டல் வண்ணப் பரப்புகளையும் பயன்படுத்துங்கள்.
Milanote — மிலானோட் என்பது ஒரு பிரத்யேகமான படைப்பாக்க ஸ்டுடியோ ஆகும். மிதக்கும் காட்சிப் பலகைகளைப் பயன்படுத்தி தலையங்கக் காட்சிக்கூடப் பாணியிலான பக்கங்களை உருவாக்குங்கள்: அடர் நிறச் சட்டமிடப்பட்ட சுவர்கள், வெள்ளைக் காட்சி வெளி, மற்றும் மென்மையான ஆழத்துடன் உண்மையான பொருட்களைப் போலத் தோற்றமளிக்கும் ஸ்கிரீன்ஷாட்கள் ஆகியவை இதில் அடங்கும்.
Co2 — குளிர்கால ஒளியில் ஒரு காலநிலை வரைபடத் தொகுப்பு. செரிஃப் தலைப்புகள், வகை வாரியாகக் குறியிடப்பட்ட தரவுகள் மற்றும் பனி படர்ந்த படங்கள் ஆகியவை அகன்ற வெள்ளை ஓரங்களை முன்னிலைப்படுத்தும் வகையில், வான்வழி ஆவண நிலப்பரப்பைப் போன்ற பக்கங்களை உருவாக்குங்கள்.
GitButler — உரையின் இறுதியில் டர்க்கைஸ் நிறம். அதிக மாறுபாடு கொண்ட செரிஃப் தலைப்புகள், நுட்பமான தொழில்நுட்பக் கட்டங்கள், இதமான கிராஃபைட் மேற்பரப்புகள் மற்றும் கண்ணுக்குப் புலப்படாத டர்க்கைஸ் வண்ணச் சிறப்புக்கூறு ஆகியவற்றின் கலவை.
ElevenLabs — மென்மையான தலைப்புகளுடன், இதமான கிரீம் வண்ணங்களில் அமைந்த ஒரு புகைப்படக் கட்டுரை. ஒரு பௌஹாஸ் பாணி நோட்டுப்புத்தகம்—முட்டை ஓட்டு நிறக் காகிதம், கருப்பு மை, மற்றும் பொருளைக் காட்சிப்படுத்த ஒற்றை ஊதா மற்றும் ஆரஞ்சு வண்ண அலங்காரம்.
Awesomic — காகிதத் துண்டுகளை நினைவூட்டும் ஆரஞ்சு நிற நிறுத்தற்குறிகளுடன் கூடிய தலையங்க துத்தநாக வலை.
Monad — வெதுவெதுப்பான தோல் காகிதம் குறித்த தலையங்க தொழில்நுட்ப இதழ்
Dub — லிங்கின் மேட் அரிசி காகித கட்டுப்பாட்டுப் பலகம்
Seline Analytics — சூடான காகிதத்தில் ஒரு அமைதியான பகுப்பாய்வு அட்டவணை
Notion — நண்பகல் வெயிலில் ஒரு சூடான காகித நோட்டுப்புத்தகம்
Anthropic — வெதுவெதுப்பான தோல் தாளில் அச்சிடப்பட்ட ஒரு அறிவியல் கள ஆய்விதழ்—அமைதியான தந்த நிற மேற்பரப்புகள், செரிஃப் வடிவ தலையங்கத் தலைப்புகள், மற்றும் செயல்பாடு தேவைப்படும்போது மட்டும் தோன்றும் ஒரு களிமண் நிறச் சின்னம்.