Stripe
ଫ୍ରଷ୍ଟେଡ୍ କାଚ ଉପରେ ସିନ୍ଦୁର କାଳିରେ ଲେଖାଯାଇଥିବା ଏକ ହିସାବ ପୁସ୍ତକ
Stripe ଆର୍ଥିକ ଉପକରଣ ପାଇଁ ପ୍ରାୟ ଏକ ମନୋରମ ଭାଷା ବ୍ୟବହାର କରେ: ଗାଢ଼ ନୀଳ ଶୀର୍ଷକ ସହିତ ଏକ ନରମ, ଥଣ୍ଡା ଧଳା କାନଭାସ୍, ପ୍ରାୟ କୌଣସି ସାଜସଜ୍ଜା କ୍ରୋମ୍ ଉପାଦାନ ନାହିଁ, ଏବଂ ଏକ ଉଜ୍ଜ୍ୱଳ ଇଣ୍ଡିଗୋ (#533afd) ଯାହାକୁ ବୈଧ ଭାବରେ ଏକ ବଟନ୍, ଲିଙ୍କ୍ କିମ୍ବା ଆଇକନ୍ ଆଉଟଲାଇନ୍ ଭାବରେ ବ୍ୟବହାର କରାଯାଇପାରିବ। ଟାଇପୋଗ୍ରାଫି ଅସାଧାରଣ ଭାବରେ ପତଳା, 300-ପଏଣ୍ଟ ଓଜନ ସହିତ - ଏପରିକି 56px ରେ - ଯାହା ସ୍ପଷ୍ଟ ଭାବରେ କର୍ପୋରେଟ୍ ନୁହେଁ ବରଂ ଆତ୍ମବିଶ୍ୱାସର ସହିତ କମ୍ ମନେ ହୁଏ; ବର୍ଦ୍ଧିତ ଆକାର ସହିତ ଅକ୍ଷର ବ୍ୟବଧାନ ତୀବ୍ର ଭାବରେ ହ୍ରାସ ପାଏ। ବଟନ୍ଗୁଡ଼ିକ ଛୋଟ, ବର୍ଗାକାର (4px), ଏବଂ ବାଇଗଣୀ ପୂରଣ କିମ୍ବା ସବୁଠାରୁ ପତଳା ବାଇଗଣୀ ରୂପରେଖା ବ୍ୟବହାର କରେ। ସିଷ୍ଟମ୍ ସମ୍ପୂର୍ଣ୍ଣ ଭାବରେ ଛାଇକୁ ଏଡ଼ାଇ ଦିଏ; ଉଚ୍ଚତା ମାଧ୍ୟମରେ ନୁହେଁ ବରଂ ପୃଷ୍ଠଭୂମି ରଙ୍ଗ (ଧଳା → #f8fafd → #e5edf5 → ବାଇଗଣୀ ରଙ୍ଗ) ପରିବର୍ତ୍ତନ କରି ଗଭୀରତା ହାସଲ କରାଯାଏ। ସମ୍ପୂର୍ଣ୍ଣ ଇଣ୍ଟରଫେସ୍ ଏକ ଆକାଉଣ୍ଟିଂ ଲେଜର କିମ୍ବା ଏକ ଟର୍ମିନାଲ ପରି କାର୍ଯ୍ୟ କରେ: ଘନ ସୂଚନା, ସ୍ପଷ୍ଟ ରେଖା, ବିଭାଗ ମଧ୍ୟରେ ପର୍ଯ୍ୟାପ୍ତ ସ୍ଥାନ, ଏବଂ ରଙ୍ଗ କେବଳ ସେତେବେଳେ ଦେଖାଯାଏ ଯେତେବେଳେ ଏକ କାର୍ଯ୍ୟ ଆବଶ୍ୟକ ହୁଏ।
ଧଳା କାନଭାସରେ ଏକ କେନ୍ଦ୍ରିତ ବିଷୟବସ୍ତୁ ସ୍ତମ୍ଭ ପାଇଁ ସର୍ବାଧିକ ପ୍ରସ୍ଥ ~1320px। ହିରୋ ହେଉଛି ପୂର୍ଣ୍ଣ ଆକାର (56px) ରେ ଏକ ବାମ-ସଂରକ୍ଷିତ ପାଠ୍ୟ ବ୍ଲକ ଯାହା ତଳେ ଦୁଇଟି କଲ୍ ଟୁ ଆକ୍ସନ୍ ସହିତ, କୌଣସି ହିରୋ ପ୍ରତିଛବି ନାହିଁ - ଟାଇପୋଗ୍ରାଫି ହେଉଛି ହିରୋ। ବିଭାଗଗୁଡ଼ିକ ସମାନ 96px ଗଟର ଏବଂ 1px #e5edf5 ଡିଭାଇଡର୍ ସହିତ ଭୂଲମ୍ବ ଭାବରେ ସଜାଯାଇଛି; କୌଣସି ବିକଳ୍ପ ଗାଢ଼/ହାଲୁକା ଷ୍ଟ୍ରାଇପ୍ ନାହିଁ। ପ୍ରତ୍ୟେକ ବିଭାଗ ଏକ ପୁନରାବୃତ୍ତି ଢାଞ୍ଚା ଅନୁସରଣ କରେ: ସମସ୍ତ କ୍ୟାପିଟାଲ୍ସରେ ଏକ ଛୋଟ ବିଭାଗ ଶୀର୍ଷକ (ଧୂମ ରଙ୍ଗ, 12px), ତାପରେ ଏକ 32-48px ଶୀର୍ଷକ, ତାପରେ ଏକ 22px ଅନୁଚ୍ଛେଦ, ତାପରେ ଉତ୍ପାଦ କାର୍ଡଗୁଡ଼ିକର ଏକ ଗ୍ରୀଡ୍ (ଡେସ୍କଟପ୍ ଉପରେ 3 ସ୍ତମ୍ଭ) କିମ୍ବା ଭିଜୁଆଲ୍ ଆର୍ଟ ସହିତ ଏକ 2-ସ୍ତମ୍ଭ ପାଠ୍ୟ ବ୍ଲକ। କ୍ଲାଏଣ୍ଟ ଲୋଗୋଗୁଡ଼ିକ ବାମ-ସଂରକ୍ଷିତ ଏକ ସଂକୀର୍ଣ୍ଣ ଭୂଲମ୍ବ ଷ୍ଟ୍ରିପ୍ ରେ ଦେଖାଯାଏ। ଫୁଟର୍ ହେଉଛି ଲିଙ୍କଗୁଡ଼ିକର ବହୁ-ସ୍ତମ୍ଭ ତାଲିକା ସହିତ ଏକ ପ୍ରଶସ୍ତ #f8fafd ଷ୍ଟ୍ରିପ୍। ସାମଗ୍ରିକ ତାଳ ଧୀର, ମାପଯୁକ୍ତ ଏବଂ ମୁଖ୍ୟତଃ ପାଠ୍ୟ - ଲମ୍ବା ସ୍କ୍ରୋଲ୍ ଲମ୍ବ ସତ୍ତ୍ୱେ ସୂଚନା ଘନତା କମ୍।
ଚିତ୍ରଗୁଡ଼ିକ ସଂଯମିତ ଏବଂ ଡକ୍ୟୁମେଣ୍ଟାରୀ-ଶୈଳୀରେ ନିର୍ମିତ। ପୂର୍ଣ୍ଣ-ପୃଷ୍ଠା ଫଟୋଗୁଡ଼ିକ କେବଳ କେସ୍ ଷ୍ଟଡି (ଯଥା, ହର୍ଜ ପାଇଁ ଏରିଆଲ୍ ଟ୍ରାଫିକ୍ ଫଟୋଗ୍ରାଫି) ବିଶିଷ୍ଟ ବିଭାଗଗୁଡ଼ିକରେ ଦେଖାଯାଏ, ଉପରୁ କିମ୍ବା ନାଟକୀୟ କୋଣରେ ଉତ୍ତୋଳନ କରାଯାଏ, ପ୍ରାକୃତିକ ରଙ୍ଗ ବ୍ୟବହାର କରି - କୌଣସି ଡୁଓଟୋନ୍ କିମ୍ବା ରଙ୍ଗ ପ୍ରକ୍ରିୟାକରଣ ନାହିଁ। ଉତ୍ପାଦର ୟୁଜର ଇଣ୍ଟରଫେସର ସ୍କ୍ରିନସଟ୍ଗୁଡ଼ିକ ଫିଚର୍ କାର୍ଡ ମଧ୍ୟରେ ବ୍ୟବହୃତ ହୁଏ, ତୀକ୍ଷ୍ଣ କୋଣ ଏବଂ ସ୍ପଷ୍ଟ ସୀମା ସହିତ ରେଣ୍ଡର୍ କରାଯାଏ, ଡିଭାଇସ୍ ଫ୍ରେମ୍ ବିନା। ପାର୍ଟନର ଲୋଗୋଗୁଡ଼ିକ କୌଣସି ପାତ୍ର ବିନା, ସେମାନଙ୍କର ନିଜସ୍ୱ ରଙ୍ଗରେ ପ୍ରଦର୍ଶିତ ହୁଏ। କୌଣସି ଚିତ୍ରଣ, 3D ରେଣ୍ଡର୍ କିମ୍ବା ସାଜସଜ୍ଜା ସାରକ ଗ୍ରାଫିକ୍ ଉପାଦାନ ନାହିଁ। ଆଇକନ୍ଗୁଡ଼ିକ ସମାନ: ଧଳା ପୃଷ୍ଠଭୂମିରେ ରେଖା ଓଜନ 1, ରେଖା ଓଜନ 2, ଜ୍ୟାମିତିକ ରେଖା କଳା ସହିତ (ଚେଭ୍ରନ୍, ତୀର, ଚେକ୍ମାର୍କ, ଡକ୍ୟୁମେଣ୍ଟ ପ୍ରତୀକ)। ପୃଷ୍ଠାଟି ମୁଖ୍ୟତଃ ପାଠ୍ୟ ଏବଂ ଧଳା ସ୍ଥାନ ନେଇ ଗଠିତ; ଛବିଗୁଡ଼ିକ ମୋଟ ଦୃଶ୍ୟ କ୍ଷେତ୍ରର 3% ରୁ କମ୍ ଅଧିକାର କରେ।
ପ୍ୟାଲେଟ୍
ବ୍ରାଣ୍ଡ
- Indigo Ink
#533afd— ପୂର୍ଣ୍ଣ ବଟନ୍, ଚୟନିତ ନାଭିଗେସନ୍ ଅବସ୍ଥା ଏବଂ ଫୋକସ୍-ଚାଳିତ ରୂପାନ୍ତର ମୁହୂର୍ତ୍ତ ପାଇଁ ବାଇଗଣୀ ରଙ୍ଗ ବ୍ୟବହୃତ ହୁଏ। - Indigo Hover
#7389ff— ଲିଙ୍କ୍, ଟ୍ୟାଗ୍ ଏବଂ ଛୋଟ ବାକ୍ୟାଂଶକୁ ହାଇଲାଇଟ୍ କରିବା ପାଇଁ ବାଇଗଣୀ ରଙ୍ଗ ବ୍ୟବହାର କରାଯାଏ। ଏହାକୁ କଲ୍ ଟୁ ଆକ୍ସନ୍ ପାଇଁ ପ୍ରାଥମିକ ରଙ୍ଗ ଭାବରେ ବ୍ୟବହାର କରାଯିବା ଉଚିତ୍ ନୁହେଁ।
ନିରପେକ୍ଷ
- Midnight Ink
#061b31— ମୁଖ୍ୟ ଶୀର୍ଷକ ଏବଂ ମୁଖ୍ୟ ଲେଖା ଏକ ଗଭୀର, ପ୍ରାୟ କଳା ରଙ୍ଗ ସହିତ ଏକ ଥଣ୍ଡା ନୀଳ ରଙ୍ଗ, ଯାହା ସମଗ୍ର ଫଣ୍ଟ ସିଷ୍ଟମର ଆଧାର ଭାବରେ କାର୍ଯ୍ୟ କରେ। - Slate
#64748d— ଧୂସର ରଙ୍ଗର ଲେଖା ଲିଙ୍କ୍, ଟ୍ୟାଗ୍ ଏବଂ ଛୋଟ ଛୋଟ ବାକ୍ୟାଂଶକୁ ହାଇଲାଇଟ୍ କରେ। - Steel
#50617a— ଉପଲାଇସେନ୍ସରେ ବ୍ୟବହୃତ ସ୍ଲେଟ୍ ଏବଂ ମ୍ୟୁଟ୍ ବାଇଗଣୀ ଟୋନ୍ ମଧ୍ୟରେ ଅତିରିକ୍ତ ପାଠ୍ୟ ଏବଂ ସହାୟକ ସାମଗ୍ରୀ ସ୍ଥାନିତ ହୋଇଛି। - Smoke
#839bc8— ବଡ଼ ସାଜସଜ୍ଜା ଶୀର୍ଷକ ଏବଂ ସହିତ ଥିବା ପାଠ୍ୟ ପାଇଁ, ଏକ ନିଃଶବ୍ଦ ବାଇଗଣୀ ଛାଇ ବ୍ୟବହାର କରାଯାଏ - କେବେବି ମୁଖ୍ୟ ଅଂଶରେ ନୁହେଁ। - Pure White
#ffffff— ପୃଷ୍ଠା କାନଭାସ୍ ଏବଂ କାର୍ଡଗୁଡ଼ିକର ଉଠିଥିବା ପୃଷ୍ଠଭୂମି; ଡିଫଲ୍ଟ ପୃଷ୍ଠଭୂମି ଯାହା ବିରୁଦ୍ଧରେ ଅନ୍ୟ ସବୁକିଛି ମାପ କରାଯାଏ। - Mist
#f8fafd— ଫୁଟର ପୃଷ୍ଠଭୂମି ଏବଂ ସେକ୍ସନ ଡିଭାଇଡର୍ ଏକ ସୂକ୍ଷ୍ମ ଶୀତଳ ଛାଇ ଯାହା ଦୃଶ୍ୟମାନ ସୀମା ବିନା ଅଞ୍ଚଳଗୁଡ଼ିକୁ ପୃଥକ କରେ।
ଟାଇପୋଗ୍ରାଫି
୧୨ ରୁ ୫୬ ପିକ୍ସେଲ ପର୍ଯ୍ୟନ୍ତ · ୯ଟି ପଦକ୍ଷେପ
- sohne-var — ପ୍ରତିସ୍ଥାପନ: Inter Tight (variable · ବାହ୍ୟରେଖା 300, 400 · ସମଗ୍ର ଇଣ୍ଟରଫେସରେ ବ୍ୟବହୃତ ଏକମାତ୍ର ଫଣ୍ଟ ହେଉଛି ଶୀର୍ଷକ, ବଡି ଟେକ୍ସଟ୍, ନାଭିଗେସନ୍, ବଟନ୍ ଏବଂ ଲେବଲ୍ ପାଇଁ। 300 ଓଜନ 56px ସ୍କ୍ରିନ୍ ଆକାରରେ ମଧ୍ୟ ପ୍ରଚଳିତ ହୁଏ, ଯାହା ଏକ ସ୍ୱତନ୍ତ୍ର ବୈଶିଷ୍ଟ୍ୟ: ଶୀର୍ଷକଗୁଡ଼ିକ ଚିତ୍କାର କରିବା ଅପେକ୍ଷା ଫୁସ୍ଫୁସ୍ କରେ, ଭଲ୍ୟୁମ୍ ଅପେକ୍ଷା ସଂଯମତା ମାଧ୍ୟମରେ କର୍ତ୍ତୃତ୍ୱ ପ୍ରତିଷ୍ଠା କରେ। 400 ଓଜନ କେବଳ ନାଭିଗେସନ୍ ଏବଂ ବଟନ୍ ଟେକ୍ସଟ୍ ପାଇଁ 14-16px ରେ ଦେଖାଯାଏ, ଯେଉଁଠାରେ ଛୋଟ ଆକାରରେ ପଢ଼ିବା ପାଇଁ ଏକ ଅତିରିକ୍ତ ଷ୍ଟ୍ରୋକ୍ ଆବଶ୍ୟକ।
ବ୍ୟବଧାନ ଏବଂ ରୂପ
| ଉଦ୍ଦେଶ୍ୟ | ଅର୍ଥ |
|---|---|
| ଘନତ୍ୱ | ପ୍ରଶସ୍ତ |
| ମୌଳିକ ପଦକ୍ଷେପ | 8px |
| ବଟନ୍ ପରିଧି | 4px |
| କାର୍ଡ ପରିଧି | 4px |
| ଛାଇ | ଛାୟା ବଦଳରେ ନାହିଁ - ସୀମା |
| ବିଭାଗଗୁଡ଼ିକ ମଧ୍ୟରେ | 96px |
| ପୃଷ୍ଠାର ପ୍ରସ୍ଥ | 1320px |
AI ଆପଣଙ୍କ ୱେବସାଇଟ୍ Stripe ଶୈଳୀରେ ତିଆରି କରିବ ଏବଂ ଏହାକୁ ପୂରଣ କରିବ।
- ଲିଙ୍କ୍ ମାଧ୍ୟମରେ ଉତ୍ପାଦ ଏବଂ ପୋଷ୍ଟ ପୂରଣ କରନ୍ତୁ - Instagram, TikTok, Facebook ।
- ଆପଣଙ୍କର ପୁରୁଣା ସାଇଟ୍ରୁ ବିଷୟବସ୍ତୁ ସ୍ଥାନାନ୍ତର କରନ୍ତୁ—କେବଳ ଠିକଣା ନିର୍ଦ୍ଦିଷ୍ଟ କରନ୍ତୁ।
- ସର୍ବୋତ୍ତମ ଇଞ୍ଜିନରେ ଆଧୁନିକ ଡିଜାଇନ୍: ସର୍ଭର ରେଣ୍ଡରିଂ ଏବଂ SEO ଅପ୍ଟିମାଇଜେସନ୍ ସହିତ React ( Next.js)।
- ସନ୍ଧାନ ଫଳାଫଳ ଏବଂ ନ୍ୟୁରାଲ୍ ନେଟୱାର୍କ ସୁପାରିଶ ପାଇଁ ସମ୍ପୂର୍ଣ୍ଣ ସ୍ୱୟଂଚାଳିତ SEO ଅପ୍ଟିମାଇଜେସନ୍।
ସମାନ ଷ୍ଟାଇଲ୍
- Ui — ମ୍ୟାଟ୍ ପେପରରେ କ୍ଲିନିକାଲ୍ ଯୋଜନା
- monopo saigon — ସମ୍ପାଦକୀୟ ନୀରବତା ପଛରେ ଏକ ତରଳ, ଇନ୍ଦ୍ରଧନୁମୟ ଆଭା - ତରଳିଯାଇଥିବା ଆଲୋକ ଉପରେ ଭାସୁଥିବା ଏକ ମନୋକ୍ରୋମ ସମ୍ପାଦକୀୟ ଗ୍ୟାଲେରୀ
- Ventriloc — ଉଷ୍ମ କାଗଜରେ ତଥ୍ୟର ଏକ ସମ୍ପାଦକୀୟ ପର୍ଯ୍ୟବେକ୍ଷଣାଗାର - ଏକକ କମଳା ଅଙ୍ଗାର ଯାହା ଏକକ ରଙ୍ଗର ସଠିକତାକୁ ଉଜ୍ଜ୍ୱଳ କରିଥାଏ
- Hyer Aviation — ଚର୍ମପତ୍ର ଉପରେ କକପିଟରେ ସନ୍ଧ୍ୟା। ଫିକା ପ୍ରଭାତୀ ଆକାଶ ଫ୍ୟୁସେଲେଜ୍-ଆକାରର ସେରିଫ୍ ଲୋଗୋ ସହିତ ମିଶିଛି, ଏବଂ ଏକ ଉଷ୍ମ ମାଟି ଉଚ୍ଚାରଣ ଏକକ ସଂଯମକୁ ଭାଙ୍ଗି ଦେଉଛି।
- Family — କ୍ରିମ୍ ଚର୍ମପତ୍ର ଉପରେ ଏକ ପରୀ କାହାଣୀରୁ ଏକ ବିସ୍ତାର
- OFF+BRAND. — ଉଷ୍ମ ଚର୍ମ ଉପରେ ଇନ୍ଦ୍ରଧନୁମୟ ଗୋଲକ
- Geniestudio — ଏକ ନରମ ଦିବାଲୋକ ନୋଟବୁକ୍ - ଚଉଡା ମାର୍ଜିନ୍ ଏବଂ ଗୋଟିଏ ମୋଟା ପେନ୍ ଷ୍ଟ୍ରୋକ୍ ସହିତ
- xAI — କଳା ବଟିକା ସହିତ ଉଷ୍ମ କ୍ରିମ୍ ଲ୍ୟାବ୍
- Seed — ପରୀକ୍ଷାଗାର କାଚ ତଳେ ଏକ ଜୀବନ୍ତ ପ୍ରାଣୀ
- Cosmos — ଏକ ଗ୍ୟାଲେରୀ କାନ୍ଥ ଯାହା ଲିନେନ୍ ସହିତ ଆଚ୍ଛାଦିତ ଏବଂ ପୋଲାରଏଡ୍ ସହିତ ଝୁଲୁଛି
- Cal — ଏକକ କ୍ରୋମ ବ୍ୟବହାରିକତା, ଏକ ମାନବିକ ଦୃଷ୍ଟିକୋଣ। ଏକ ସିଷ୍ଟମ ଯାହା ଏକ କଠୋର କଳା-ଧଳା ପ୍ୟାଲେଟ୍ ମାଧ୍ୟମରେ ସ୍ପଷ୍ଟତା ଏବଂ କାର୍ଯ୍ୟକାରିତାକୁ ପ୍ରାଥମିକତା ଦିଏ, କିନ୍ତୁ ବନ୍ଧୁତ୍ୱପୂର୍ଣ୍ଣ ଟାଇପୋଗ୍ରାଫି ଏବଂ ଗୋଲାକାର ଆକୃତି ସହିତ ଏହାକୁ ମଜଭୁତ କରେ।
- T1 Energy — ଉଷ୍ମ ଚର୍ମ ଉପରେ ଏକ ଉତ୍ପାଦନ ସୁବିଧାର ଚିତ୍ର ଏକ ଶାନ୍ତ, ଏକକ ଦୃଶ୍ୟ ଯେଉଁଠାରେ ଶିଳ୍ପ ସ୍କେଲ ଏବଂ ସୂକ୍ଷ୍ମ ଟାଇପୋଗ୍ରାଫି ସମଗ୍ର ବ୍ରାଣ୍ଡକୁ ମୂର୍ତ୍ତିମନ୍ତ କରିଥାଏ।