
Notion
ମଧ୍ୟାହ୍ନ ସୂର୍ଯ୍ୟ କିରଣରେ ଏକ ଗରମ କାଗଜ ନୋଟବୁକ୍
ନୋସନ୍ର ଇଣ୍ଟରଫେସ୍ ସ୍ପଷ୍ଟ ଦିବାଲୋକରେ ଏକ ପ୍ରିୟ କାଗଜ ନୋଟବୁକ୍ ପରି ଦେଖାଯାଏ: ଏକ ଉଷ୍ମ, କ୍ରିମି କାନଭାସ୍ (#f6f5f4) ଯାହା ନିର୍ଜୀବ, ଉଦାର ସାନ୍ସ-ସେରିଫ୍ ଟାଇପୋଗ୍ରାଫି ବଦଳରେ ସ୍ପର୍ଶକାତର ଅନୁଭବ କରେ ଯାହା ଉତ୍ପାଦ କପିକୁ ସମ୍ପାଦକୀୟ ଓଜନ ପ୍ରଦାନ କରେ, ଏବଂ ସ୍ପର୍ଶ ବିରାମ ଚିହ୍ନ ଭାବରେ ବ୍ୟବହାର କରାଯାଇଥିବା ରଙ୍ଗ - ପିଚ୍ "ପିଲ୍ସ" କ୍ରିୟାକୁ ହାଇଲାଇଟ୍ କରେ, ଗୋଟିଏ ନୀଳ ମୁଖ୍ୟ କାର୍ଯ୍ୟକୁ ଆଙ୍କର୍ କରେ, ଏବଂ ଆକ୍ସେଣ୍ଟ ରଙ୍ଗର ଏକ ଘୂର୍ଣ୍ଣନ ଆରେ (ପ୍ରବାଳ, ଆମ୍ବର, ଆକାଶ, ମଧ୍ୟରାତ୍ରି) ଷ୍ଟିକର ପରି କାର୍ଡ ପୃଷ୍ଠଭୂମିକୁ ରଙ୍ଗ କରେ। କାର୍ଡଗୁଡ଼ିକୁ ପତଳା ସୀମା ଏବଂ କୋଣ ସହିତ ଏକ କାନଭାସରେ ସଜାଯାଇଛି - କୌଣସି ଛାୟା ନାହିଁ, କୌଣସି କ୍ରୋମ୍ ନାହିଁ - ଯେପରି ଏକ ମୋଲେସ୍କାଇନ୍ ନୋଟବୁକ୍ର ରେଖାଯୁକ୍ତ ବିଭାଗ। ଆନିମେସନ୍ ଖେଳପୂର୍ଣ୍ଣ ଏବଂ ବସନ୍ତିଆ, 200ms ରେ ସୁଗମ ପରିବର୍ତ୍ତନ ଏବଂ ବସନ୍ତିଆ ଚରିତ୍ର ଆନିମେସନ୍ ଯାହା ସାଜସଜ୍ଜା ବିନା ଇଣ୍ଟରଫେସରେ ଜୀବନ ଆଣିଥାଏ।
କେନ୍ଦ୍ରିତ, ସର୍ବାଧିକ ପ୍ରସ୍ଥ ପ୍ରାୟ 1440 ପିକ୍ସେଲ ପର୍ଯ୍ୟନ୍ତ ସୀମିତ। ମୁଖ୍ୟ ଉପାଦାନ ହେଉଛି ଏକ କେନ୍ଦ୍ରିତ ଷ୍ଟାକ୍: ପ୍ରତୀକଗୁଡ଼ିକର ଏକ ଧାଡ଼ି → ଏକ ଏମ୍ବେଡେଡ୍ ରଙ୍ଗୀନ ପିଲ୍ ସହିତ ଏକ ବଡ଼ ଦୁଇ-ଧାଡ଼ି ଶୀର୍ଷକ → ଏକ ଉପ-ଶୀର୍ଷକ → ଦୁଇଟି କଲ୍-ଟୁ-ଆକ୍ସନ୍ ବଟନ୍ ସହିତ ଏକ ଧାଡ଼ି → ଏକ ବଡ଼ ଉତ୍ପାଦ UI ମକଅପ୍। ମୁଖ୍ୟ ଉପାଦାନ ତଳେ, ଧଳା କାର୍ଡ ଏବଂ ପୂର୍ଣ୍ଣ-ରଙ୍ଗ ଆକ୍ସେଣ୍ଟ ପ୍ୟାନେଲ୍ର ଗ୍ରୀଡ୍ ମଧ୍ୟରେ ବିକଳ୍ପ ଭାବରେ ବିଭାଗଗୁଡ଼ିକ। ଲୋଗୋ କାନ୍ଥ ହେଉଛି ଗ୍ରେସ୍କେଲରେ ପାର୍ଟନର ଲୋଗୋର ଏକ କେନ୍ଦ୍ରିତ ଏକକ-ଧାଡ଼ି ଗ୍ରୀଡ୍। ବୈଶିଷ୍ଟ୍ୟ ବ୍ଲକଗୁଡ଼ିକ ଏକ ଦୁଇ-ସ୍ତମ୍ଭ ଲେଆଉଟ୍ (ବାମରେ ପାଠ୍ୟ, ଡାହାଣରେ ରଙ୍ଗୀନ ପ୍ୟାନେଲ୍), ବିଭାଗଗୁଡ଼ିକ ମଧ୍ୟରେ ବାମରୁ ଡାହାଣକୁ ବିକଳ୍ପ ଭାବରେ ବ୍ୟବହାର କରେ। "ଚାହିଦା ଅନୁଯାୟୀ ଆପଣଙ୍କ ସହାୟକଙ୍କୁ ପଚାରନ୍ତୁ" ବିଭାଗ ଏକ 2x2 କାର୍ଡ ଗ୍ରୀଡ୍ ବ୍ୟବହାର କରେ, ଯେଉଁଠାରେ ଉପର କାର୍ଡ ପୂର୍ଣ୍ଣ ପ୍ରସ୍ଥ ନେଇଥାଏ, ଏବଂ ତଳ ଧାଡ଼ି ଦୁଇଟି ସମାନ ସ୍ତମ୍ଭରେ ବିଭକ୍ତ ହୋଇଥାଏ। ବିଭାଗଗୁଡ଼ିକ ମଧ୍ୟରେ ଗଟରଗୁଡ଼ିକ ଉଦାର (~80 ପିକ୍ସେଲ), ଏକ ଶାନ୍ତ ଭୂଲମ୍ବ ତାଳ ସୃଷ୍ଟି କରେ। ନାଭିଗେସନ୍ ହେଉଛି କେନ୍ଦ୍ରିତ ନାଭିଗେସନ୍ ଉପାଦାନ ଏବଂ ଡାହାଣ-ସଳଖିତ କାର୍ଯ୍ୟ ବଟନ୍ ସହିତ 64 ପିକ୍ସେଲ ଉଚ୍ଚ ଏକ ସ୍ଥିର ଶୀର୍ଷ ବାର୍।
ଚିତ୍ରଗୁଡ଼ିକ ସର୍ବୋପରି, କୌଣସି ଫଟୋ ନାହିଁ। ଦୃଶ୍ୟ ଭାଷା ସମତଳ, ଚିତ୍ରିତ ପ୍ରତୀକ (2px ରଙ୍ଗୀନ ବୃତ୍ତରେ ଗୋଲାକାର ଧାର), ସାର ସାଜସଜ୍ଜା ଉପାଦାନ (ହାତ-ଅଙ୍କିତ ସ୍କ୍ୱିଗଲ୍ସ, ଗ୍ଲିଟର, ତୀର, ଫୁଲ ଆକୃତି) ଏବଂ ଉତ୍ପାଦର ବ୍ୟବହାରକାରୀ ଇଣ୍ଟରଫେସର ମକଅପ୍ ଉପରେ ନିର୍ମିତ। ପ୍ରତୀକଗୁଡ଼ିକ ମୁଖ୍ୟ ୱିଣ୍ଡୋରେ ସାତଟି ଅବତାରର ଏକ ଭୂସମାନ୍ତର ଧାଡ଼ି ଭାବରେ ଦେଖାଯାଏ ଏବଂ ଖେଳୁଆଡ଼ ବିରାମ ଚିହ୍ନ ଭାବରେ ପୃଷ୍ଠାରେ ବିସ୍ତାରିତ ହୁଏ। ଉତ୍ପାଦ ସ୍କ୍ରିନସଟ୍ ହେଉଛି ଏକମାତ୍ର "ପ୍ରକୃତ" ଦୃଶ୍ୟ ଉପାଦାନ: ସେମାନେ ଉପାଦାନ ଏବଂ ପ୍ରକୃତ ତଥ୍ୟର ଏକ ସମ୍ପୂର୍ଣ୍ଣ ସେଟ୍ ସହିତ ପ୍ରକୃତ ଧାରଣା ଇଣ୍ଟରଫେସ୍ (କାନବାନ ବୋର୍ଡ, ଡକ୍ୟୁମେଣ୍ଟ ଦୃଶ୍ୟ, AI ଏଜେଣ୍ଟ ପ୍ୟାନେଲ୍) ଦେଖାନ୍ତି। ମୁଖ୍ୟ ୱିଣ୍ଡୋରେ ଉତ୍ପାଦ ମକଅପ୍ ବଡ଼, କେନ୍ଦ୍ରିତ, ଏବଂ କାନଭାସରୁ ଏହାକୁ ପୃଥକ କରୁଥିବା ଏକକ ଛାୟା କାଷ୍ଟ କରେ। କୌଣସି ଜୀବନଶୈଳୀ ଫଟୋ ନାହିଁ, କୌଣସି ଷ୍ଟକ୍ ପ୍ରତିଛବି ନାହିଁ, କୌଣସି ସାର 3D ରେଣ୍ଡର ନାହିଁ।
ପ୍ୟାଲେଟ୍
ବ୍ରାଣ୍ଡ
- Notion Blue
#0075de— କଲ୍-ଟୁ-ଆକ୍ସନ୍ (CTA) ବଟନ୍ ପୂରଣ କରୁଥିବା ମୁଖ୍ୟ ଉପାଦାନ, ସକ୍ରିୟ ନାଭିଗେସନ୍ରେ ଏକ ଉଚ୍ଚାରଣ, ପୂର୍ଣ୍ଣ ଆକ୍ସନ୍ ବଟନ୍ଗୁଡ଼ିକ ହେଉଛି ପ୍ରାୟ ଏକ ମନୋକ୍ରୋମ ସିଷ୍ଟମ୍ରେ ଏକମାତ୍ର ରଙ୍ଗ ଯୋଜନା ଯାହା ଏକ ସ୍ୱିଚ୍ ଭାବରେ ବୁଝିବା ପାଇଁ ଯଥେଷ୍ଟ ସଂତୃପ୍ତ।
ନିରପେକ୍ଷ
- Paper Warmth
#f6f5f4— ପୃଷ୍ଠା କାନଭାସ୍, ମୁଖ୍ୟ ୱିଣ୍ଡୋ ପୃଷ୍ଠଭୂମି ଏବଂ ସେକ୍ସନ ପୃଷ୍ଠଭୂମି ସମସ୍ତ ଉଷ୍ମ, ସାମାନ୍ୟ ବେଜ ରଙ୍ଗର ଯାହା ସିଷ୍ଟମକୁ ଏକ ସ୍ପର୍ଶକାତର, ଆନାଲଗ୍ ଅନୁଭବ ପ୍ରଦାନ କରେ। - Pure White
#ffffff— କାର୍ଡ ପୃଷ୍ଠ, ଉଠିଥିବା ପ୍ୟାନେଲ, ଲୋଗୋ ପୃଷ୍ଠଭୂମି, ଗାଢ଼ କାର୍ଡରେ ବିପରୀତ ପାଠ୍ୟ। - Ink Black
#000000— ମୁଖ୍ୟ ପାଠ୍ୟ, ନାଭିଗେସନ୍ ଲିଙ୍କ୍, ଶୀର୍ଷକ - ନୂତନ ରଙ୍ଗ ଯୋଡିବା ବିନା ପଦାନୁକ୍ରମ ନିର୍ମାଣ ପାଇଁ ଭିନ୍ନ ସ୍ୱଚ୍ଛତା (100%, 95%, 90%, 60%, 40%, 20%) ସହିତ ବ୍ୟବହୃତ। - Charcoal
#111111— ସେହି UI କ୍ଷେତ୍ରଗୁଡ଼ିକ ପାଇଁ ଏକ ଗାଢ଼ ଟେକ୍ସଟ୍ ବିକଳ୍ପ ଯେଉଁଠାରେ ଶୁଦ୍ଧ କଳା ଅତ୍ୟଧିକ କଠୋର ଦେଖାଯିବ। - Stone
#757575— ଦ୍ୱିତୀୟ ନାଭିଗେସନ୍ ଟେକ୍ସଟ୍, ମ୍ୟୁଟ୍ କରାଯାଇଥିବା ସହାୟକ ଟେକ୍ସଟ୍, ଅକ୍ଷମ ବଟନ୍ ଲେବଲ୍ - 60% ଇଙ୍କ୍ ଆଲଫା - Graphite
#615d59— ମୁଖ୍ୟ ଲେଖାଟିର ଏକ ଉଷ୍ମ ସ୍ୱର ଅଛି - ମାଟିଆ ଧୂସର ରଙ୍ଗ, ଯାହା ଉଷ୍ମ ପୃଷ୍ଠଭୂମି ସହିତ ସମନ୍ୱୟ ରଖେ।
ଟାଇପୋଗ୍ରାଫି
୧୨ ରୁ ୯୬ ପିକ୍ସେଲ ପର୍ଯ୍ୟନ୍ତ · ୧୦ଟି ପଦକ୍ଷେପ
- NotionInter — ପ୍ରତିସ୍ଥାପନ: Inter · ବାହ୍ୟରେଖା 400, 500, 600, 700 · ମୁଖ୍ୟ ସାନ୍ସ-ସେରିଫ୍ ଫଣ୍ଟଟି ଏକ ଜ୍ୟାମିତିକ ମାନବବାଦୀ ଯାହା ସୂକ୍ଷ୍ମ ସୂକ୍ଷ୍ମତା ସହିତ ବ୍ୟବହାର କରାଯାଏ, ଯାହା ବଡି ଟେକ୍ସଟ୍ ପାଇଁ 400 ଆକାର, ନାଭିଗେସନ୍/ୟୁଜର ଇଣ୍ଟରଫେସ୍ ପାଇଁ 500 ଏବଂ ହେଡିଂ ପାଇଁ 600-700 ଆକାରରେ ବ୍ୟବହୃତ ହୁଏ। ଫଣ୍ଟ ସ୍କେଲ୍ ବଡ଼ ଆକାରରେ ଆକ୍ରମଣାତ୍ମକ ନକାରାତ୍ମକ ଅକ୍ଷର ବ୍ୟବଧାନ ବ୍ୟବହାର କରେ (-4.6px 96px ରେ, -2px 72px ରେ), ଯାହା ହେଡିଂକୁ ବାୟୁ ପରିବର୍ତ୍ତେ ଅଧିକ ସଂକୁଚିତ ଏବଂ ଆତ୍ମବିଶ୍ୱାସୀ କରିଥାଏ।
- Lyon Text — ପ୍ରତିସ୍ଥାପନ: Source Serif Pro · ବାହ୍ୟରେଖା 400 · ମୁଖ୍ୟ ପାଠ୍ୟର ପୃଥକ ବିଭାଗ ଏବଂ ବିଭାଗ ପରିଚୟ ପାଇଁ ସଂରକ୍ଷିତ ସମ୍ପାଦକୀୟ ସେରିଫ୍ ଫଣ୍ଟକୁ ପତ୍ରିକା ଲେଆଉଟରେ ଏକ ଉଦ୍ଧୃତି ପରି ଟାଇପଫେସ୍ ସାହିତ୍ୟିକ ଗୁରୁତ୍ୱ ଦେବା ପାଇଁ କମ୍ (ଚାରି ଥର) ବ୍ୟବହାର କରାଯାଏ। ଏହା ଏକ ସମାନ୍ତରାଳ ପଦାନୁକ୍ରମ ପରିବର୍ତ୍ତେ ଏକ ପଦ୍ଧତିଗତ ଉଚ୍ଚାରଣ ଭାବରେ କାର୍ଯ୍ୟ କରେ।
ବ୍ୟବଧାନ ଏବଂ ରୂପ
| ଉଦ୍ଦେଶ୍ୟ | ଅର୍ଥ |
|---|---|
| ଘନତ୍ୱ | ହାରାହାରି |
| ମୌଳିକ ପଦକ୍ଷେପ | 8px |
| ବଟନ୍ ପରିଧି | 8px |
| କାର୍ଡ ପରିଧି | 12px |
| ଛାଇ | ଛାୟା ବଦଳରେ ନାହିଁ - ସୀମା |
| ବିଭାଗଗୁଡ଼ିକ ମଧ୍ୟରେ | 80px |
| ପୃଷ୍ଠାର ପ୍ରସ୍ଥ | 1440px |
AI ଆପଣଙ୍କ ୱେବସାଇଟ୍ Notion ଶୈଳୀରେ ତିଆରି କରିବ ଏବଂ ଏହାକୁ ପୂରଣ କରିବ।
- ଲିଙ୍କ୍ ମାଧ୍ୟମରେ ଉତ୍ପାଦ ଏବଂ ପୋଷ୍ଟ ପୂରଣ କରନ୍ତୁ - Instagram, TikTok, Facebook ।
- ଆପଣଙ୍କର ପୁରୁଣା ସାଇଟ୍ରୁ ବିଷୟବସ୍ତୁ ସ୍ଥାନାନ୍ତର କରନ୍ତୁ—କେବଳ ଠିକଣା ନିର୍ଦ୍ଦିଷ୍ଟ କରନ୍ତୁ।
- ସର୍ବୋତ୍ତମ ଇଞ୍ଜିନରେ ଆଧୁନିକ ଡିଜାଇନ୍: ସର୍ଭର ରେଣ୍ଡରିଂ ଏବଂ SEO ଅପ୍ଟିମାଇଜେସନ୍ ସହିତ React ( Next.js)।
- ସନ୍ଧାନ ଫଳାଫଳ ଏବଂ ନ୍ୟୁରାଲ୍ ନେଟୱାର୍କ ସୁପାରିଶ ପାଇଁ ସମ୍ପୂର୍ଣ୍ଣ ସ୍ୱୟଂଚାଳିତ SEO ଅପ୍ଟିମାଇଜେସନ୍।
ସମାନ ଷ୍ଟାଇଲ୍
- ElevenLabs — ସୂକ୍ଷ୍ମ ଶୀର୍ଷକ ସହିତ ଉଷ୍ମ କ୍ରିମ୍ ଟୋନରେ ଏକ ଫଟୋ ପ୍ରବନ୍ଧ। ଏକ ବାଉହାସ୍-ଶୈଳୀର ନୋଟବୁକ୍ - ଅଣ୍ଡା ରଙ୍ଗର କାଗଜ, କଳା କାଳି, ଏବଂ ଉତ୍ପାଦ ପ୍ରଦର୍ଶନ ପାଇଁ ଏକ ବାଇଗଣୀ ଏବଂ କମଳା ଆକ୍ସେଣ୍ଟ।
- Awesomic — କମଳା ବିରାମ ଚିହ୍ନ ସହିତ ସମ୍ପାଦକୀୟ ଜିଙ୍କ୍ ମେଶ୍ ଯାହା କନଫେଟିର ସ୍ମୃତିକୁ ସଜାଡ଼ି ଦିଏ।
- Monad — ଉଷ୍ମ ଚର୍ମ ଉପରେ ସମ୍ପାଦକୀୟ ବୈଷୟିକ ପତ୍ରିକା
- Dub — ଲିଙ୍କର ମ୍ୟାଟ୍ ରାଇସ୍ ପେପର୍ କଣ୍ଟ୍ରୋଲ୍ ପ୍ୟାନେଲ୍
- Seline Analytics — ଉଷ୍ମ କାଗଜ ଉପରେ ଏକ ନୀରବ ବିଶ୍ଳେଷଣାତ୍ମକ ଟେବୁଲ୍
- Anthropic — ଉଷ୍ମ ଭେଲମ୍ ଉପରେ ଏକ ବୈଜ୍ଞାନିକ କ୍ଷେତ୍ର ପତ୍ରିକା - ଶାନ୍ତ ହାତୀଦାନ୍ତ ପୃଷ୍ଠ, ସେରିଫ୍ଡ୍ ସମ୍ପାଦକୀୟ ଶୀର୍ଷକ, ଏବଂ ଏକ ମାଟି ଉଚ୍ଚାରଣ ଯାହା କେବଳ କାର୍ଯ୍ୟ ଆବଶ୍ୟକ ହେଲେ ଦେଖାଯାଏ।
- Calendly — ଥଣ୍ଡା ମାର୍ବଲ ଉପରେ ଗାଢ଼ ନୀଳ ସ୍ୟାହି
- Augen Pro — ଆପଲର ଧଳା ଉପସ୍ଥାପନାରେ ଏକ ମନୋକ୍ରୋମ ସ୍ଥାନରେ ଏକମାତ୍ର ଉଚ୍ଚାରଣ ଭାବରେ ଏକ କ୍ଲିନିକାଲ୍, ଓଜନହୀନ, ବୈଦ୍ୟୁତିକ ନୀଳ ରଙ୍ଗ ପ୍ରଦର୍ଶିତ ହୋଇଛି।
- Antimetal — କ୍ରିମ୍ ପେପରରେ ଏକ ସମ୍ପାଦକୀୟ ଘଟଣାକ୍ରମ - ଏକ ବୈଜ୍ଞାନିକ ପତ୍ରିକାରେ ଏକ ଶାନ୍ତ ସକାଳ, ଯେଉଁଠାରେ ସଂଯମ ଆତ୍ମବିଶ୍ୱାସ ପ୍ରଦାନ କରେ ଏବଂ ସେରିଫ୍ ଭାରୀ କାର୍ଯ୍ୟ କରେ।
- Perk — ଉଷ୍ମ ଚର୍ମପତ୍ର କାଗଜ ଉପରେ ବୈଦ୍ୟୁତିକ ଚୂନ
- Ditto — ଏକ ସୂର୍ଯ୍ୟାଲୋକିତ କର୍ମଶାଳା ଯାହା ବନ୍ୟ ଫୁଲର ନମୁନା ତିଆରି କରୁଛି। ଉଷ୍ମ କ୍ରିମ୍ ପୃଷ୍ଠ, ଏକ ସ୍ପନ୍ଦନଶୀଳ ହଳଦିଆ ମୂଳ ରଙ୍ଗ, ଗଭୀର ନାଭି ନୀଳ କାଳି, ଖଣ୍ଡ ପଛରେ ଫୁଟିଥିବା ଜୈବିକ ରଙ୍ଗ।
- Officevibe — ଉଷ୍ମ କ୍ରିମ୍ ରଙ୍ଗର କାଗଜରେ ଏକ ସମ୍ପାଦକୀୟ ପତ୍ରିକା। କଳ୍ପନା କରନ୍ତୁ ଯେ HR ପରିଚାଳନା ଉପରେ ଏକ ଚିନ୍ତନଶୀଳ ପ୍ରବନ୍ଧ, ଏକ ଉତ୍ପାଦ ଭାବରେ ଉପସ୍ଥାପିତ - ଏକ କର୍ସିଭ୍ ସେରିଫ୍ ଫଣ୍ଟ ଯାହା ଏକ ଆଧୁନିକ ନୀଳ ଇଣ୍ଟରଫେସ୍ ମାଧ୍ୟମରେ ଫୁସ୍ଫୁସ୍ କରୁଛି।