Vercel
ଧଳା କାଗଜରେ ମୁଦ୍ରିତ ଟର୍ମିନାଲ
ଭର୍ସେଲ୍ ଡିଜାଇନ୍ ସିଷ୍ଟମ୍ ହେଉଛି ଶୃଙ୍ଖଳିତ ମୋନୋକ୍ରୋମରେ ଏକ ଅଭ୍ୟାସ: ଏକ ପାଖାପାଖି ଧଳା କାନଭାସ୍ (#fafafa), କଳା ପ୍ରକାର, ପତଳା ସୀମା ଏବଂ ସାଜସଜ୍ଜା ରଙ୍ଗର ସମ୍ପୂର୍ଣ୍ଣ ଅନୁପସ୍ଥିତି। ଦୃଶ୍ୟ ଭାଷା ପ୍ରିଣ୍ଟରେ ରେଣ୍ଡର୍ ହୋଇଥିବା ଏକ ଡେଭଲପରଙ୍କ ଟର୍ମିନାଲକୁ ଉଜାଗର କରେ - Geist Sans "ହିରୋଇକ୍" ସ୍କେଲରେ 400-450 ଓଜନ ଏବଂ -0.06em ର ଏକ ଅକ୍ଷର ବ୍ୟବଧାନ ସହିତ କଷ୍ଟକର ଭାବରେ ପଠନୀୟ, ଯେତେବେଳେ Geist Mono 11-13px କ୍ୟାପ୍ସରେ ଲେବଲ୍, ମେଟାଡାଟା ଏବଂ କୋଡ୍ ନମୁନା ପ୍ରୟୋଗ କରେ। ବଟନ୍ଗୁଡ଼ିକ ଧଳା ଉପରେ ଶୁଦ୍ଧ କଳା କିମ୍ବା କଳା ଉପରେ ଧଳା ରଙ୍ଗର ତୀକ୍ଷ୍ଣ 6px ରେଡିଆ କିମ୍ବା ଆୟତକାର। ସିଷ୍ଟମ୍ ରଙ୍ଗ ଅପେକ୍ଷା ବିପରୀତ ଏବଂ ଟାଇପୋଗ୍ରାଫିକ୍ ପଦାନୁକ୍ରମ ଉପରେ ନିର୍ଭର କରେ, ତ୍ରିକୋଣୀୟ ଚିହ୍ନ (▲) ଏବଂ ଏକ ଦୁଇ-ରେଖା ଶବ୍ଦ ଚିହ୍ନକୁ ଏକମାତ୍ର ବ୍ରାଣ୍ଡିଂ ଉପାଦାନ ଭାବରେ ବ୍ୟବହାର କରେ। ପୃଷ୍ଠଗୁଡ଼ିକ ପରସ୍ପର ଉପରେ #fafafa → #ebebeb → #171717 କ୍ରମରେ ଷ୍ଟାକ୍ କରାଯାଏ, ଛାୟା କିମ୍ବା ରଙ୍ଗ ବଦଳରେ ସ୍ୱର ମୂଲ୍ୟ ପରିବର୍ତ୍ତନ କରି ଗଭୀରତା ସୃଷ୍ଟି କରେ। ପ୍ରତ୍ୟେକ ଉପାଦାନ ଏକ କମ୍ପାକ୍ଟ ଘନତା ସହିତ ଏକ 4px ଗ୍ରୀଡ୍ ଉପରେ ନିର୍ମିତ, ଯାହା ଫଳରେ ଏକ ଇଣ୍ଟରଫେସ୍ ଏକ ଇଞ୍ଜିନିୟରଙ୍କ ନୋଟବୁକ୍ ପରି ମନେପକାଏ - ସଠିକ୍, କାର୍ଯ୍ୟକ୍ଷମ, ଏବଂ ଖାଲି ସ୍ଥାନକୁ ଭୟ କରେ ନାହିଁ।
କଣ୍ଟେନରଟି ୧୨୮୦ ପିକ୍ସେଲ ଚଉଡା, କେନ୍ଦ୍ରିତ, ଉଦାର ଭୂସମାନ୍ତର ପ୍ୟାଡିଂ (୨୪-୪୮ ପିକ୍ସେଲ) ସହିତ। ମୁଖ୍ୟ ବ୍ଲକଟି ଏକ ଅସମମ ତିନି-ଜୋନ୍ ରଚନା ବ୍ୟବହାର କରେ: ବାମପଟେ ଏକ ବଡ଼ ଶୀର୍ଷକ, କେନ୍ଦ୍ରରେ ଏକ ବ୍ରାଣ୍ଡ ଗ୍ଲିଫ୍ ଏବଂ ଡାହାଣପଟେ ଏକ "ଭୃଣ" ବ୍ଲକ। ମୁଖ୍ୟ ବ୍ଲକ ତଳେ, ବିଷୟବସ୍ତୁକୁ ବିକଳ୍ପ ଷ୍ଟ୍ରାଇପ୍ରେ ସଜାଯାଇଛି: କ୍ଲାଏଣ୍ଟଙ୍କ ଲୋଗୋ ସହିତ ଏକ ପୂର୍ଣ୍ଣ-ଚଉଡା ଷ୍ଟ୍ରାଇପ୍, ତା’ପରେ ବାମପଟେ ଶୀର୍ଷକ ସହିତ ଏକ ଦୁଇ-ସ୍ତମ୍ଭ "ଏଜେଣ୍ଟ କ୍ରିଏଟର୍ସ" ବିଭାଗ ଏବଂ ଡାହାଣପଟେ ଏକ ଉତ୍ପାଦ ଲେଆଉଟ୍, ତା’ପରେ ବୈଶିଷ୍ଟ୍ୟ ସହିତ ତିନୋଟି କାର୍ଡର ଏକ ଗ୍ରୀଡ୍। ବିଭାଗଗୁଡ଼ିକୁ ଡିଭାଇଡର୍ କିମ୍ବା ପୃଷ୍ଠଭୂମି ଅଫସେଟ୍ ବିନା ୯୬-୧୨୮ ପିକ୍ସେଲର ଭୂଲମ୍ବ ଗଟର ଦ୍ୱାରା ପୃଥକ କରାଯାଇଛି। ନାଭିଗେସନ୍ ହେଉଛି ଏକ ଅସ୍ପଷ୍ଟ ପୃଷ୍ଠଭୂମି ସହିତ ଏକ ସ୍ଥିର ୬୪ ପିକ୍ସେଲ ପ୍ୟାନେଲ୍। କାର୍ଡ ଗ୍ରୀଡ୍ଗୁଡ଼ିକ ସ୍ଥିର ଭାବରେ ୧୬-୨୪ ପିକ୍ସେଲ ଗଟର ସହିତ ଦୁଇ କିମ୍ବା ତିନି-ସ୍ତମ୍ଭ ଲେଆଉଟ୍ ବ୍ୟବହାର କରେ। ସାମଗ୍ରିକ ଘନତା କମ୍ପାକ୍ଟ - ପାଠ୍ୟ ପଢିବାକୁ ସହଜ, ପର୍ଯ୍ୟାପ୍ତ ଧଳା ସ୍ଥାନ ଅଛି, କିନ୍ତୁ ଫଣ୍ଟ ଆକାର ଏବଂ ଉପାଦାନ ଆକାର ପୃଷ୍ଠାକୁ ବାୟୁମୟ ଅନୁଭବ ହେବାରୁ ବାଧା ଦିଏ।
ପ୍ରତିଛବିଗୁଡ଼ିକ ବିରଳ ଏବଂ ସର୍ବଦା କାର୍ଯ୍ୟକ୍ଷମ। ମୁଖ୍ୟ ଦୃଶ୍ୟ ଉପାଦାନ ହେଉଛି କଳା ତ୍ରିଭୁଜ (▲) - ଏକ ଜ୍ୟାମିତିକ ବ୍ରାଣ୍ଡ ଚିହ୍ନ ଯାହା "କ୍ୟାପିଟାଲ୍" ସ୍କେଲରେ ଏକ ଘୂରି ବୁଲୁଥିବା ସିଲୁଏଟ୍ ଭାବରେ ଦେଖାଯାଏ। ଧାରଣାର ପ୍ରମାଣ ଷ୍ଟ୍ରିପରେ କ୍ଲାଏଣ୍ଟ ଲୋଗୋଗୁଡ଼ିକ ପ୍ରତ୍ୟେକ ବ୍ରାଣ୍ଡର ପ୍ରକୃତ ଶବ୍ଦ ଚିହ୍ନ ଗ୍ରେସ୍କେଲରେ ବ୍ୟବହାର କରନ୍ତି। ଉତ୍ପାଦ ମକଅପ୍ (ନୋସନ୍ର ଚାଟ୍ ଇଣ୍ଟରଫେସ୍, CLI ଟର୍ମିନାଲ୍ ଆଉଟପୁଟ୍, ପାସପୋର୍ଟ କାର୍ଡ) ଫ୍ରେମ୍ ହୋଇଥିବା କାର୍ଡ ମଧ୍ୟରେ ଲାଇଟ୍-ମୋଡ୍ ସ୍କ୍ରିନସଟ୍ ଭାବରେ ଏମ୍ବେଡ୍ କରାଯାଇଛି। କୌଣସି ଫଟୋଗ୍ରାଫ୍, ଚିତ୍ରଣ କିମ୍ବା 3D ଉପାଦାନ ନାହିଁ - ସିଷ୍ଟମ୍ ସମ୍ପୂର୍ଣ୍ଣ ଟାଇପୋଗ୍ରାଫି ଏବଂ ଧଳା କାଗଜରେ ଜ୍ୟାମିତିକ ଆକୃତି।
ପ୍ୟାଲେଟ୍
ନିରପେକ୍ଷ
- Obsidian
#171717— ମୁଖ୍ୟ ଶୀର୍ଷକ, ନାଭିଗେସନ୍ ବର୍ଡର, ଡାର୍କ ବଟନ୍ ପୂରଣ, ଏବଂ ତାଲିକା ମାର୍କରଗୁଡ଼ିକ ପ୍ରାୟ କଳା, କଠୋରତା ଏବଂ ଚମତ୍କାର ସାଚୁରେସନ୍ ଏଡାଇ ଦିଏ। - Paper White
#fafafa— ପୃଷ୍ଠା କାନଭାସ୍, କାର୍ଡ ପୃଷ୍ଠଭାଗ, ବଟନର ଆଲୋକ ପୂରଣ - ଏହା ହେଉଛି ମାନକ ପୃଷ୍ଠଭୂମି ଯାହା ଉପରେ ଅନ୍ୟ ସବୁକିଛି ଅବସ୍ଥିତ। - Pure White
#ffffff— ଉଠାଇଥିବା କାର୍ଡ ପୃଷ୍ଠ, ଇନସର୍ଟ, ଇନପୁଟ୍ କ୍ଷେତ୍ର। - Hairline
#ebebeb— ବଟନ୍, ଲିଙ୍କ୍ ଏବଂ କାର୍ଡଗୁଡ଼ିକରେ 1px ସୀମା ଉଚ୍ଚ ଜୁମ୍ ସ୍ତରରେ ଦୃଶ୍ୟମାନ ହୁଏ, କିନ୍ତୁ ନିମ୍ନ ଜୁମ୍ ସ୍ତରରେ ଅଦୃଶ୍ୟ ହୁଏ। - Ash
#c9c9c9— କ୍ଲାଏଣ୍ଟ ଲୋଗୋରେ ଅକ୍ଷମ ପାଠ୍ୟ, ମ୍ୟୁଟ୍ ଲେବଲ୍, ବ୍ରାଣ୍ଡ ନାମ ୱାଟରମାର୍କ। - Smoke
#a8a8a8— ଦ୍ୱିତୀୟ ପାଠ୍ୟ, ପ୍ଲେସହୋଲ୍ଡର୍ ପାଠ୍ୟ, ସୂକ୍ଷ୍ମ ଆଇକନ୍ ପୂରଣ।
ଟାଇପୋଗ୍ରାଫି
୧୧ ରୁ ୬୪ ପିକ୍ସେଲ ପର୍ଯ୍ୟନ୍ତ · ୬ଟି ପଦକ୍ଷେପ
- Geist Sans — ପ୍ରତିସ୍ଥାପନ: Inter · ବାହ୍ୟରେଖା 400, 450, 500 · ଇଣ୍ଟରଫେସ୍ ଏବଂ ଶୀର୍ଷକ ପାଇଁ ପ୍ରାଥମିକ ଫଣ୍ଟ ହେଉଛି ଭର୍ସେଲ୍ର ଏକ କଷ୍ଟମ୍-ଡିଜାଇନ୍ ହୋଇଥିବା ଜ୍ୟାମିତିକ ସାନ୍ସ-ସେରିଫ୍ ଯାହା ବଡ଼ ଆକାରରେ କଡ଼ା ଅକ୍ଷର ବ୍ୟବଧାନ ସହିତ (-0.06em 56-64px ରେ, -0.05em 30px ରେ)। ପୃଷ୍ଠାର ଉପର ଭାଗରେ ଥିବା ଶୀର୍ଷକ ପାଇଁ, ଏକ 450 ଓଜନ ବାଛି ଦିଆଯାଇଥିଲା: ହାଲୁକା ଅପେକ୍ଷା ଘନ କିନ୍ତୁ ସେମି-ବୋଲ୍ଡ ଅପେକ୍ଷା ହାଲୁକା, ଏକ ଆତ୍ମବିଶ୍ୱାସୀ, କିନ୍ତୁ ଦମ୍ଭୀ ନୁହେଁ, ସ୍ୱର ସୃଷ୍ଟି କରିଥିଲା।
- Geist Mono — ପ୍ରତିସ୍ଥାପନ: JetBrains Mono · ବାହ୍ୟରେଖା 400, 500, 600 · କ୍ୟାପସନ୍, କୋଡ୍ ବ୍ଲକ, CLI ଆଉଟପୁଟ୍ ପ୍ୟାନେଲ୍, ମେଟାଡାଟା ଏବଂ ବଡ଼ ଅକ୍ଷର ପାଠ୍ୟ ପାଇଁ ଏକ ମୋନୋସ୍ପେସ୍ଡ୍ ଦ୍ୱିତୀୟ ଫଣ୍ଟ। 8px/600px/ବଡ଼ ଅକ୍ଷର ମିଶ୍ରଣ ଛୋଟ ଶବ୍ଦ ଚିହ୍ନଗୁଡ଼ିକର ସଠିକ ସ୍ଥାନ ନିର୍ଣ୍ଣୟ ପାଇଁ ଅନୁମତି ଦିଏ। ମୋନୋସ୍ପେସ୍ଡ୍ ସଂସ୍କରଣରେ ପ୍ରଶସ୍ତ ଅକ୍ଷର ବ୍ୟବଧାନ (0.071em) ବଡ଼ ଅକ୍ଷର ପାଠ୍ୟ ପାଇଁ ପ୍ରଚୁର ସ୍ଥାନ ପ୍ରଦାନ କରେ।
ବ୍ୟବଧାନ ଏବଂ ରୂପ
| ଉଦ୍ଦେଶ୍ୟ | ଅର୍ଥ |
|---|---|
| ଘନତ୍ୱ | ଘନ |
| ମୌଳିକ ପଦକ୍ଷେପ | 12px |
| ବଟନ୍ ପରିଧି | 6px |
| କାର୍ଡ ପରିଧି | 6px |
| ଛାଇ | ଛାୟା ବଦଳରେ ନାହିଁ - ସୀମା |
| ବିଭାଗଗୁଡ଼ିକ ମଧ୍ୟରେ | 96-128px |
| ପୃଷ୍ଠାର ପ୍ରସ୍ଥ | 1280px |
AI ଆପଣଙ୍କ ୱେବସାଇଟ୍ Vercel ଶୈଳୀରେ ତିଆରି କରିବ ଏବଂ ଏହାକୁ ପୂରଣ କରିବ।
- ଲିଙ୍କ୍ ମାଧ୍ୟମରେ ଉତ୍ପାଦ ଏବଂ ପୋଷ୍ଟ ପୂରଣ କରନ୍ତୁ - Instagram, TikTok, Facebook ।
- ଆପଣଙ୍କର ପୁରୁଣା ସାଇଟ୍ରୁ ବିଷୟବସ୍ତୁ ସ୍ଥାନାନ୍ତର କରନ୍ତୁ—କେବଳ ଠିକଣା ନିର୍ଦ୍ଦିଷ୍ଟ କରନ୍ତୁ।
- ସର୍ବୋତ୍ତମ ଇଞ୍ଜିନରେ ଆଧୁନିକ ଡିଜାଇନ୍: ସର୍ଭର ରେଣ୍ଡରିଂ ଏବଂ SEO ଅପ୍ଟିମାଇଜେସନ୍ ସହିତ React ( Next.js)।
- ସନ୍ଧାନ ଫଳାଫଳ ଏବଂ ନ୍ୟୁରାଲ୍ ନେଟୱାର୍କ ସୁପାରିଶ ପାଇଁ ସମ୍ପୂର୍ଣ୍ଣ ସ୍ୱୟଂଚାଳିତ SEO ଅପ୍ଟିମାଇଜେସନ୍।
ସମାନ ଷ୍ଟାଇଲ୍
- Headspace — ଗରମ କାଗଜ ଉପରେ ଏକ ସୂର୍ଯ୍ୟ କିରଣୀୟ ସୁସ୍ଥତା କୋଣ
- WHOOP — ମଧ୍ୟରାତ୍ରିରେ ପ୍ରଦର୍ଶନ ପରୀକ୍ଷାଗାର - ଏକ କଳା ନାଟ୍ୟ ଶୂନ୍ୟ ତଳେ ଧଳା କ୍ଲିନିକାଲ୍ ପରୀକ୍ଷାଗାର ଟେବୁଲ, ବିଦ୍ୟୁତ୍ ସ୍ପନ୍ଦନର ଏକ ବାଇଗଣୀ ରଙ୍ଗ।
- Together AI — ହିମପତ୍ର ଉପରେ ଗବେଷଣା କନସୋଲ୍
- v0 by Vercel — ଲେଥ୍ ଡ୍ରଇଂ। ସଠିକତା ଏବଂ କାର୍ଯ୍ୟକ୍ଷମତା ସବୁଠାରୁ ଗୁରୁତ୍ୱପୂର୍ଣ୍ଣ, ପ୍ରତ୍ୟେକ ଉପାଦାନ ଏକ ସଫା, ବୈଷୟିକ ଭାବରେ ସମ୍ପୂର୍ଣ୍ଣ ପୃଷ୍ଠରେ ଏକ ସ୍ପଷ୍ଟ ଉଦ୍ଦେଶ୍ୟ ସାଧନ କରେ।
- Dovetail — କଳା ଚନ୍ଦ୍ର ତଳେ ଏକ ବ୍ଲୁପ୍ରିଣ୍ଟ - କେବଳ ଦୃଶ୍ୟମାନ ଗ୍ରାଫ୍ ରେଖା, ଧଳା ଫଣ୍ଟ, ଗୋଟିଏ ବାଇଗଣୀ ଚମକ
- Glideapps — ଗୋଟିଏ ବୈଦ୍ୟୁତିକ ନୀଳ ନୀଳ ସ୍ପାର୍କଲ୍ ସହିତ ଏକକ ଡ୍ରାଫ୍ଟିଂ ଟେବୁଲ୍
- Timescale — ଉଷ୍ମ ଗ୍ରାଫ୍ କାଗଜରେ ଇଞ୍ଜିନିୟରିଂ ଚିତ୍ର
- UGLYCASH — କ୍ରିମ୍ ରଙ୍ଗର କାଗଜରେ ଏକ ଷ୍ଟିକର ଆଚ୍ଛାଦିତ ନୋଟବୁକ୍ ଏକ ସାହସୀ, ସର୍ବାଧିକବାଦୀ ଫିନଟେକର ପରିବେଶକୁ ପ୍ରକାଶ କରେ ଯାହା ଗର୍ବର ସହିତ ଏହାର ବିଶୃଙ୍ଖଳା ପ୍ରଦର୍ଶନ କରେ।
- Sprout Social — କଳା ସ୍ଲେଟ୍ ଉପରେ ଏକ ସବୁଜ ଗଜା। ଏକ କଠୋର ମୋନୋକ୍ରୋମ୍ କାନଭାସ୍ ଉପରେ ଏକ ଉଜ୍ଜ୍ୱଳ ଉଚ୍ଚାରଣ, ଯାହାର ରଙ୍ଗ କେବଳ କାର୍ଯ୍ୟ ପାଇଁ ବ୍ୟବହୃତ ହୁଏ, ଏକ ଆତ୍ମବିଶ୍ୱାସୀ ଜ୍ୟାମିତିକ ଫଣ୍ଟ ସହିତ ସାଇନ୍ପୋଷ୍ଟ ଭାବରେ କାର୍ଯ୍ୟ କରେ।
- Krea — ମଧ୍ୟରାତ୍ରିରେ ଗ୍ୟାଲେରୀ ନଏର୍
- Evergreen — ଲିନେନ୍ କାଗଜରେ ସୌର ଗ୍ରୀନହାଉସ୍
- Factory — ମଧ୍ୟରାତ୍ରିରେ "ଯୁଦ୍ଧ କକ୍ଷ" ଟର୍ମିନାଲ। "କାରଖାନା" ହେଉଛି ଏକ କଳା କଣ୍ଟ୍ରୋଲ ପ୍ୟାନେଲ ଯେଉଁଠାରେ ଏକ ଧଳା କାର୍ଡ ଟର୍ଚ୍ଚଲାଇଟ୍-ଜଳିତ ଡିସପ୍ୟାଚ୍ ପରି ପଡ଼ିଥାଏ - କୋଠରୀରେ ଏକମାତ୍ର ବସ୍ତୁ ହେଉଛି କାମ।