Airbnb

ଗୋଟିଏ ପ୍ରବାଳ ଲାଲ ବୁକମାର୍କ ସହିତ ଏକ ଶାନ୍ତ ଧଳା ଗ୍ୟାଲେରୀ କାନ୍ଥ

Airbnb ଏକ "ଧଳା କାନଭାସ୍" ଶୈଳୀରେ କାର୍ଯ୍ୟ କରେ, ଯେଉଁଠାରେ ଫଟୋଗ୍ରାଫି ସର୍ବୋଚ୍ଚ ରାଜତ୍ୱ କରେ: ପ୍ରାୟ ପ୍ରତ୍ୟେକ ସ୍କ୍ରିନ୍ ଏକ ନୀରବ ମୋନୋକ୍ରୋମ୍ ଫ୍ରେମ୍, ଯାହା ସାମଗ୍ରିକ ପ୍ରଭାବକୁ ପ୍ରକାଶ କରିବା ପାଇଁ ଗୁଣଗୁଡ଼ିକର ପୂର୍ଣ୍ଣ-ସ୍କ୍ରିନ୍ ପ୍ରତିଛବିଗୁଡ଼ିକୁ ଅନୁମତି ଦିଏ, ଏକକ, ସମୃଦ୍ଧ ପ୍ରବାଳ-ଲାଲ ଉଚ୍ଚାରଣ (Rausch) ସହିତ ଏକମାତ୍ର ରଙ୍ଗ କ୍ୟୁ ଭାବରେ କାର୍ଯ୍ୟକୁ ସୂଚିତ କରେ। ଟାଇପ୍ଫେସ୍ ହେଉଛି ଏକ ଜ୍ୟାମିତିକ ସାନ୍ସ-ସେରିଫ୍ (Airbnb ସେରିଆଲ୍ VF) - ପ୍ରାୟତଃ ଛୋଟ, ଆତ୍ମବିଶ୍ୱାସୀ ଆକାର - ବଡି ଟେକ୍ସଟ୍, ଇଣ୍ଟରଫେସ୍ ଏବଂ ସେକ୍ସନ୍ ହେଡିଂ (22-22) ପାଇଁ - କଡ଼ା ନକାରାତ୍ମକ ରେଖା ବ୍ୟବଧାନ ଏବଂ ଉଦାର ରେଖା ବ୍ୟବଧାନ ସହିତ, ଘନ ପାଠ୍ୟ ସହିତ କାର୍ଡଗୁଡ଼ିକୁ ପଠନୀୟ କରିଥାଏ। ଇଣ୍ଟରଫେସ୍ ସମତଳ, ଫ୍ରେମଲେସ୍ ଏବଂ ଗୋଲାକାର: କାର୍ଡ ଏବଂ ନିୟନ୍ତ୍ରଣରେ 12-3 ରେଡିଆ, ଗୋଲାକାର ପିଲ୍-ଆକୃତିର ବଟନ୍, ଏବଂ ସର୍ଚ୍ଚ ବାର୍ ପରି ପ୍ରମୁଖ ଉପାଦାନଗୁଡ଼ିକ ପାଇଁ ନରମ, ସ୍ତରଯୁକ୍ତ ଛାୟା। ଅନ୍ୟ ସବୁକିଛି - କାର୍ଡ, ତାଲିକା ଆଇଟମ୍, ଲିଙ୍କ୍ - କ୍ରୋମ୍ ଉଚ୍ଚାରଣ ଅପେକ୍ଷା ଧଳା ସ୍ଥାନ ଏବଂ ସୂକ୍ଷ୍ମ ରେଖା ଉପରେ ନିର୍ଭର କରେ।

ଏକ ପୂର୍ଣ୍ଣ-ଚଉଡ଼ା ଲେଆଉଟ୍ ଯାହାର କୌଣସି ସ୍ଥିର ସର୍ବାଧିକ-ଚଉଡ଼ା ସୀମା ନାହିଁ—ଦେଖିବା ଯୋଗ୍ୟ କ୍ଷେତ୍ର ମଧ୍ୟରେ ବିଷୟବସ୍ତୁ ଧାର-ରୁ-ଧାର ପର୍ଯ୍ୟନ୍ତ ବିସ୍ତାରିତ, ଡେସ୍କଟପ୍‌ରେ ପ୍ରତ୍ୟେକ ପାର୍ଶ୍ୱରେ ପ୍ରାୟ 40px ଭୂସମାନ୍ତର ପ୍ୟାଡିଂ ସହିତ। ହିରୋ ହେଉଛି ଏକ ଭାସମାନ ସନ୍ଧାନ କ୍ୟାପସୁଲ୍, ଯାହା କୌଣସି ଚିତ୍ର କିମ୍ବା ଶୀର୍ଷକ ବିନା ଏକ ନିରପେକ୍ଷ ଧଳା କାନଭାସ ଉପରେ କେନ୍ଦ୍ରିତ—ସନ୍ଧାନ ବାର୍ ହେଉଛି ହିରୋ। ସନ୍ଧାନ ତଳେ, ପୃଷ୍ଠାଟି ଭୂଲମ୍ବ ଭାବରେ ଷ୍ଟାକ୍ ହୋଇଥିବା, ଭୂସମାନ୍ତର ସ୍କ୍ରୋଲିଂ ବିଭାଗରେ ପରିବର୍ତ୍ତନ ହୁଏ (ଚାରୋଟି ଧାଡି ଦୃଶ୍ୟମାନ: ବୈଶିଷ୍ଟ୍ୟଯୁକ୍ତ ଘର, ମହାନ ହୋଟେଲ, ଅନ୍ୟାନ୍ୟ ସହର, ପରବର୍ତ୍ତୀ ମାସରେ ଉପଲବ୍ଧ), ପ୍ରତ୍ୟେକ ପ୍ରାୟ 320px ଉଚ୍ଚ, 48px ଭୂଲମ୍ବ ଗଟର ଦ୍ୱାରା ପୃଥକ। ପ୍ରତ୍ୟେକ ବିଭାଗ ଭୂସମାନ୍ତର ଓଭରଫ୍ଲୋ ଏବଂ ତୀର ନାଭିଗେସନ୍ ସହିତ ଏକ 7-କାର୍ଡ ଗ୍ରୀଡ୍ ବ୍ୟବହାର କରେ। ଫୁଟର୍ ହେଉଛି #f7f7f7 ପୃଷ୍ଠଭୂମିରେ ଲିଙ୍କଗୁଡ଼ିକର ଏକ 3-ସ୍ତମ୍ଭ ଗ୍ରୀଡ୍, ତା’ପରେ କପିରାଇଟ୍ ସୂଚନା, ଭାଷା/ମୁଦ୍ରା ବିକଳ୍ପ ଏବଂ ସାମାଜିକ ଗଣମାଧ୍ୟମ ଆଇକନ ସହିତ ଏକ ତଳ ବାର୍। ନାଭିଗେସନ୍ ହେଉଛି କେନ୍ଦ୍ରିତ ଟ୍ୟାବ୍ ନାଭିଗେସନ୍ ଏବଂ ଡାହାଣ-ସଳଖିତ ନିୟନ୍ତ୍ରଣ ସହିତ ଏକ ସ୍ଥିର ଶୀର୍ଷ ବାର୍।

ଫଟୋଗ୍ରାଫି ଭିଜୁଆଲ୍ ସିଷ୍ଟମରେ ପ୍ରାଧାନ୍ୟ ବିସ୍ତାର କରେ, ରିଅଲ୍ ଇଷ୍ଟେଟ୍ ତାଲିକାର ପୂର୍ଣ୍ଣ-ସ୍କ୍ରିନ୍ ପ୍ରତିଛବିଗୁଡ଼ିକ ପ୍ରାଥମିକ ବିଷୟବସ୍ତୁ ପ୍ରକାର ଭାବରେ କାର୍ଯ୍ୟ କରେ। ସମସ୍ତ ଫଟୋଗୁଡ଼ିକ ପ୍ରକୃତ ଘର ଏବଂ ହୋଟେଲର ଉଷ୍ମ, ଭଲ ଭାବରେ ଆଲୋକିତ ଭିତର ଏବଂ ବାହ୍ୟ ସଟ୍, ପ୍ରାକୃତିକ ରଙ୍ଗ ସଂଶୋଧନ (ଭାରୀ ଫିଲ୍ଟର କିମ୍ବା ଡୁଓଟୋନ୍ ବିନା) ସହିତ ପ୍ରକ୍ରିୟାକରଣ କରାଯାଏ। କାର୍ଡ ତାଲିକା ପାଇଁ ଚିତ୍ରଗୁଡ଼ିକୁ 1:1 ଦିଗ ଅନୁପାତ ସହିତ କଡ଼ାକଡ଼ି ଭାବରେ କ୍ରପ୍ କରାଯାଏ, ବ୍ଲିଡ୍ ବିନା କାର୍ଡର ଧାର ପୂରଣ କରାଯାଏ। ସମଗ୍ର ଇଣ୍ଟରଫେସରେ ଆଇକନଗୁଡ଼ିକର ଏକ ମନୋକ୍ରୋମ୍ ଆଉଟଲାଇନ୍ (ରେଖା ଓଜନ ~16–16) ଥାଏ, ନାଭିଗେସନ୍ ବର୍ଗ ଏବଂ UI ନିୟନ୍ତ୍ରଣ ପାଇଁ ଅଳ୍ପ ବ୍ୟବହୃତ ହୁଏ। ଲୋଗୋ ହେଉଛି ଏକମାତ୍ର ବହୁରଙ୍ଗୀ ଗ୍ରାଫିକ୍ ଉପାଦାନ (ରାଉଶ୍)। କୌଣସି ଚିତ୍ର ନାହିଁ, କୌଣସି 3D ରେଣ୍ଡର୍ ନାହିଁ, କୌଣସି ଆବଷ୍ଟ୍ରାକ୍ଟ ଗ୍ରାଫିକ୍ସ ନାହିଁ - ଦୃଶ୍ୟ ଭାଷା ହେଉଛି ଶୁଦ୍ଧ ଫଟୋଗ୍ରାଫି ଏବଂ ଏକ ନରମ ଧଳା କାନଭାସରେ ମିନିମାଲ୍ ମୋନୋକ୍ରୋମ୍ ପ୍ରତିଛବି।

ଇ-କମର୍ସ ଷ୍ଟୋର୍ମିନିମାଲିଜିମ୍ମୋନୋକ୍ରୋମ୍ପ୍ରିମିୟମ୍

https://www.airbnb.com

ପ୍ୟାଲେଟ୍

ବ୍ରାଣ୍ଡ

Rausch #ff385c — ଲାଲ ରଙ୍ଗକୁ ଆଇକନ୍, ଚିହ୍ନ ଏବଂ ଛୋଟ ଗ୍ରାଫିକ୍ ବିବରଣୀ ପାଇଁ ଏକ ସାଜସଜ୍ଜା ଉଚ୍ଚାରଣ ଭାବରେ ବ୍ୟବହାର କରାଯାଏ। ଏହାକୁ କାର୍ଯ୍ୟ ପାଇଁ ପ୍ରାଥମିକ ରଙ୍ଗ ଭାବରେ ବ୍ୟବହାର କରାଯିବା ଉଚିତ୍ ନୁହେଁ।
Rausch 600 #e00b41 — ହୋଭର/ସକ୍ରିୟ ପୃଷ୍ଠରେ ବ୍ରାଣ୍ଡ ଆକ୍ସେଣ୍ଟ ଭାବରେ ବ୍ୟବହୃତ ପୃଷ୍ଠ ପାଇଁ Rausch ରଙ୍ଗର ଏକ ଚାପି ଏବଂ ଗାଢ଼ ସଂସ୍କରଣ।

ନିରପେକ୍ଷ

Hof #222222 — ମୁଖ୍ୟ ଅଂଶର କପି, ମୁଖ୍ୟ ପାଠ୍ୟ, ଶୀର୍ଷକ, ଆଇକନ୍ ଆଉଟଲାଇନ୍ ଏବଂ ଓଲଟା ପୃଷ୍ଠଭୂମି କଳା ରଙ୍ଗର ପାଖାପାଖି ଏକ ନିରପେକ୍ଷ ରଙ୍ଗ, ଯାହା ସମଗ୍ର ଆକ୍ରୋମାଟିକ୍ ସିଷ୍ଟମର ଆଧାର ଭାବରେ କାର୍ଯ୍ୟ କରେ।
Foggy #6a6a6a — ଦ୍ୱିତୀୟ ଟେକ୍ସଟ୍, ମ୍ୟୁଟ୍ ହୋଇଥିବା କ୍ୟାପସନ୍, ସହାୟକ ଟେକ୍ସଟ୍, ଅକ୍ଷମ ଆଇକନ୍ ପୂରଣ, ଏବଂ କାର୍ଡ ଟାଇଟଲ୍ ତଳେ ବିବେଚିତ ମେଟାଡାଟା।
Grey 500 #c1c1c1 — ଅକ୍ଷମ ପାଠ୍ୟ, ଇନପୁଟ୍ କ୍ଷେତ୍ରଗୁଡ଼ିକରେ ପ୍ଲେସହୋଲ୍ଡର୍ ପାଠ୍ୟ, ଏବଂ ମ୍ୟୁଟ୍ ଆଇକନ୍ ଆଉଟଲାଇନ୍ ଯେଉଁଠାରେ ସ୍ଥିତି ଉପରେ ଗୁରୁତ୍ୱ ହ୍ରାସ କରିବା ଆବଶ୍ୟକ।
Bebe #ebebeb — ପତଳା ସୀମା, ଅଣ୍ଡରଲାଇନ୍ ହୋଇଥିବା ଇନପୁଟ୍ କ୍ଷେତ୍ର, ତାଲିକା ରେଖା ମଧ୍ୟରେ ବିଭାଜକ ଏବଂ ସୂକ୍ଷ୍ମ ବିଭାଜନ ରେଖା।
Deco #dddddd — ନିଷ୍କ୍ରିୟ କଣ୍ଟେନର, ପ୍ଲେସହୋଲ୍ଡର ଏବଂ ଅକ୍ଷମ କାର୍ଡ ସ୍ଥିତି ପାଇଁ କାର୍ଡ ପୃଷ୍ଠଭୂମି ଚିତ୍ର।
Faint #f7f7f7 — ପୃଷ୍ଠା କାନଭାସ୍ ପୃଷ୍ଠଭୂମି ପ୍ରତିଛବି, ଫୁଟର୍ ପୃଷ୍ଠ ଏବଂ ଇଣ୍ଟରାକ୍ଟିଭ୍ ଉପାଦାନ ପାଇଁ ହୋଭର୍ ଅବସ୍ଥା ଏକ ନରମ, କ୍ରିମି ଛାଇ ଯାହା ଏହି ପୃଷ୍ଠାକୁ ଶୁଦ୍ଧ ଧଳା କାର୍ଡଗୁଡ଼ିକଠାରୁ ଭିନ୍ନ କରିଥାଏ।

ଟାଇପୋଗ୍ରାଫି

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

Airbnb Cereal VF — ପ୍ରତିସ୍ଥାପନ: Circular · ବାହ୍ୟରେଖା 400, 500, 600, 700 · Airbnb ପାଇଁ ଡିଜାଇନ୍ କରାଯାଇଥିବା ଏକ କଷ୍ଟମ୍ ଜ୍ୟାମିତିକ ସାନ୍ସ-ସେରିଫ୍ ଫଣ୍ଟ। ମୁଖ୍ୟ ପାଠ୍ୟ 14px/400, UI ଲେବଲ୍ 16px/500, ବିଭାଗ ଶୀର୍ଷକ 20px/600, 22px/500 -0.02em ର କଡ଼ା ଅକ୍ଷର ବ୍ୟବଧାନ ସହିତ, ଏବଂ ପୃଷ୍ଠା ଶୀର୍ଷକ 28px/700 ରେ ଅବସ୍ଥିତ। ବର୍ଦ୍ଧିତ ଆକାର ସହିତ ନକାରାତ୍ମକ ଅକ୍ଷର ବ୍ୟବଧାନ ହ୍ରାସ ପାଏ, ବଡ଼ ସ୍କ୍ରିନ୍ ଆକାରରେ ଜ୍ୟାମିତିକ ସାନ୍ସ-ସେରିଫ୍ ଫଣ୍ଟର ଏକ ବୈଶିଷ୍ଟ୍ୟ। "ଲଣ" ବିକଳ୍ପ ଗ୍ଲିଫ୍ ବୈଶିଷ୍ଟ୍ୟକୁ ସକ୍ଷମ କରେ।

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

ଉଦ୍ଦେଶ୍ୟ	ଅର୍ଥ
ଘନତ୍ୱ	ଘନ
ମୌଳିକ ପଦକ୍ଷେପ	12px
ବଟନ୍‌ ପରିଧି	9999px
କାର୍ଡ ପରିଧି	12px
ଛାଇ	ନରମ ଛାଇ
ବିଭାଗଗୁଡ଼ିକ ମଧ୍ୟରେ	48px
ପୃଷ୍ଠାର ପ୍ରସ୍ଥ	1440px

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

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

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

ସମାନ ଷ୍ଟାଇଲ୍

Apple (España) — ଧଳା ଗ୍ୟାଲେରୀ ପ୍ରଦର୍ଶନ କେସ୍
Silencio — ଭାସମାନ କଳାକୃତି ସହିତ ଏକ ଧଳା କୋଠରୀ। ଉଷ୍ମ କାଗଜରେ ତିଆରି ଏକ ଗ୍ୟାଲେରୀ ପ୍ରଦର୍ଶନ, ଯେଉଁଠାରେ ପ୍ରତ୍ୟେକ ଉପାଦାନ ନକାରାତ୍ମକ ଆୟତନର ପୃଷ୍ଠଭୂମି ବିରୁଦ୍ଧରେ ଏହାର ସ୍ଥାନ ଅଧିକାର କରେ, ଏବଂ ନୀରବତା ଏକ ଉଦ୍ଦେଶ୍ୟମୂଳକ ଡିଜାଇନ୍ ନିଷ୍ପତ୍ତି।
Oakâme — ଉଷ୍ମ ପଥରରେ ଖୋଦିତ ଏକ ସୂର୍ଯ୍ୟ-ଭିଜା ପ୍ରୋଭେନ୍ସଲ୍ କର୍ମଶାଳା
Nike — କ୍ରୀଡା ସଫଳତାର ଏକ ମୋନୋକ୍ରମ୍ ଗ୍ୟାଲେରୀ - ଧଳା କାନ୍ଥ, କଳାକୃତି ଭାବରେ ଉତ୍ପାଦ, ପୃଷ୍ଠଭୂମିରେ ଦ୍ରବୀଭୂତ କ୍ରୋମ୍
Arc — ମଧ୍ୟରାତ୍ରି ପାଣି ଉପରେ ଶିଳ୍ପ ଧଳା ଗ୍ୟାଲେରୀ
Rivian — ଗ୍ୟାଲେରୀର କଂକ୍ରିଟ୍ କାନ୍ଥରେ ଏକ ବୈଦ୍ୟୁତିକ ମନୋଲିଥ୍। ରିଭିଆନ୍ ପ୍ରତ୍ୟେକ ଯାନକୁ ଏକ ବିଶାଳ ଧଳା ସ୍ଥାନ ବିରୁଦ୍ଧରେ ଏକ ମୂର୍ତ୍ତି ଭାବରେ ଉପସ୍ଥାପନ କରନ୍ତି, ଟାଇପୋଗ୍ରାଫି ଏତେ ବଡ଼ ଯେ ଏହା ଏକ ସ୍ଥାପତ୍ୟ ଉପାଦାନ ହୋଇଯାଏ, ଏବଂ ଏକକ ଉଷ୍ମ ହଳଦିଆ ରଙ୍ଗ ଯାହା ଏକ ରଙ୍ଗୀନ୍ ପରିବେଶକୁ ଭାଙ୍ଗିଥାଏ, ଯେପରି ଏକ ମ୍ୟାଟ୍ ପୃଷ୍ଠରେ ସୂର୍ଯ୍ୟକିରଣ।
Analogue — କଳା ଗ୍ୟାଲେରୀ ପ୍ରଦର୍ଶନ କେସ୍ - ଶୂନ୍ୟସ୍ଥାନରେ ଜିନିଷପତ୍ର ଘୁରି ବୁଲୁଛି
ddna — ଅପରିଷ୍କାର କପଡ଼ା ଉପରେ ଉଷ୍ମ ସଂଗ୍ରହାଳୟ ପ୍ରଦର୍ଶନ କେସ୍
Zellerfeld — ଧଳା ମାର୍ବଲ ଉପରେ ଏକ ମୂର୍ତ୍ତିକାରଙ୍କ କର୍ମଶାଳା - ପୀଠର ଏକାଙ୍ଗ ପୃଷ୍ଠ, କୋବାଲ୍ଟର ଏକକ ସ୍ପାର୍କ, ମହଲାରୁ ଛାତ ପର୍ଯ୍ୟନ୍ତ ଛୋଟ ଅକ୍ଷରର ଏକ ଫୁସ୍ ଫୁସ୍
UY Studio — ମଠର ପଥର ଗ୍ୟାଲେରୀ ହେଉଛି କଂକ୍ରିଟ୍ କାନ୍ଥ ସହିତ ଏକ ଶାନ୍ତ ସ୍ଥାନ, ଯେଉଁଠାରେ ଅତର ବୋତଲଗୁଡ଼ିକ ଧଳା ପ୍ଲିନ୍ଥ ଉପରେ ଠିଆ ହୋଇଛି, ଗୋଟିଏ 400-ୱାଟ୍ ଦୀପ ଏବଂ ଚାରୋଟି ଉଷ୍ମ ଧୂସର ବଲ୍ବ ଦ୍ୱାରା ଆଲୋକିତ।
Basic.Space — ଧଳା ମାର୍ବଲ ଉପରେ ତିଆରି କ୍ୟୁରେଟୋରିଆଲ୍ ଗ୍ୟାଲେରୀ
COS — ଧଳା କାନ୍ଥ ସହିତ ଏକ ଟ୍ରେଣ୍ଡି ଗ୍ୟାଲେରୀ