Framer
ଶୂନ୍ୟସ୍ଥାନରେ ନିଅନ୍ ଗ୍ୟାଲେରୀ
ଫ୍ରେମର ପ୍ରାୟ ସମ୍ପୂର୍ଣ୍ଣ ଅନ୍ଧକାର ଭାବରେ କାର୍ଯ୍ୟ କରେ - ଏକ କଳା କାନଭାସ୍ ଯେଉଁଠାରେ ବିଷୟବସ୍ତୁ ଗ୍ୟାଲେରୀ ଖୋଲିବାରେ ଏକ ନିଅନ୍ ଚିହ୍ନ ପରି ଉଡ଼ିଯାଏ। 0.8–1.1 ର କଡ଼ା ରେଖା ବ୍ୟବଧାନ ଏବଂ ଆକ୍ରମଣାତ୍ମକ ନକାରାତ୍ମକ ଅକ୍ଷର ବ୍ୟବଧାନ (-0.04em 54px ରେ) ସହିତ GT Walsheim Medium ରେ ସେଟ୍ କରାଯାଇଥିବା ହେଡଲାଇନ୍ସ, ଏକ ଘନୀଭୂତ, ସାଜସଜ୍ଜା ଟାଇପ୍ଫେସ୍ ସୃଷ୍ଟି କରେ ଯାହା ପୃଷ୍ଠାରେ ସୁନ୍ଦର ଭାବରେ ବସିବା ପରିବର୍ତ୍ତେ ଆଗକୁ ଠେଲିଥାଏ। ଏକ ଏକକ ବୈଦ୍ୟୁତିକ ନୀଳ (#0099ff) ସମସ୍ତ କାର୍ଯ୍ୟକ୍ଷମ ଉଚ୍ଚାରଣ ପ୍ରଦାନ କରେ - ସୀମା, ଗ୍ଲୋ, ଆଇକନ୍, ସକ୍ରିୟ ଅବସ୍ଥା - ଯେତେବେଳେ ଇଣ୍ଟରଫେସର ବାକି ଅଂଶ ଆକ୍ରୋମେଟିକ୍ ରହିଥାଏ, ଶୁଦ୍ଧ କଳାରୁ ଗଭୀରତା ସୃଷ୍ଟି କରିବା ପାଇଁ ସୂକ୍ଷ୍ମ ଧୂସର ପରିବର୍ତ୍ତନ (#111, #171717, #242424) ଉପରେ ନିର୍ଭର କରି। ଉପାଦାନଗୁଡ଼ିକୁ ସାଜସଜ୍ଜା ଅପେକ୍ଷା ବିଚାରିତ ମନେ ହୁଏ: 8–25px ର ଗୋଲାକାର ବ୍ୟାସାର୍ଦ୍ଧ, ପତଳା 1px ସୀମା, ସର୍ବନିମ୍ନ ଡ୍ରପ୍ ଛାୟା, ଏବଂ ସ୍ୱଚ୍ଛ ପୃଷ୍ଠ ଯାହା ଶୂନ୍ୟକୁ ଚମକ ଦେବାକୁ ଅନୁମତି ଦିଏ।
ପୂର୍ଣ୍ଣ-ଚଉଡ଼ା ବିଭାଗଗୁଡ଼ିକ କଳା କାନଭାସ ବାହାରକୁ ବିସ୍ତାରିତ, ବିଷୟବସ୍ତୁ ସର୍ବାଧିକ ~1200px ପ୍ରସ୍ଥ ପର୍ଯ୍ୟନ୍ତ ସୀମିତ ଏବଂ ଏହା ଭିତରେ କେନ୍ଦ୍ରିତ। ମୁଖ୍ୟ ବିଭାଗରେ ଏକ ବାମ-ସମତଳ ଶୀର୍ଷକ ଏବଂ ଏକ କଲ୍-ଟୁ-ଆକ୍ସନ୍ (CTA) ବଟନ୍ ରହିଛି, ଡାହାଣ ପାର୍ଶ୍ୱକୁ ଉଦ୍ଦେଶ୍ୟମୂଳକ ଭାବରେ ଖାଲି ଛାଡ଼ି ଦିଆଯାଇଛି - ଅସମମିତ ଭାବରେ, କେନ୍ଦ୍ରିତ ନୁହେଁ। ବିଭାଗଗୁଡ଼ିକ କେବଳ-ପାଠ୍ୟ ଲେଆଉଟ୍ (ବଡ଼ ଶୀର୍ଷକ + ସବଟେକ୍ସଟ୍) ଏବଂ ଉତ୍ପାଦ ସ୍କ୍ରିନସଟ୍ ମଧ୍ୟରେ ବିକଳ୍ପ ଭାବରେ କାର୍ଯ୍ୟ କରେ। "ଫ୍ରେମର୍ ସହିତ ଆସେ" ବିଭାଗ ଏକ 4-ସ୍ତମ୍ଭ ଗ୍ରୀଡ୍ରେ ଏକ ଲୋଗୋ କାନ୍ଥ ବ୍ୟବହାର କରେ। ସମ୍ପ୍ରଦାୟ ବିଭାଗରେ, ଏକ ଉତ୍ପାଦ ସ୍କ୍ରିନସଟ୍ ଗୋଲାକାର କୋଣ ସହିତ ଏକ କେନ୍ଦ୍ରିତ, ପୂର୍ଣ୍ଣ-ଚଉଡ଼ା କଣ୍ଟେନର୍ ମଧ୍ୟରେ ରଖାଯାଇଥାଏ। ନାଭିଗେସନ୍ ସର୍ବନିମ୍ନ - ବାମ ପାର୍ଶ୍ୱରେ ଲୋଗୋ ସହିତ ଏକ ପତଳା ଉପର ବାର୍ ଏବଂ ଡାହାଣ ପାର୍ଶ୍ୱରେ ଲିଙ୍କ୍ ସହିତ କୌଣସି ଦୃଶ୍ୟମାନ ନିୟନ୍ତ୍ରଣ ନାହିଁ। ବିଭାଗ ତାଳ: ବିଭାଗଗୁଡ଼ିକ ମଧ୍ୟରେ ଗୁରୁତ୍ୱପୂର୍ଣ୍ଣ 80px ଭୂଲମ୍ବ ବ୍ୟବଧାନ, ଶୂନ୍ୟରେ ଭାସମାନ ବିଷୟବସ୍ତୁର ସ୍ପଷ୍ଟ ଦ୍ୱୀପ ସୃଷ୍ଟି କରେ।
ଉତ୍ପାଦର ୟୁଜର ଇଣ୍ଟରଫେସର ସ୍କ୍ରିନସଟ୍ଗୁଡ଼ିକ ପ୍ରାଧାନ୍ୟ ବିସ୍ତାର କରେ—ଟ୍ରାଫିକ୍ ଲାଇଟ୍ ଡଟ୍ ସହିତ ଏକ କ୍ରୋମ୍ ପରି ୱିଣ୍ଡୋ ଦ୍ୱାରା ଫ୍ରେମ୍ ହୋଇଥିବା, ଆପ୍ର ଏମ୍ବେଡେଡ୍ ସ୍କ୍ରିନସଟ୍ଗୁଡ଼ିକ ମୁଖ୍ୟ ପ୍ରତିଛବି ହୋଇଯାଏ। ଗୁଣବତ୍ତାର ପ୍ରମାଣ ଭାବରେ କାର୍ଯ୍ୟ କରୁଥିବା ଲୋଗୋଗୁଡ଼ିକୁ, କଳା ପୃଷ୍ଠଭୂମିରେ ପ୍ରଶସ୍ତ ବ୍ୟବଧାନ ସହିତ ଧଳା ଅକ୍ଷରରେ ଉପସ୍ଥାପିତ କରାଯାଏ। କୌଣସି ଫଟୋଗ୍ରାଫ୍, ଚିତ୍ରଣ କିମ୍ବା ସାରାଂଶ ଗ୍ରାଫିକ୍ସ ବ୍ୟବହାର କରାଯାଏ ନାହିଁ—ଦୃଶ୍ୟ ଭାଷା ହେଉଛି ଉତ୍ପାଦ, ଏକ ଜୀବନ୍ତ ଇଣ୍ଟରଫେସ୍ ଭାବରେ ପ୍ରଦର୍ଶିତ। ଆଇକନ୍ ଶୈଳୀ: ଛୋଟ ଆକାରରେ ମିନିମାଲ୍, ଆଉଟଲାଇନ୍, ମୋନୋକ୍ରୋମ୍ ଏବଂ ଧଳା। ପାଠ୍ୟ ଘନତା: ମୁଖ୍ୟତଃ ପାଠ୍ୟ, ଉତ୍ପାଦ ସ୍କ୍ରିନସଟ୍ ଆକାରରେ ବେଳେବେଳେ ବଡ଼ ଖଣ୍ଡ ସହିତ। ସ୍ଥାନର ଦୃଶ୍ୟ ସନ୍ତୁଳନ ସ୍ପଷ୍ଟ ଭାବରେ ପ୍ରତିଛବିଗୁଡ଼ିକ ଉପରେ ଟାଇପୋଗ୍ରାଫିକୁ ସମର୍ଥନ କରେ।
ପ୍ୟାଲେଟ୍
ବ୍ରାଣ୍ଡ
- Vivid Violet
#0066ff— ଇଣ୍ଟରଫେସରେ ପ୍ରାଥମିକ କାର୍ଯ୍ୟ ବଟନ୍ ହେଉଛି ଏକମାତ୍ର ସ୍ଥାନ ଯେଉଁଠାରେ ଏକ କଠିନ ରଙ୍ଗର ବଟନ୍ ପୃଷ୍ଠଭୂମି ପ୍ରଦର୍ଶିତ ହୁଏ।
ନିରପେକ୍ଷ
- Bone
#ffffff— ମୁଖ୍ୟ ଶୀର୍ଷକ, ଏକ ଗାଢ଼ ପୃଷ୍ଠଭୂମିରେ ମୁଖ୍ୟ ପାଠ୍ୟ, ବଟନ୍ ପୃଷ୍ଠଭୂମି ହେଉଛି ଆଲୋକର ଏକମାତ୍ର ଉତ୍ସ। - Void
#000000— ପୃଷ୍ଠା କାନଭାସ୍, ନାଭିଗେସନ୍ ପୃଷ୍ଠଭୂମି, କାର୍ଡ ପୃଷ୍ଠ, ଆଇକନ୍ ପୂରଣ - ସବୁ ଏକ ଅନନ୍ତ କଳା ରଙ୍ଗ ଯାହା ସମସ୍ତ ଅପ୍ରୟୋଜନୀୟ ବିଷୟବସ୍ତୁକୁ ଶୋଷିତ କରେ। - Graphite
#111111— ଉଠିଥିବା କାର୍ଡ ପୃଷ୍ଠଗୁଡ଼ିକ ଶୂନ୍ୟସ୍ଥାନଠାରୁ ଗୋଟିଏ ପାହାଚ ଉପରେ ଅଛି - ବଡ଼, କାର୍ଯ୍ୟକ୍ଷମ କାର୍ଡ ଏବଂ ମୋଡାଲ୍ ପାତ୍ର। - Obsidian
#171717— ବଟନ୍, ଅତିରିକ୍ତ କାର୍ଡ, UI ପୂରଣ ପାଇଁ ମଧ୍ୟବର୍ତ୍ତୀ ପୃଷ୍ଠ - କାନଭାସ୍ ରୁ ପାରସ୍ପରିକ ଉପାଦାନଗୁଡ଼ିକୁ ପୃଥକ କରେ। - Slate
#242424— ହୋଭରରେ, ଟେକ୍ସଟ୍ ଫର୍ମାଟକୁ ସ୍ୱିଚ୍ କରିବା ପୂର୍ବରୁ ଇନପୁଟ୍ ଫିଲ୍ଡ ଏବଂ ଇଣ୍ଡେଣ୍ଟେଡ୍ ପ୍ୟାନେଲଗୁଡ଼ିକ ଉଜ୍ଜ୍ୱଳତମ ନିରପେକ୍ଷ ଛାଇ ହୋଇଥାଏ। - Ash
#333333— ନିଷ୍କ୍ରିୟ ପୃଷ୍ଠଭୂମି ଚିତ୍ର ଏବଂ ଗଠନାତ୍ମକ ଉପାଦାନ ପାଇଁ ଡିପ୍ ଫିଲ୍।
ଟାଇପୋଗ୍ରାଫି
୧୨ ରୁ ୬୮ ପିକ୍ସେଲ ପର୍ଯ୍ୟନ୍ତ · ୮ଟି ପଦକ୍ଷେପ
- sans-serif — ପ୍ରତିସ୍ଥାପନ: Inter · ବାହ୍ୟରେଖା 400 · sans-serif - ବାହାର କରାଯାଇଥିବା ତଥ୍ୟରେ ମିଳିଛି କିନ୍ତୁ AI ଦ୍ୱାରା ବର୍ଣ୍ଣନା କରାଯାଇ ନାହିଁ।
- GT Walsheim — ପ୍ରତିସ୍ଥାପନ: Inter Tight · ବାହ୍ୟରେଖା 500 · ଶୀର୍ଷକ ଏବଂ ଶୀର୍ଷକ ପାଇଁ ଫଣ୍ଟ ହେଉଛି ବ୍ରାଣ୍ଡ ଫଣ୍ଟ। ଏହା ଆକ୍ରମଣାତ୍ମକ ଭାବରେ ଘନୀଭୂତ, 0.8–1.1 ରେଖା ବ୍ୟବଧାନ ଏବଂ 44–68px ରେଞ୍ଜରେ -0.04em ରୁ -0.05em ଅକ୍ଷର ବ୍ୟବଧାନ ସହିତ। ଏହା ଏକ ସାଜସଜ୍ଜା ଉପାଦାନ ନୁହେଁ; GT Walsheim ର ଜ୍ୟାମିତିକ ଉଷ୍ମତା, କଠୋର ମେଟ୍ରିକ୍ସ ସହିତ ମିଳିତ ହୋଇ, ସିଷ୍ଟମର ସ୍ୱର ସୃଷ୍ଟି କରେ - ଆତ୍ମବିଶ୍ୱାସୀ, ସଂକ୍ଷିପ୍ତ ଏବଂ ସାମାନ୍ୟ ଭବିଷ୍ୟତବାଦୀ। ସମାନ ଜ୍ୟାମିତିକ ପ୍ରକାଶନ ପାଇଁ, ଇଣ୍ଟର ଟାଇଟ୍ କିମ୍ବା ସ୍ପେସ୍ ଗ୍ରୋଟେସ୍କ ବୋଲ୍ଡ ବିଚାର କରନ୍ତୁ।
- Inter Variable — ପ୍ରତିସ୍ଥାପନ: Inter · ବାହ୍ୟରେଖା 400 · ମୁଖ୍ୟ ପାଠ୍ୟ, ନାଭିଗେସନ୍, ଏବଂ ଦ୍ୱିତୀୟ ଶୀର୍ଷକ ହେଉଛି କାର୍ଯ୍ୟହର୍ସ। ଇଣ୍ଟର ଭେରିଏବଲ୍ ଅକ୍ଷ ଓଜନର ସୁଗମ ଇଣ୍ଟରପୋଲେସନ୍ ପାଇଁ ଅନୁମତି ଦିଏ। ଆକାର ବୃଦ୍ଧି ସହିତ ଟ୍ରାକିଂ ସଙ୍କୁଚିତ ହୁଏ: -0.001em ରୁ 18px ଏବଂ -0.027em ରୁ 22px। ଭେରିଏବଲ୍ ସଂସ୍କରଣ ସାଇଟର ସୁଗମ ମାଇକ୍ରୋ-ଆନିମେସନ୍ ପାଇଁ ଅନୁମତି ଦିଏ। ପ୍ରତିସ୍ଥାପନ: ଇଣ୍ଟର ( Google) - ଏକ ପ୍ରାୟ ସମାନ ଫଲବ୍ୟାକ୍।
ବ୍ୟବଧାନ ଏବଂ ରୂପ
| ଉଦ୍ଦେଶ୍ୟ | ଅର୍ଥ |
|---|---|
| ଘନତ୍ୱ | ହାରାହାରି |
| ମୌଳିକ ପଦକ୍ଷେପ | 10px |
| ବଟନ୍ ପରିଧି | 9999px |
| କାର୍ଡ ପରିଧି | 20px |
| ଛାଇ | ଛାୟା ବଦଳରେ ନାହିଁ - ସୀମା |
| ବିଭାଗଗୁଡ଼ିକ ମଧ୍ୟରେ | 80px |
| ପୃଷ୍ଠାର ପ୍ରସ୍ଥ | 1200px |
AI ଆପଣଙ୍କ ୱେବସାଇଟ୍ Framer ଶୈଳୀରେ ତିଆରି କରିବ ଏବଂ ଏହାକୁ ପୂରଣ କରିବ।
- ଲିଙ୍କ୍ ମାଧ୍ୟମରେ ଉତ୍ପାଦ ଏବଂ ପୋଷ୍ଟ ପୂରଣ କରନ୍ତୁ - Instagram, TikTok, Facebook ।
- ଆପଣଙ୍କର ପୁରୁଣା ସାଇଟ୍ରୁ ବିଷୟବସ୍ତୁ ସ୍ଥାନାନ୍ତର କରନ୍ତୁ—କେବଳ ଠିକଣା ନିର୍ଦ୍ଦିଷ୍ଟ କରନ୍ତୁ।
- ସର୍ବୋତ୍ତମ ଇଞ୍ଜିନରେ ଆଧୁନିକ ଡିଜାଇନ୍: ସର୍ଭର ରେଣ୍ଡରିଂ ଏବଂ SEO ଅପ୍ଟିମାଇଜେସନ୍ ସହିତ React ( Next.js)।
- ସନ୍ଧାନ ଫଳାଫଳ ଏବଂ ନ୍ୟୁରାଲ୍ ନେଟୱାର୍କ ସୁପାରିଶ ପାଇଁ ସମ୍ପୂର୍ଣ୍ଣ ସ୍ୱୟଂଚାଳିତ SEO ଅପ୍ଟିମାଇଜେସନ୍।
ସମାନ ଷ୍ଟାଇଲ୍
- Auros — ବାୟୋଲୁମିନେସେଣ୍ଟ ଡାଟା ବଲ୍ ସହିତ ଅତଳ ଟର୍ମିନାଲ
- Origin Financial — ଶାନ୍ତ ବୈଭବପୂର୍ଣ୍ଣ ଏକ ମଧ୍ୟରାତ୍ରି ଗ୍ୟାଲେରୀ। ଏକ ଶାନ୍ତ, ପ୍ରାୟ ଅନ୍ଧାର କୋଠରୀ ଯେଉଁଠାରେ ବଡ଼ ସେରିଫ୍ ଫଣ୍ଟ ଏବଂ କିଛି ଆଲୋକିତ ରଙ୍ଗୀନ ପ୍ୟାନେଲ ଏହି ଅନୁଭବ ସୃଷ୍ଟି କରେ ଯେ ଆର୍ଥିକ ହେଉଛି ଏକ ସତର୍କତାର ସହିତ ସଂଗୃହିତ କଳାକୃତି।
- Raycast — ମଧ୍ୟରାତ୍ରି କମାଣ୍ଡ ସେଣ୍ଟର, କୋରାଲ ନିଅନ
- Dimension — ଫ୍ରଷ୍ଟେଡ୍ କାଚ ପ୍ୟାନେଲ୍ ସହିତ ଏକ ସନ୍ଧ୍ୟା ଆଲୋକିତ କାର୍ଯ୍ୟକ୍ଷେତ୍ର
- Reflect Notes — ତାରକାଯୁକ୍ତ ବାଇଗଣୀ ସ୍ଥାନ ହେଉଛି ଏକ ଅନ୍ଧାର ପର୍ଯ୍ୟବେକ୍ଷଣାଳୟ ଯେଉଁଠାରେ ପ୍ରାୟ କଳା ନୀଳ ଶୂନ୍ୟତାର ପୃଷ୍ଠଭୂମିରେ ନୋଟଗୁଡ଼ିକ ନକ୍ଷତ୍ରମଣ୍ଡଳ ପରି ଭାସୁଥାଏ।
- Ameba — ମଧ୍ୟରାତ୍ରିରେ ନିୟନ୍ତ୍ରଣ କକ୍ଷ - ଫ୍ରଷ୍ଟେଡ୍ କାଚ ପ୍ୟାନେଲ ଭିତରେ ଏକ ବୈଦ୍ୟୁତିକ ନୀଳ ସ୍ପନ୍ଦନ
- Branding — କଳା ଗ୍ୟାଲେରୀ କାନ୍ଥ, ରକ୍ତ ଲାଲ ଆକ୍ସେଣ୍ଟ - ବଡ଼ ଧଳା ଫଣ୍ଟଗୁଡ଼ିକ ଏକ ଗାଢ଼ କାନଭାସ ଉପରେ ଭାସମାନ ଯାହା ଏକ ଶୂନ୍ୟସ୍ଥାନ ସଦୃଶ, ଏକ ଉଜ୍ଜ୍ୱଳ ଲାଲ ଆକ୍ସେଣ୍ଟ ଏବଂ ଆକର୍ଷଣୀୟ ସାଜସଜ୍ଜା ଉପାଦାନ ଦ୍ୱାରା ବାଧାପ୍ରାପ୍ତ ଯାହା ଏକ ୱେବ୍ ଇଣ୍ଟରଫେସ୍ ଅପେକ୍ଷା ଗ୍ୟାଲେରୀ ସାଇନେଜ୍ ପରି ଦେଖାଯାଏ।
- Harness — ଫସଫୋରସେଣ୍ଟ ସବୁଜ ଆଲୋକ ସହିତ ମଧ୍ୟରାତ୍ରିରେ ମିଶନ ନିୟନ୍ତ୍ରଣ
- Koto — ମଧ୍ୟରାତ୍ରିରେ ଓବସିଡିଆନ୍ ଗ୍ୟାଲେରୀ। ପ୍ରାୟ ଏକ କଳା ରଙ୍ଗର ମଞ୍ଚ, ଯେଉଁଠାରେ ଏକମାତ୍ର ଉଷ୍ମ ଆଲୋକ ଉତ୍ସ ହେଉଛି ଗୋଟିଏ ହଳଦିଆ ମାର୍କର, ଏବଂ ଘନୀଭୂତ ପ୍ରକାର ପ୍ରଦର୍ଶନୀ ପୋଷ୍ଟର ପରି ବିଶାଳ ନକାରାତ୍ମକ ସ୍ଥାନରେ ଭାସୁଛି।
- Ohzi — ଏକ ଅନ୍ଧାର ଗ୍ୟାଲେରୀରେ ଝୁଲୁଥିବା ଏକ ଉଜ୍ଜ୍ୱଳ ଘନ
- Depot — ଏକ ଅନ୍ଧାର ସର୍ଭର ଟର୍ମିନାଲ। ଏକ କଳା ପ୍ରାୟ ଡେଭଲପର କନସୋଲ, କାମ ଆରମ୍ଭର ସଙ୍କେତ ଦେଉଥିବା ଏକ ସବୁଜ LED ସହିତ, ଏବଂ ବାକି ୟୁଜର ଇଣ୍ଟରଫେସ ଗ୍ରାଫାଇଟରେ ପ୍ରଦର୍ଶିତ।
- Maciej Zadykowicz — କାଲେଡୋସ୍କୋପିକ୍ କାନ୍ଥ ଚିତ୍ର ସହିତ ମିଡନାଇଟ୍ ଗ୍ୟାଲେରୀ ଏକ କଳା ଷ୍ଟୁଡିଓ କାନ୍ଥ ଯେଉଁଠାରେ ଗୋଟିଏ ସ୍ପନ୍ଦନଶୀଳ, ରଙ୍ଗୀନ ଟାଇପୋଗ୍ରାଫିକ୍ କଳା ଧ୍ୟାନ ଆକର୍ଷଣ କରେ ଯେତେବେଳେ ଅନ୍ୟ ସବୁକିଛି ନୀରବ ଏବଂ ସୁଚିନ୍ତିତ ରହିଥାଏ।