Authkit
ମଧ୍ୟରାତ୍ରିରେ ଫ୍ରଷ୍ଟେଡ୍ ଗ୍ଲାସ୍ କ୍ୟାଥେଡ୍ରାଲ୍
AuthKit ଏକ ରାତିର ଉତ୍ପାଦ ଉପସ୍ଥାପନା ସୌନ୍ଦର୍ଯ୍ୟ ସୃଷ୍ଟି କରେ: ଫ୍ରଷ୍ଟେଡ୍ କାଚ ପୃଷ୍ଠ ସହିତ ଏକ କଳା କାନଭାସ୍, କେବଳ ଦୃଶ୍ୟମାନ ରେଖାଗୁଡ଼ିକର ଏକ ଗ୍ରୀଡ୍, ଏବଂ ଏକ କାଚ ସ୍ତର ଦ୍ୱାରା ଆଲୋକିତ ଦେଖାଯାଉଥିବା ଉଜ୍ଜ୍ୱଳ ପାଠ୍ୟ। ଟାଇପ୍ଫେସ୍ ଏକ ଗାଢ଼ ପୃଷ୍ଠଭୂମି ବିରୁଦ୍ଧରେ ପ୍ରାୟ ସମ୍ପୂର୍ଣ୍ଣ ଧଳା, ଏକମାତ୍ର କାର୍ଯ୍ୟକ୍ଷମ ଉପାଦାନ ଭାବରେ ଏକ ଉଜ୍ଜ୍ୱଳ ବାଇଗଣୀ ଉଚ୍ଚାରଣ ସହିତ - ପ୍ରତ୍ୟେକ ପାରସ୍ପରିକ ପୃଷ୍ଠରେ ଏକ କଠୋର ଫ୍ରେମ୍ ପରିବର୍ତ୍ତେ ଶୀତଳ ନୀଳ-ଧଳା ର ଏକ ନରମ, ପତଳା ରେଖା ଅଛି। ଉପାଦାନଗୁଡ଼ିକ ଏକ ଆମ୍ବିଏଣ୍ଟ ଗ୍ଲୋ ଉପରେ ସ୍ତରିତ, ସ୍ୱଚ୍ଛ ସ୍ତର ଉପରେ ବ୍ୟବସ୍ଥା କରାଯାଇଛି, ଏବଂ କାର୍ଡଗୁଡ଼ିକ କାଗଜ ପ୍ୟାନେଲ୍ ପରିବର୍ତ୍ତେ ତଳୁ ଆଲୋକିତ କାଚ ପ୍ଲେଟ୍ ଭାବରେ ଦେଖାଯାଏ। ବ୍ୟବଧାନ ବଡ଼ ଏବଂ ଲୟପୂର୍ଣ୍ଣ; ମୁଖ୍ୟ ଉପାଦାନ ହେଉଛି ଏକ ଏକକ ଆଲୋକିତ ଲୋଗୋ ଯାହା ପୃଷ୍ଠାର ସମ୍ପୂର୍ଣ୍ଣ ପ୍ରସ୍ଥକୁ ବ୍ୟାପି ରହିଛି, ଏକ ପାରମ୍ପରିକ ସ୍ପ୍ଲିଟ୍-ସ୍କ୍ରିନ୍ ଲେଆଉଟ୍ ପରିବର୍ତ୍ତେ ଭାସମାନ କାଚ କାର୍ଡ ଦ୍ୱାରା ଘେରି ରହିଛି।
ଏକ ପୂର୍ଣ୍ଣ-ପ୍ରସ୍ଥ, ଗାଢ଼ କାନଭାସ୍ ଯାହା ଏକ କେନ୍ଦ୍ରିତ ବିଷୟବସ୍ତୁ କଣ୍ଟେନର ସହିତ, ସର୍ବାଧିକ 1200px ପ୍ରସ୍ଥ। ମୁଖ୍ୟ ଉପାଦାନ ହେଉଛି ଏକ ଛୋଟ ଭ୍ରୁ-ଆକୃତିର ପାଠ୍ୟ ତଳେ ଏକ ଏକକ, କେନ୍ଦ୍ରିତ, ଆଲୋକିତ ଲୋଗୋ ("AuthKit" ଏକ ଗ୍ରେଡିଏଣ୍ଟ ଫଣ୍ଟରେ), ଯାହା ପଛରେ/ତଳକୁ ଲଗଇନ୍ ଫର୍ମ ଫ୍ୟାନ୍ ସହିତ ତିନୋଟି ଭାସମାନ ଗ୍ଲାସ୍ କାର୍ଡ (ବାମ କାର୍ଡ ବାମକୁ ଢଳାଇ, କେନ୍ଦ୍ର କାର୍ଡ ସର୍ବାଧିକ, ଡାହାଣ କାର୍ଡ ଡାହାଣକୁ ଢଳାଇ)। ଏକ ହାଲୁକା/ଗାଢ଼ ଥିମ୍ ଟୋଗଲ୍ ମୁଖ୍ୟ ଉପାଦାନ ତଳେ କେନ୍ଦ୍ରିତ। ବୈଶିଷ୍ଟ୍ୟ ଧାଡି ହେଉଛି ବୃତ୍ତାକାର ଆଇକନ୍ ମଧ୍ୟରେ ପତଳା ସଂଯୋଗ ରେଖା ସହିତ 6 ଆଇକନ୍ର ଏକ ଭୂସମାନ୍ତର ସମୟସୀମା। ବିଭାଗ ତାଳ: ପ୍ରତ୍ୟେକ ବିଭାଗ ଏକ କେନ୍ଦ୍ରିତ ଭ୍ରୁ-ଆକୃତିର ପାଠ୍ୟ ସହିତ ଆରମ୍ଭ ହୁଏ ଯାହା ଫେଡିଂ ଭୂସମାନ୍ତର ରେଖା ଦ୍ୱାରା ଫ୍ରେମ୍ ହୋଇଥାଏ, ତା’ପରେ ଏକ ବଡ଼, କେନ୍ଦ୍ରିତ ଶୀର୍ଷକ (44-48px), ତା’ପରେ ମ୍ୟୁଟ୍ ବଡି କପିର ଏକ ଧାଡି (16-18px), ସର୍ବାଧିକ ପ୍ରସ୍ଥ ~640px। କଷ୍ଟମାଇଜ୍ ବିଭାଗ ଏକ ବ୍ରାଉଜର ୱିଣ୍ଡୋର ଏକ ମକଅପ୍ ପ୍ରଦର୍ଶନ କରେ ଯାହା ଏକ କେନ୍ଦ୍ରୀୟ ଭାବରେ ଅବସ୍ଥିତ ଲଗଇନ୍ କାର୍ଡ ସହିତ ଘେରି ରହିଥାଏ ଯାହା ଏକ ଡିଜାଇନ୍ ଟୁଲ୍ସ କାର୍ଯ୍ୟକ୍ଷେତ୍ର ପରି କାନଭାସର କୋଣରେ ଅବସ୍ଥିତ, ଏକ ଡିଜାଇନ୍ ଟୁଲ୍ସ କାର୍ଯ୍ୟକ୍ଷେତ୍ର।
ଭିଜୁଆଲ୍ ଡିଜାଇନ୍ରେ ଲଗଇନ୍ ଫର୍ମ ମକଅପ୍ଗୁଡ଼ିକ ପ୍ରାଧାନ୍ୟ ବିସ୍ତାର କରିଛି, ଯାହା "ଗ୍ଲାସ୍ ମର୍ଫୋଲୋଜି" ଶୈଳୀରେ ତିଆରି ହୋଇଛି (ଇମେଲ୍/ପାସୱାର୍ଡ ଇନପୁଟ୍ ଫିଲ୍ଡ, ସୋସିଆଲ ମିଡିଆ ଲଗଇନ୍ ବଟନ୍, ପାସୱାର୍ଡ-ଲେସ୍ କୋଡ୍ ଏଣ୍ଟ୍ରି), ମଧ୍ୟରାତ୍ରି କାନଭାସ୍ ବିରୁଦ୍ଧରେ ଭାସମାନ, ସ୍ୱଚ୍ଛ କାର୍ଡ ଭାବରେ ଉପସ୍ଥାପିତ ହୋଇଛି। ବୈଶିଷ୍ଟ୍ୟ ଆଇକନ୍ଗୁଡ଼ିକ ଗୋଲାକାର, ମ୍ୟାଟ୍ ଟାଇଲ୍ସ ମଧ୍ୟରେ #d1e4fa ରେ ମୋନୋକ୍ରୋମ୍ ରେଖୀୟ ଗ୍ଲିଫ୍। ଏକ ସୂକ୍ଷ୍ମ ଗ୍ରୀଡ୍ (rgba (186,215,247,0.06) ରେ 1px ରେଖା) ସମଗ୍ର ପୃଷ୍ଠାକୁ ଆଚ୍ଛାଦିତ କରି ପରିବେଶ ସୃଷ୍ଟି କରୁଛି, ଯେତେବେଳେ ଏକ ଶଙ୍କାକାର ଗ୍ରେଡିଏଣ୍ଟ ସ୍ପଟ୍ଲାଇଟ୍ ମୁଖ୍ୟ ଉପାଦାନର ଶୀର୍ଷରେ ଚମକୁଛି। କୌଣସି ଫଟୋ ନାହିଁ, କୌଣସି ଜୀବନଶୈଳୀ ପ୍ରତିଛବି ନାହିଁ, କୌଣସି ଉତ୍ପାଦ ସ୍କ୍ରିନ୍ସଟ୍ ନାହିଁ - ଉତ୍ପାଦ ନିଜେ ଦୃଶ୍ୟ ଉପାଦାନ: ଏକ ଅନ୍ଧାର ଷ୍ଟୁଡିଓରେ କାଚ ପ୍ରୋଟୋଟାଇପ୍ ପରି ସଜାଯାଇଥିବା ଲଗଇନ୍ କ୍ଷେତ୍ର।
ପ୍ୟାଲେଟ୍
ବ୍ରାଣ୍ଡ
- Void Violet
#663af3— କଲ୍-ଟୁ-ଆକ୍ସନ୍ (CTA) ବଟନ୍ ପାଇଁ ପ୍ରାଥମିକ ରଙ୍ଗ ହେଉଛି ଏକମାତ୍ର ଆକ୍ସେଣ୍ଟ ରଙ୍ଗ ଯାହା ଲଗଇନ୍ ଫର୍ମ ମଧ୍ୟରେ "ଚାଲିବା/ସବମିଟ୍" ବଟନ୍ ପାଇଁ ସ୍ୱତନ୍ତ୍ର ଭାବରେ ବ୍ୟବହୃତ ହୁଏ; କଳା ପୃଷ୍ଠଭୂମି ବିରୁଦ୍ଧରେ ସ୍ପନ୍ଦନଶୀଳ ବାଇଗଣୀ ରଙ୍ଗ ଏକ ରଙ୍ଗୀନ୍ ରଙ୍ଗ ଯୋଜନାକୁ ବାଧା ନ ଦେଇ ଜରୁରୀତାର ଭାବନା ସୃଷ୍ଟି କରେ।
ନିରପେକ୍ଷ
- Midnight Canvas
#05060f— ପୃଷ୍ଠାର ପୃଷ୍ଠଭୂମି, କାର୍ଡର ଗଭୀରତମ ପୃଷ୍ଠ, ବ୍ୟାଜର ପୂରଣ - ଏକ ପ୍ରାୟ କଳା ଆଧାର ଯାହା ଉପରେ ଅନ୍ୟ ସବୁକିଛି ଭାସୁଛି। - Steel Plate
#2f343e— ଉଚ୍ଚ ପୃଷ୍ଠ, ଫ୍ୟାଣ୍ଟମ୍/ସେକେଣ୍ଡାରୀ ଆକ୍ସନ୍ ବଟନ୍, ବିଜ୍ଞ ପ୍ୟାନେଲ୍ ବ୍ୟାକିଂ। - Fog Veil
#9da7ba— ମୁଖ୍ୟ ଲେଖା, କାର୍ଡରେ ଥିବା ଲେଖା, ପଠନୀୟ, କିନ୍ତୁ ଶୀର୍ଷକ ତୁଳନାରେ ପୃଷ୍ଠଭୂମିକୁ ଖସିଯାଇଛି। - Moon Mist
#c7d3ea— ମୁଖ୍ୟ ଟେକ୍ସଟ୍, ଅତିରିକ୍ତ ଲେବଲ୍, ମ୍ୟୁଟ୍ କରାଯାଇଥିବା ସହାୟକ ଟେକ୍ସଟ୍ - Frost Glow
#d1e4fa— ବଡି ଏବଂ ଲିଙ୍କ୍ ଟେକ୍ସଟ୍, ଆଇକନ୍ ଟେକ୍ସଟ୍ ଏବଂ ଆଇକନ୍ ଫିଲ୍ ପାଇଁ ପ୍ରାଥମିକ ପୂରଣ ରଙ୍ଗ ହେଉଛି ଡିଫଲ୍ଟ ଗ୍ଲୋଇଂ ଫୋରଗ୍ରାଉଣ୍ଡ। - Ice Highlight
#d8ecf8— ଅନ୍ଧାର ପୃଷ୍ଠ, ଓଲଟା ଲେବଲ୍ ଏବଂ ଉଚ୍ଚ-କଣ୍ଟ୍ରାଷ୍ଟ ହେଡଲାଇନ୍ରେ ହାଲୁକା ଲେଖା। କଲ୍ ଟୁ ଆକ୍ସନ୍ ପାଇଁ ଏହାକୁ ପ୍ରାଥମିକ ରଙ୍ଗ ଭାବରେ ବ୍ୟବହାର କରନ୍ତୁ ନାହିଁ; ଏକ ହେଡଲାଇନ୍ ଗ୍ରେଡିଏଣ୍ଟ - ଉପରୁ ତଳକୁ ହାଲୁକା ନୀଳରୁ ନରମ ନୀଳକୁ ଏକ ସୁଗମ ପରିବର୍ତ୍ତନ - AuthKit ଲୋଗୋ ଏବଂ ମୁଖ୍ୟ ହେଡଲାଇନ୍ରେ ବ୍ୟବହୃତ ହୁଏ।
ଟାଇପୋଗ୍ରାଫି
୧୨ ରୁ ୪୮ ପିକ୍ସେଲ ପର୍ଯ୍ୟନ୍ତ · ୮ଟି ପଦକ୍ଷେପ
- Untitled Sans — ପ୍ରତିସ୍ଥାପନ: Inter · ବାହ୍ୟରେଖା 400, 500, 600, 700 · ମୁଖ୍ୟ ପାଠ୍ୟ, ବ୍ୟବହାରକାରୀ ଇଣ୍ଟରଫେସ୍, ବଟନ୍, ଇନପୁଟ୍ କ୍ଷେତ୍ର, ଆଇକନ୍, ଛୋଟ ଶୀର୍ଷକ - କାର୍ଯ୍ୟକ୍ଷମ ପ୍ରତ୍ୟେକ ଜିନିଷ ପାଇଁ ଏକ ସାର୍ବଜନୀନ ଫଣ୍ଟ।
- aeonikPro — ପ୍ରତିସ୍ଥାପନ: Space Grotesk · ବାହ୍ୟରେଖା 400, 500 · କେବଳ ଶୀର୍ଷକଗୁଡ଼ିକ - AuthKit ବ୍ରାଣ୍ଡିଂ, ସେକ୍ସନ ଶୀର୍ଷକଗୁଡ଼ିକ ଏବଂ ବଡି ଟେକ୍ସଟ୍ - ପ୍ରଦର୍ଶନ କରିବା ଦ୍ଵାରା 44-48px ରେ 500-ପଏଣ୍ଟ ଫଣ୍ଟ ଓଜନ ବ୍ରାଣ୍ଡିଂକୁ ଏକ ଚମକଦାର ଉଚ୍ଚାରଣ ପରିବର୍ତ୍ତେ ଏକ ବିସ୍ତୃତ, କମ ବର୍ଣ୍ଣନା କରାଯାଇଥିବା ଦୃଶ୍ୟ ମିଳିଥାଏ।
- dotDigital — ପ୍ରତିସ୍ଥାପନ: JetBrains Mono · ବାହ୍ୟରେଖା 400 · ଅଲ୍-କ୍ୟାପ୍ସ ଟେକ୍ସଟ୍ ("ପରିଚୟ," "ବିସ୍ତାରଯୋଗ୍ୟ ଡିଜାଇନ୍," "ସାଇନ୍ ବ୍ରାଇଟ୍") - 0.10em ସ୍ପେସ ସହିତ ମୋନୋସ୍ପେସ୍ଡ୍ ଅଲ୍-କ୍ୟାପ୍ସ ଟେକ୍ସଟ୍ ବଡି ଟେକ୍ସଟ୍ ଏବଂ ହେଡିଂ ମଧ୍ୟରେ ସୂକ୍ଷ୍ମ ବିଭାଜକ ଭାବରେ କାର୍ଯ୍ୟ କରେ।
ବ୍ୟବଧାନ ଏବଂ ରୂପ
| ଉଦ୍ଦେଶ୍ୟ | ଅର୍ଥ |
|---|---|
| ଘନତ୍ୱ | ପ୍ରଶସ୍ତ |
| ମୌଳିକ ପଦକ୍ଷେପ | 16px |
| ବଟନ୍ ପରିଧି | 999px |
| କାର୍ଡ ପରିଧି | 16px |
| ଛାଇ | ଛାୟା ବଦଳରେ ନାହିଁ - ସୀମା |
| ବିଭାଗଗୁଡ଼ିକ ମଧ୍ୟରେ | 120px |
| ପୃଷ୍ଠାର ପ୍ରସ୍ଥ | 1200px |
AI ଆପଣଙ୍କ ୱେବସାଇଟ୍ Authkit ଶୈଳୀରେ ତିଆରି କରିବ ଏବଂ ଏହାକୁ ପୂରଣ କରିବ।
- ଲିଙ୍କ୍ ମାଧ୍ୟମରେ ଉତ୍ପାଦ ଏବଂ ପୋଷ୍ଟ ପୂରଣ କରନ୍ତୁ - Instagram, TikTok, Facebook ।
- ଆପଣଙ୍କର ପୁରୁଣା ସାଇଟ୍ରୁ ବିଷୟବସ୍ତୁ ସ୍ଥାନାନ୍ତର କରନ୍ତୁ—କେବଳ ଠିକଣା ନିର୍ଦ୍ଦିଷ୍ଟ କରନ୍ତୁ।
- ସର୍ବୋତ୍ତମ ଇଞ୍ଜିନରେ ଆଧୁନିକ ଡିଜାଇନ୍: ସର୍ଭର ରେଣ୍ଡରିଂ ଏବଂ SEO ଅପ୍ଟିମାଇଜେସନ୍ ସହିତ React ( Next.js)।
- ସନ୍ଧାନ ଫଳାଫଳ ଏବଂ ନ୍ୟୁରାଲ୍ ନେଟୱାର୍କ ସୁପାରିଶ ପାଇଁ ସମ୍ପୂର୍ଣ୍ଣ ସ୍ୱୟଂଚାଳିତ SEO ଅପ୍ଟିମାଇଜେସନ୍।
ସମାନ ଷ୍ଟାଇଲ୍
- Resend — ବାଇଗଣୀ ନିଅନ୍ ରଙ୍ଗ ସହିତ କଳା ମଖମଲ
- Gsap — ଏକ ଡିଜାଇନ୍ ଷ୍ଟୁଡିଓରେ ଏକ ଆନିମେଟେଡ୍ ହ୍ୱାଇଟ୍ବୋର୍ଡ। ପ୍ରାୟ କଳା କାନ୍ଥ, ଉଷ୍ମ କ୍ରିମ୍ ଚକ୍, ଏବଂ ପାଞ୍ଚଟି ରଙ୍ଗୀନ ମାର୍କର - ପ୍ରତ୍ୟେକ ଆନିମେସନ୍ ବିଭାଗ ପାଇଁ ଗୋଟିଏ।
- Slash — ସୁନା ଖଚିତ ଲେଜର ସହିତ ମଧ୍ୟରାତ୍ରି ଭଲ୍ଟ
- Raycast — ମଧ୍ୟରାତ୍ରି କମାଣ୍ଡ ସେଣ୍ଟର, କୋରାଲ ନିଅନ
- Dimension — ଫ୍ରଷ୍ଟେଡ୍ କାଚ ପ୍ୟାନେଲ୍ ସହିତ ଏକ ସନ୍ଧ୍ୟା ଆଲୋକିତ କାର୍ଯ୍ୟକ୍ଷେତ୍ର
- Modal — ଏକ ଅନ୍ଧାର ସର୍ଭର ରୁମରେ ଏକ ଫସଫୋରସେଣ୍ଟ ଟର୍ମିନାଲ - ଏକମାତ୍ର ଆଲୋକ ଉତ୍ସ ହେଉଛି ଏକ ଉଜ୍ଜ୍ୱଳ ସବୁଜ ରଙ୍ଗ
- Reflect Notes — ତାରକାଯୁକ୍ତ ବାଇଗଣୀ ସ୍ଥାନ ହେଉଛି ଏକ ଅନ୍ଧାର ପର୍ଯ୍ୟବେକ୍ଷଣାଳୟ ଯେଉଁଠାରେ ପ୍ରାୟ କଳା ନୀଳ ଶୂନ୍ୟତାର ପୃଷ୍ଠଭୂମିରେ ନୋଟଗୁଡ଼ିକ ନକ୍ଷତ୍ରମଣ୍ଡଳ ପରି ଭାସୁଥାଏ।
- LaunchDarkly — ନିଅନ୍ ନିୟନ୍ତ୍ରଣ କକ୍ଷ ହେଉଛି ଏକ ଅନ୍ଧାର କକପିଟ୍ ଯେଉଁଠାରେ ବାଇଗଣୀ ସଙ୍କେତଗୁଡ଼ିକ ଜେଟ୍-କଳା ପ୍ୟାନେଲଗୁଡ଼ିକ ମାଧ୍ୟମରେ ସ୍ପନ୍ଦିତ ହୁଏ।
- Ameba — ମଧ୍ୟରାତ୍ରିରେ ନିୟନ୍ତ୍ରଣ କକ୍ଷ - ଫ୍ରଷ୍ଟେଡ୍ କାଚ ପ୍ୟାନେଲ ଭିତରେ ଏକ ବୈଦ୍ୟୁତିକ ନୀଳ ସ୍ପନ୍ଦନ
- AgentQL — ରାତିରେ ଟର୍ମିନାଲ ଉପରେ ଉତ୍ତର ଆଲୋକ
- Neon — ଅନ୍ଧାର ପରେ ଏକ ସର୍ଭର ରୁମ୍। ସମ୍ପୂର୍ଣ୍ଣ ଅନ୍ଧାର, ଯେଉଁଠାରେ କେବଳ ତଥ୍ୟ ଏବଂ ଉପଭୋକ୍ତା ପାରସ୍ପରିକ କ୍ରିୟାରୁ ଆଲୋକ ଆସେ।
- N8n — ମଧ୍ୟରାତ୍ରିରେ କାର୍ଯ୍ୟପ୍ରବାହ ଇଞ୍ଜିନ୍ - ଏକ ଅନ୍ଧାର ସର୍ଭର ରୁମରେ ଏକ ବାସ୍ତବ-ସମୟ ସ୍ୱୟଂଚାଳିତ କାନଭାସର ଅନୁଭବ, ସ୍ଥିତି ସୂଚକ ଏବଂ ଡାଟା ଷ୍ଟ୍ରିମ୍ ଦ୍ୱାରା ଆଲୋକିତ।