Figma
କ୍ରୋମାଟିକ୍ ବିଶୃଙ୍ଖଳା ପାଇଁ ମୋନୋକ୍ରୋମ୍ ଚେସିସ୍
ଏହି ଇଣ୍ଟରଫେସ୍ ଏକ କଠୋର, ଉଚ୍ଚ-ବିପରୀତ ସଂରଚନାତ୍ମକ କଣ୍ଟେନର ଭାବରେ କାର୍ଯ୍ୟ କରେ, ଯାହା ବ୍ୟବହାରକାରୀ-ଉତ୍ପନ୍ନ ବିଷୟବସ୍ତୁକୁ ସମ୍ପୂର୍ଣ୍ଣ ଦୃଶ୍ୟ ପ୍ରାଧାନ୍ୟ ପ୍ରଦାନ କରେ। ବେସଲାଇନ୍ ହେଉଛି ଏକ କଠୋର #000000 ରୁ #ffffff ପ୍ୟାଲେଟ୍, ଯାହା ପ୍ରାଥମିକ ସୀମା ଏବଂ ପାଠ୍ୟ ପାଇଁ ସମ୍ପୂର୍ଣ୍ଣ ସର୍ବାଧିକ ବିପରୀତ ପକ୍ଷରେ ଧୂସର ରଙ୍ଗର ସୂକ୍ଷ୍ମ ଛାୟାକୁ ପରିହାର କରେ। ଟାଇପୋଗ୍ରାଫିକ୍ ପଦାନୁକ୍ରମ ପ୍ରାୟ ସମ୍ପୂର୍ଣ୍ଣ ଭାବରେ ରଙ୍ଗ ପରିବର୍ତ୍ତନ ପରିବର୍ତ୍ତେ ଆକାର ଏବଂ ଆକ୍ରମଣାତ୍ମକ ନକାରାତ୍ମକ ଅକ୍ଷର ବ୍ୟବଧାନ ଉପରେ ଆଧାରିତ, ପାଠ୍ୟର ବଡ଼ ରେଖାକୁ ଘନ ଗ୍ରାଫିକ୍ ବ୍ଲକରେ ରୂପାନ୍ତରିତ କରେ। ସୀମା ବ୍ୟାସାଦର ଲଜିକ୍ ଏକ ସ୍ପଷ୍ଟ ଦ୍ୱିଭାଜନ ସୃଷ୍ଟି କରେ: ବିଶ୍ୱ ନାଭିଗେସନ୍ ଉପାଦାନଗୁଡ଼ିକ ପାଇଁ 50px ବାହ୍ୟ "ନଖ" ବିଷୟବସ୍ତୁ ପାତ୍ରର ସ୍ପଷ୍ଟ 0px କୋଣ ସହିତ ଜାଣିଶୁଣି ବିପରୀତ।
ରଚନାଗୁଡ଼ିକ ଭ୍ୟୁପୋର୍ଟକୁ କେନ୍ଦ୍ର କରି ଅତ୍ୟନ୍ତ ସର୍ବାଧିକ-ପ୍ରସ୍ଥ ସୀମା (୧୪୪୦ ପିକ୍ସେଲ ସର୍ବାଧିକ) ଉପରେ ଆଧାରିତ ଏବଂ ଏଥିରେ ଉଦାର ମାକ୍ରୋ-ସ୍ପେସ୍ (ବିଭାଗ ମଧ୍ୟରେ ୯୬-୧୨୦ ପିକ୍ସେଲ ହ୍ୱାଇଟ୍ସ୍ପେସ୍) ଦ୍ୱାରା ପୃଥକ କରାଯାଇଥିବା ବିଷୟବସ୍ତୁର ଘନ କ୍ଲଷ୍ଟର ଅନ୍ତର୍ଭୁକ୍ତ। "ହିରୋ" ଆର୍କିଟାଇପ୍ ପ୍ରାୟତଃ ଏକ ଭାସମାନ, ସମ୍ପୂର୍ଣ୍ଣ କେନ୍ଦ୍ରିତ UI ବ୍ଲକ୍ ତଳେ ଗତିଶୀଳ ଭାବରେ ଆଙ୍କର୍ ହୋଇଥିବା ଚିତ୍ରଗୁଡ଼ିକର ଏକ ଅସମମିତ ଗ୍ୟାଲେରୀ ବ୍ୟବହାର କରେ। ଫୋଲ୍ଡ ତଳେ, ସୂଚନା ତୁରନ୍ତ କୌଣସି ମାର୍ଜିନ୍ ବିନା ଏକ କଠୋର ଚାରି-ସ୍ତମ୍ଭ ଗ୍ରୀଡ୍ ସହିତ ଅନୁରୂପ ହୁଏ, କାର୍ଡଗୁଡ଼ିକର ପୁନରାବୃତ୍ତି କ୍ଲଷ୍ଟରଗୁଡ଼ିକୁ ଫ୍ରେମ୍ କରେ, ଫ୍ରେମ୍ ରୁ ମାର୍ଜିନ୍ ଦୂର କରିବା ସମୟରେ ବସ୍ତୁ ଘନତାକୁ ସର୍ବାଧିକ କରେ।
ଭିଜୁଆଲ୍ ଡିଜାଇନ୍ ବ୍ୟବହାରକାରୀ-କେନ୍ଦ୍ରିତ ଫଳାଫଳ ଉପରେ ଆଧାରିତ। ଚିତ୍ରଗୁଡ଼ିକ ଏକ ସ୍ପଷ୍ଟ, ଖାଲି ପୃଷ୍ଠଭୂମି ବିରୁଦ୍ଧରେ, ଭୌତିକ ବସ୍ତୁଗୁଡ଼ିକୁ ମନେ ପକାଇବା ପାଇଁ ସମତଳ, ଫ୍ରେମ୍ ବିହୀନ ବର୍ଗ କିମ୍ବା ବିକ୍ଷିପ୍ତ, ଓଭରଲାପ୍ ହେଉଥିବା ଖଣ୍ଡ ଭାବରେ ପ୍ରଦର୍ଶିତ ହୁଏ। ୱେବସାଇଟରେ ଚିତ୍ରଗୁଡ଼ିକ ରଙ୍ଗର ଏକମାତ୍ର ଉତ୍ସ। କୌଣସି ଜୀବନଶୈଳୀ ଫଟୋଗ୍ରାଫି ଉପାଦାନ କିମ୍ବା ମାନକ କର୍ପୋରେଟ୍ ଚିତ୍ର ନାହିଁ - ପ୍ରତ୍ୟେକ ଗ୍ରାଫିକ୍ ଉପାଦାନ ହେଉଛି ଏକ ଡିଜିଟାଲ୍ କାନଭାସର ଏକ ସଠିକ୍, ଆକ୍ଷରିକ ସ୍ନାପସଟ୍, ଏକକାଳୀନ ଉତ୍ପାଦ ପ୍ରମାଣ ଏବଂ ଏକ ପ୍ରାଥମିକ ସୌନ୍ଦର୍ଯ୍ୟ ଉପାଦାନ ଭାବରେ କାର୍ଯ୍ୟ କରେ।
ପ୍ୟାଲେଟ୍
ବ୍ରାଣ୍ଡ
- Context Action Violet
#4d49fc— ସବ୍-ପ୍ୟାନେଲ୍ ମଧ୍ୟରେ ସ୍ଥାନୀୟକୃତ ପ୍ରାଥମିକ କଲ୍ ଟୁ ଆକ୍ସନ୍ - ଗୋଟିଏ ବାଧାପ୍ରାପ୍ତ ରଙ୍ଗ କେନ୍ଦ୍ର ବିନ୍ଦୁକୁ ପରିଭାଷିତ କରେ।
ନିରପେକ୍ଷ
- Absolute Canvas
#ffffff— ପୃଷ୍ଠା ପୃଷ୍ଠଭୂମି, ଭାସମାନ ଟୁଲବାର, ଉଠିଥିବା ପ୍ୟାନେଲ ଆଧାର। - Structural Ink
#000000— ମୌଳିକ ଫଣ୍ଟ, ସଲିଡ୍ ବଟନ୍ ପୃଷ୍ଠଭୂମି, ବଟନ୍ ଆଉଟଲାଇନ୍। - Graphite Metadata
#595959— ଦ୍ୱିତୀୟ ଲେଖକୀୟ ଟେକ୍ସଟ୍, ସ୍ଥାନୀୟକୃତ ସବଟେକ୍ସଟ୍, ପ୍ଲେସହୋଲ୍ଡର୍ ମୂଲ୍ୟ - Boundary Frame
#e2e2e2— ସୂକ୍ଷ୍ମ ବିଭାଜକ ଏବଂ ନିଷ୍କ୍ରିୟ ଇନପୁଟ୍ କ୍ଷେତ୍ର ସୀମା। - Angular Teal
#33dfdf— ସାଜସଜ୍ଜା ପ୍ରଭାବ, ଲୋଡିଂ ସୂଚକ ଏବଂ ସକ୍ରିୟ କର୍ସର୍ ଭିଜୁଆଲାଇଜେସନ୍।
ଟାଇପୋଗ୍ରାଫି
୧୨ ରୁ ୭୨ ପିକ୍ସେଲ ପର୍ଯ୍ୟନ୍ତ · ୬ଟି ପଦକ୍ଷେପ
- figmaSans — ପ୍ରତିସ୍ଥାପନ: Inter · ବାହ୍ୟରେଖା 320, 330, 340, 400, 450, 480, 520, 700 · ଏକ ବହୁମୁଖୀ ଉପକରଣ ଯାହା ପ୍ରଦର୍ଶନ ଶୀର୍ଷକ ଠାରୁ ନାଭିଗେସନ୍ ଲେବଲ୍ ପର୍ଯ୍ୟନ୍ତ ସବୁକିଛି ପରିଚାଳନା କରେ। ଏହା ଅପ୍ଟିକାଲ୍ ନକାରାତ୍ମକ ଟ୍ରାକିଂକୁ ପରିବର୍ତ୍ତନ କରି ଏକ ଅନନ୍ୟ ଲୁକ୍ ସୃଷ୍ଟି କରେ।
- figmaMono — ପ୍ରତିସ୍ଥାପନ: JetBrains Mono · ବାହ୍ୟରେଖା 400 · ମାଇକ୍ରୋଟ୍ୟାଗ୍, ସମନ୍ୱୟ ଟ୍ରାକିଂ, ଏବଂ ବୈଷୟିକ ରୂପ ଯାହା ବିଷୟବସ୍ତୁ ଅପେକ୍ଷା ଉପଭୋକ୍ତା ଇଣ୍ଟରଫେସ୍ ଉପାଦାନ ଭାବରେ ଅଧିକ କାର୍ଯ୍ୟ କରେ।
ବ୍ୟବଧାନ ଏବଂ ରୂପ
| ଉଦ୍ଦେଶ୍ୟ | ଅର୍ଥ |
|---|---|
| ଘନତ୍ୱ | ଘନ |
| ମୌଳିକ ପଦକ୍ଷେପ | 24px |
| ବଟନ୍ ପରିଧି | 8px |
| କାର୍ଡ ପରିଧି | 12px |
| ଛାଇ | ଛାୟା ବଦଳରେ ନାହିଁ - ସୀମା |
| ବିଭାଗଗୁଡ଼ିକ ମଧ୍ୟରେ | 96-120px |
| ପୃଷ୍ଠାର ପ୍ରସ୍ଥ | 1440px |
AI ଆପଣଙ୍କ ୱେବସାଇଟ୍ Figma ଶୈଳୀରେ ତିଆରି କରିବ ଏବଂ ଏହାକୁ ପୂରଣ କରିବ।
- ଲିଙ୍କ୍ ମାଧ୍ୟମରେ ଉତ୍ପାଦ ଏବଂ ପୋଷ୍ଟ ପୂରଣ କରନ୍ତୁ - Instagram, TikTok, Facebook ।
- ଆପଣଙ୍କର ପୁରୁଣା ସାଇଟ୍ରୁ ବିଷୟବସ୍ତୁ ସ୍ଥାନାନ୍ତର କରନ୍ତୁ—କେବଳ ଠିକଣା ନିର୍ଦ୍ଦିଷ୍ଟ କରନ୍ତୁ।
- ସର୍ବୋତ୍ତମ ଇଞ୍ଜିନରେ ଆଧୁନିକ ଡିଜାଇନ୍: ସର୍ଭର ରେଣ୍ଡରିଂ ଏବଂ SEO ଅପ୍ଟିମାଇଜେସନ୍ ସହିତ React ( Next.js)।
- ସନ୍ଧାନ ଫଳାଫଳ ଏବଂ ନ୍ୟୁରାଲ୍ ନେଟୱାର୍କ ସୁପାରିଶ ପାଇଁ ସମ୍ପୂର୍ଣ୍ଣ ସ୍ୱୟଂଚାଳିତ SEO ଅପ୍ଟିମାଇଜେସନ୍।
ସମାନ ଷ୍ଟାଇଲ୍
- Caldera — ଉଷ୍ମ ଚୂନପଥର ଉପରେ ନିଆଁ ଲଗାନ୍ତୁ। କାନଭାସ୍ କଞ୍ଚା, ଉଷ୍ମ ପ୍ଲାଷ୍ଟର ଅଟେ, ଏବଂ ପ୍ରତ୍ୟେକ କମଳା ଉପାଦାନ ପୃଷ୍ଠରେ ଚାପି ହୋଇ ଧୂଆଁଳିଆ ଅଙ୍ଗାର ପରି ଦେଖାଯାଉଛି।
- Vercel — ଧଳା କାଗଜରେ ମୁଦ୍ରିତ ଟର୍ମିନାଲ
- Dylanbrouwer — ସୂର୍ଯ୍ୟାସ୍ତ ସମୟରେ ନିଷ୍ଠୁର ଢାଞ୍ଚା କାରଖାନା
- Headspace — ଗରମ କାଗଜ ଉପରେ ଏକ ସୂର୍ଯ୍ୟ କିରଣୀୟ ସୁସ୍ଥତା କୋଣ
- WHOOP — ମଧ୍ୟରାତ୍ରିରେ ପ୍ରଦର୍ଶନ ପରୀକ୍ଷାଗାର - ଏକ କଳା ନାଟ୍ୟ ଶୂନ୍ୟ ତଳେ ଧଳା କ୍ଲିନିକାଲ୍ ପରୀକ୍ଷାଗାର ଟେବୁଲ, ବିଦ୍ୟୁତ୍ ସ୍ପନ୍ଦନର ଏକ ବାଇଗଣୀ ରଙ୍ଗ।
- (dot)connect — ଗୋଟିଏ ଖଣ୍ଡ କୋଇଲା ସହିତ ଏକ ସ୍ୱିସ୍ ଇଞ୍ଜିନିୟରିଂ ଚିତ୍ର
- Together AI — ହିମପତ୍ର ଉପରେ ଗବେଷଣା କନସୋଲ୍
- Vivid+Co — ଅବସିଡିଆନ୍ ଦେଇ ପ୍ରିଜିମାଟିକ୍ ଆଲୋକ
- Sequel — ଅନ୍ଧାର ପରେ ଏକ ବ୍ୟକ୍ତିଗତ ସ୍କ୍ରିନିଂ ହେଉଛି ଅନ୍ୟଥା ଅନ୍ଧାର ସିନେମାରେ ଏକମାତ୍ର ଉଷ୍ମ ଆଲୋକ।
- v0 by Vercel — ଲେଥ୍ ଡ୍ରଇଂ। ସଠିକତା ଏବଂ କାର୍ଯ୍ୟକ୍ଷମତା ସବୁଠାରୁ ଗୁରୁତ୍ୱପୂର୍ଣ୍ଣ, ପ୍ରତ୍ୟେକ ଉପାଦାନ ଏକ ସଫା, ବୈଷୟିକ ଭାବରେ ସମ୍ପୂର୍ଣ୍ଣ ପୃଷ୍ଠରେ ଏକ ସ୍ପଷ୍ଟ ଉଦ୍ଦେଶ୍ୟ ସାଧନ କରେ।
- ThoughtLab — ଏକ ସିନ୍ଦୂରବର୍ଣ୍ଣ ସଙ୍କେତ ସହିତ ଏକ ଅବସିଡିଆନ୍ ସ୍ମାରକୀ। କଳା ଶୂନ୍ୟତାର ଏକ କାନଭାସ୍, ଯେଉଁଠାରେ କ୍ୟାଥେଡ୍ରାଲ୍ରେ ଏକମାତ୍ର ସଂତୃପ୍ତ ଲାଲ ବସ୍ତୁ, ବଡ଼ ଧଳା ଅକ୍ଷରରେ ମୁଦ୍ରିତ, ଏକ ଏକକ ରଙ୍ଗୀନ ଚିତ୍ର।
- Dovetail — କଳା ଚନ୍ଦ୍ର ତଳେ ଏକ ବ୍ଲୁପ୍ରିଣ୍ଟ - କେବଳ ଦୃଶ୍ୟମାନ ଗ୍ରାଫ୍ ରେଖା, ଧଳା ଫଣ୍ଟ, ଗୋଟିଏ ବାଇଗଣୀ ଚମକ