
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— ஐகான்களுக்கான பின்னணிப் படங்கள், உள்ளீட்டுப் புல நிழலாக்கம், நுட்பமான பிரிப்பான்கள், சுட்டியை அதன் மீது வைக்கும்போது தோன்றும் விளைவுகள்.
அச்சுக்கலை
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 உகப்பாக்கம் மற்றும் நியூரல் நெட்வொர்க் பரிந்துரைகள்.
ஒத்த பாணிகள்
- ElevenLabs — மென்மையான தலைப்புகளுடன், இதமான கிரீம் வண்ணங்களில் அமைந்த ஒரு புகைப்படக் கட்டுரை. ஒரு பௌஹாஸ் பாணி நோட்டுப்புத்தகம்—முட்டை ஓட்டு நிறக் காகிதம், கருப்பு மை, மற்றும் பொருளைக் காட்சிப்படுத்த ஒற்றை ஊதா மற்றும் ஆரஞ்சு வண்ண அலங்காரம்.
- Awesomic — காகிதத் துண்டுகளை நினைவூட்டும் ஆரஞ்சு நிற நிறுத்தற்குறிகளுடன் கூடிய தலையங்க துத்தநாக வலை.
- Monad — வெதுவெதுப்பான தோல் காகிதம் குறித்த தலையங்க தொழில்நுட்ப இதழ்
- Dub — லிங்கின் மேட் அரிசி காகித கட்டுப்பாட்டுப் பலகம்
- Seline Analytics — சூடான காகிதத்தில் ஒரு அமைதியான பகுப்பாய்வு அட்டவணை
- Notion — நண்பகல் வெயிலில் ஒரு சூடான காகித நோட்டுப்புத்தகம்
- Anthropic — வெதுவெதுப்பான தோல் தாளில் அச்சிடப்பட்ட ஒரு அறிவியல் கள ஆய்விதழ்—அமைதியான தந்த நிற மேற்பரப்புகள், செரிஃப் வடிவ தலையங்கத் தலைப்புகள், மற்றும் செயல்பாடு தேவைப்படும்போது மட்டும் தோன்றும் ஒரு களிமண் நிறச் சின்னம்.
- Augen Pro — ஆப்பிளின் வெள்ளை நிறக் காட்சியமைப்பில், ஒரே வண்ணமுடைய இடத்தில், நேர்த்தியான, எடையற்ற, மின்னல் நீல நிறம் மட்டுமே தனிச்சிறப்பாக இடம்பெற்றுள்ளது.
- Antimetal — வெளிர் நிறத் தாளில் ஒரு தலையங்கக் குறிப்பு—ஒரு அறிவியல் இதழில் ஓர் அமைதியான காலைப் பொழுது; அங்கே நிதானம் தன்னம்பிக்கையை வெளிப்படுத்த, செரிஃப் எழுத்துருக்கள் கடினமான வேலையைச் செய்கின்றன.
- Perk — சூடான காகிதத்தோல் மீது மின்சார சுண்ணாம்பு
- Ditto — சூரிய ஒளி நிறைந்த ஒரு பட்டறையில் காட்டுப்பூ மாதிரிகள் உருவாக்கப்படுகின்றன. வெதுவெதுப்பான கிரீம் நிறப் பரப்புகள், துடிப்பான மஞ்சள் நிற அடிப்பூ, அடர் கடற்படை நீல மைகள், படைப்பிற்குப் பின்னால் மலரும் இயற்கையான வண்ண வடிவங்கள்.
- Officevibe — வெதுவெதுப்பான கிரீம் நிறக் காகிதத்தில் ஒரு தலையங்க இதழ். மனிதவள மேலாண்மை குறித்த ஒரு சிந்தனைமிக்க கட்டுரையை, ஒரு தயாரிப்பாக முன்வைக்கப்படுவதைக் கற்பனை செய்து பாருங்கள்—ஒரு நவீன நீல இடைமுகத்தின் வழியே மெல்லிய செரிஃப் எழுத்துரு மென்மையாக ஒலிப்பது போல.