Ui

ମ୍ୟାଟ୍ ପେପରରେ କ୍ଲିନିକାଲ୍ ଯୋଜନା

shadcn/ui ହେଉଛି ଏକ ମନୋକ୍ରୋମ ଡିଜାଇନ୍ ସିଷ୍ଟମ୍ ତିଆରି କରିବା ପାଇଁ ଏକ କର୍ମଶାଳା: ଏକ ସଫା ଧଳା କାନଭାସ୍, ନରମ ଉଷ୍ମ ଧୂସର ପୃଷ୍ଠ ଏବଂ ସବୁଠାରୁ ସୂକ୍ଷ୍ମ ସୀମାରେ ସ୍ଥାନିତ ବଡ଼-ବ୍ୟାସାର୍ଦ୍ଧ କାର୍ଡ। ଇଣ୍ଟରଫେସ୍ ପ୍ରାୟ ସମ୍ପୂର୍ଣ୍ଣ ଭାବରେ ଆକ୍ରୋମେଟିକ୍ - କଳା ପାଠ୍ୟ, ଧଳା ପୃଷ୍ଠ, ଧୂସର ଦ୍ୱିତୀୟ ଟୋନ୍ - ତ୍ରୁଟି ଅବସ୍ଥା ପାଇଁ ସଂରକ୍ଷିତ ଏକକ, ବିଭ୍ରାନ୍ତିକର ଲାଲ ରଙ୍ଗ ସହିତ ଏବଂ ଅନ୍ୟ କିଛି ନୁହେଁ। ଟାଇପୋଗ୍ରାଫି ସ୍କ୍ରିନରେ କଡ଼ା ଅକ୍ଷର-ଉଚ୍ଚତା ସହିତ Geist ର ଜ୍ୟାମିତିକ ନିରପେକ୍ଷତା ଉପରେ ନିର୍ଭର କରେ, ଏକ ଶାନ୍ତ, କୋଡ୍ ପରି ଅନୁଭବ ସୃଷ୍ଟି କରେ ଯାହା ଏକ ଗ୍ରାହକ ଉତ୍ପାଦ ଅପେକ୍ଷା ଡେଭଲପର ଭିତ୍ତିଭୂମି ପରି ଅନୁଭବ କରେ।

ସର୍ବନିମ୍ନ ପ୍ରତିଛବି - ସିଷ୍ଟମରେ ପ୍ରାୟ ସମ୍ପୂର୍ଣ୍ଣ ଭାବରେ ବ୍ୟବହାରକାରୀ ଇଣ୍ଟରଫେସ ଥାଏ। କୌଣସି ପ୍ରମୁଖ ଫଟୋ, ଚିତ୍ର, କିମ୍ବା ସାଜସଜ୍ଜା ଗ୍ରାଫିକ୍ସ ନାହିଁ। ଉତ୍ପାଦ ଡେମୋଗୁଡ଼ିକୁ ଏକ ଗ୍ରୀଡରେ ଉପାଦାନ ମକଅପ୍ (କାର୍ଡ, ଇନପୁଟ୍ କ୍ଷେତ୍ର, ବଟନ୍) ଭାବରେ ଉପସ୍ଥାପିତ କରାଯାଏ, ଯାହା ଡକ୍ୟୁମେଣ୍ଟେସନ୍ ଏବଂ ଦୃଶ୍ୟ ବିଷୟବସ୍ତୁ ଉଭୟ ଭାବରେ କାର୍ଯ୍ୟ କରେ। ଆଇକନଗୁଡ଼ିକ ହେଉଛି ପତଳା ଜ୍ୟାମିତିକ ରେଖା (ସମ୍ଭବତଃ ଲୁସାଇଡ୍ ରୁ ଉଧାର ନିଆଯାଇଛି) 1.5–2px ମୋଟା #0a0a0a କିମ୍ବା #737373 ରେ, କାର୍ଯ୍ୟକ୍ଷମ ସଙ୍କେତ ଭାବରେ ଅଳ୍ପ ବ୍ୟବହୃତ ହୁଏ। ଦୃଶ୍ୟ ଭାଷା ହେଉଛି UI ଉପାଦାନଗୁଡ଼ିକ - ପୃଷ୍ଠାଟି ଏକ ଜୀବନ୍ତ ଶୈଳୀ ମାର୍ଗଦର୍ଶିକା ଭାବରେ କାର୍ଯ୍ୟ କରେ, ଯେଉଁଠାରେ ପ୍ରତ୍ୟେକ ଦୃଶ୍ୟମାନ ଉପାଦାନ ଏକ ଦୃଶ୍ୟମାନ ଡିଜାଇନ୍ ଉପାଦାନ।

ପ୍ୟୁର୍ ସାସ ମୋନୋକ୍ରୋମ୍ମିନିମାଲିଜିମ୍

https://ui.shadcn.com

ପ୍ୟାଲେଟ୍

ନିରପେକ୍ଷ

Canvas #f5f5f5 — ପୃଷ୍ଠା ପୃଷ୍ଠଭୂମି, ମ୍ୟୁଟ୍ ହୋଇଥିବା ପୃଷ୍ଠ ପୂରଣ, ଅତିରିକ୍ତ ବଟନ୍।
Paper #ffffff — କାର୍ଡ ପୃଷ୍ଠ, ପପ୍-ଅପ୍ ପୃଷ୍ଠଭୂମି, ପ୍ରାଥମିକ ବଟନ୍ ପୂରଣ
Surface Alt #fafafa — ସାଇଡବାର ପୃଷ୍ଠଭୂମି, ଅବାଧ କାର୍ଡ ବିକଳ୍ପ, ଇନପୁଟ୍ କ୍ଷେତ୍ରର ନିଷ୍କ୍ରିୟ ଅବସ୍ଥା।
Ink #0a0a0a — ମୁଖ୍ୟ ପାଠ୍ୟ, ଶୀର୍ଷକ, ବଟନ୍ ଲେବଲ୍, ଆଇକନ୍ ଆଉଟଲାଇନ୍।
Ink Soft #171717 — ଫିଲ୍ ସହିତ ବଟନ୍ ପୃଷ୍ଠଭୂମି ଚିତ୍ର, ହାଲୁକା ପୃଷ୍ଠଭୂମିରେ ଅତିରିକ୍ତ ପାଠ୍ୟ।
Mid Gray #737373 — ମୁଖ୍ୟ ପାଠ୍ୟ, ପ୍ଲେସହୋଲ୍ଡର୍ ପାଠ୍ୟ, ସହାୟକ ଲେବଲ୍ ଏବଂ ବିଶ୍ରାମ ସ୍ଥାନରେ ଆଇକନ୍ ପୂରଣ ସବୁ ମ୍ୟୁଟ୍ କରାଯାଇଛି।

ଟାଇପୋଗ୍ରାଫି

୧୨ ରୁ ୪୮ ପିକ୍ସେଲ ପର୍ଯ୍ୟନ୍ତ · ୮ଟି ପଦକ୍ଷେପ

Geist — ପ୍ରତିସ୍ଥାପନ: Inter · ବାହ୍ୟରେଖା 400, 500, 600 · ସମସ୍ତ ଇଣ୍ଟରଫେସ୍ ପାଠ୍ୟ—୧୪px/୪୦୦ ଲାଇନ ଓଜନ ସହିତ ବଡି ଟେକ୍ସଟ୍, ୨୪–୪୮px/୬୦୦ ଲାଇନ ଓଜନ ସହିତ ଶୀର୍ଷକ ଏବଂ ୧୩–୧୪px/୫୦୦ ଲାଇନ ଓଜନ ସହିତ ବଟନ୍। Geist ର ଜ୍ୟାମିତିକ ଅକ୍ଷରରୂପ ଏବଂ ସମାନ ଲାଇନ ଓଜନ ଡେଭଲପର ଉପକରଣ ପାଇଁ ଏକ ନିରପେକ୍ଷ ଅନୁଭବ ସୃଷ୍ଟି କରେ; ୪୮px ଅକ୍ଷର ବ୍ୟବଧାନ ଏବଂ -୦.୦୫em ଅକ୍ଷର ବ୍ୟବଧାନ ସହିତ ଏକ ୬୦୦ ଲାଇନ ଓଜନ ସ୍ପଷ୍ଟ, ଆତ୍ମବିଶ୍ୱାସୀ ଶୀର୍ଷକଗୁଡ଼ିକୁ ସୁନିଶ୍ଚିତ କରେ ଯାହା ସମ୍ପାଦିତ ହେବା ପରିବର୍ତ୍ତେ ଚିନ୍ତାଶୀଳ ଦେଖାଯାଏ।

ବ୍ୟବଧାନ ଏବଂ ରୂପ

ଉଦ୍ଦେଶ୍ୟ	ଅର୍ଥ
ଘନତ୍ୱ	ଘନ
ମୌଳିକ ପଦକ୍ଷେପ	8px
ବଟନ୍‌ ପରିଧି	18px
କାର୍ଡ ପରିଧି	24px
ଛାଇ	ଛାୟା ବଦଳରେ ନାହିଁ - ସୀମା
ବିଭାଗଗୁଡ଼ିକ ମଧ୍ୟରେ	48-80px
ପୃଷ୍ଠାର ପ୍ରସ୍ଥ	1280px

AI ଆପଣଙ୍କ ୱେବସାଇଟ୍ Ui ଶୈଳୀରେ ତିଆରି କରିବ ଏବଂ ଏହାକୁ ପୂରଣ କରିବ।

ଲିଙ୍କ୍ ମାଧ୍ୟମରେ ଉତ୍ପାଦ ଏବଂ ପୋଷ୍ଟ ପୂରଣ କରନ୍ତୁ - Instagram, TikTok, Facebook ।
ଆପଣଙ୍କର ପୁରୁଣା ସାଇଟ୍‌ରୁ ବିଷୟବସ୍ତୁ ସ୍ଥାନାନ୍ତର କରନ୍ତୁ—କେବଳ ଠିକଣା ନିର୍ଦ୍ଦିଷ୍ଟ କରନ୍ତୁ।
ସର୍ବୋତ୍ତମ ଇଞ୍ଜିନରେ ଆଧୁନିକ ଡିଜାଇନ୍: ସର୍ଭର ରେଣ୍ଡରିଂ ଏବଂ SEO ଅପ୍ଟିମାଇଜେସନ୍ ସହିତ React ( Next.js)।
ସନ୍ଧାନ ଫଳାଫଳ ଏବଂ ନ୍ୟୁରାଲ୍ ନେଟୱାର୍କ ସୁପାରିଶ ପାଇଁ ସମ୍ପୂର୍ଣ୍ଣ ସ୍ୱୟଂଚାଳିତ SEO ଅପ୍ଟିମାଇଜେସନ୍।

ଏହି ଶୈଳୀରେ ଏକ ୱେବସାଇଟ୍ ତିଆରି କରନ୍ତୁ

ସମାନ ଷ୍ଟାଇଲ୍

Ventriloc — ଉଷ୍ମ କାଗଜରେ ତଥ୍ୟର ଏକ ସମ୍ପାଦକୀୟ ପର୍ଯ୍ୟବେକ୍ଷଣାଗାର - ଏକକ କମଳା ଅଙ୍ଗାର ଯାହା ଏକକ ରଙ୍ଗର ସଠିକତାକୁ ଉଜ୍ଜ୍ୱଳ କରିଥାଏ
Geniestudio — ଏକ ନରମ ଦିବାଲୋକ ନୋଟବୁକ୍ - ଚଉଡା ମାର୍ଜିନ୍ ଏବଂ ଗୋଟିଏ ମୋଟା ପେନ୍ ଷ୍ଟ୍ରୋକ୍ ସହିତ
xAI — କଳା ବଟିକା ସହିତ ଉଷ୍ମ କ୍ରିମ୍ ଲ୍ୟାବ୍
Cal — ଏକକ କ୍ରୋମ ବ୍ୟବହାରିକତା, ଏକ ମାନବିକ ଦୃଷ୍ଟିକୋଣ। ଏକ ସିଷ୍ଟମ ଯାହା ଏକ କଠୋର କଳା-ଧଳା ପ୍ୟାଲେଟ୍ ମାଧ୍ୟମରେ ସ୍ପଷ୍ଟତା ଏବଂ କାର୍ଯ୍ୟକାରିତାକୁ ପ୍ରାଥମିକତା ଦିଏ, କିନ୍ତୁ ବନ୍ଧୁତ୍ୱପୂର୍ଣ୍ଣ ଟାଇପୋଗ୍ରାଫି ଏବଂ ଗୋଲାକାର ଆକୃତି ସହିତ ଏହାକୁ ମଜଭୁତ କରେ।
Scale — ଏକ ଉଚ୍ଚମାନର ସଂଗ୍ରହାଳୟ-ଗୁଣବତ୍ତା ଫଟୋ ପରୀକ୍ଷାଗାର ସହିତ ଏକ ବୈଷୟିକ ପ୍ରକଳ୍ପ
Contractbook — ଏକ ଅଲଟ୍ରାମାରାଇନ୍ ଆକାଶ ତଳେ କ୍ରିମ୍ କାଗଜର ଚୁକ୍ତିନାମା
AutoSend — ଗୋଟିଏ ବାଇଗଣୀ ଆଲୋକ ସହିତ ଏକ ଆରାମଦାୟକ ପଥର ଷ୍ଟୁଡିଓ - ଯେଉଁଠାରେ ସେରିଫ୍ ହେଡଲାଇନ୍ସ ଏବଂ ଉଜ୍ଜ୍ୱଳ ନୀଳ ରଙ୍ଗର ଆହ୍ବାନ ଗୋଟିଏ ଶାନ୍ତ, ପ୍ରାୟ ଧଳା ସ୍ଥାନରେ ସହାବସ୍ଥାନ କରନ୍ତି।
Air — ମୂର୍ତ୍ତି "କାଚ ମାଧ୍ୟମରେ ମଧ୍ୟରାତ୍ରି ଆକାଶ"
SpatialChat — ଧଳା ଚର୍ମ ଉପରେ ବାଇଗଣୀ ନାଡ଼ି
Squarespace — ସିନେମାଟିକ୍ ମୋନୋକ୍ରୋମ୍ ଗ୍ୟାଲେରୀ
Giga — ତୁଷାରପାତିତ ଅବ୍ସିଡିଆନ୍ ଉପରେ ମଧ୍ୟରାତ୍ରି ଦିଗବଳୟ
Supabase — ମଧ୍ୟରାତ୍ରିରେ ଏକ ଫସଫରସେଣ୍ଟ ସବୁଜ ବିନ୍ଦୁ ସହିତ ଏକ କୋଡ୍ ସମ୍ପାଦକ - କୋଇଲା ଧୂଳିର ସମୁଦ୍ର ଉପରେ ଏକ ଏକକ ରଙ୍ଗୀନ ସ୍ପନ୍ଦନ