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 — ଉଷ୍ମ ଭେଲମ୍ ଉପରେ ଏକ ବୈଜ୍ଞାନିକ କ୍ଷେତ୍ର ପତ୍ରିକା - ଶାନ୍ତ ହାତୀଦାନ୍ତ ପୃଷ୍ଠ, ସେରିଫ୍ଡ୍ ସମ୍ପାଦକୀୟ ଶୀର୍ଷକ, ଏବଂ ଏକ ମାଟି ଉଚ୍ଚାରଣ ଯାହା କେବଳ କାର୍ଯ୍ୟ ଆବଶ୍ୟକ ହେଲେ ଦେଖାଯାଏ।