Airbnb
ఒకే ఒక్క పగడపు ఎరుపు రంగు బుక్మార్క్తో కూడిన ప్రశాంతమైన తెల్లని గ్యాలరీ గోడ
Airbnb "వైట్ కాన్వాస్" శైలిలో పనిచేస్తుంది, ఇక్కడ ఫోటోగ్రఫీదే ప్రధానం: దాదాపు ప్రతి స్క్రీన్ ఒక నిశ్శబ్దమైన మోనోక్రోమ్ ఫ్రేమ్గా ఉంటుంది, ఇది ప్రాపర్టీల పూర్తి-స్క్రీన్ చిత్రాలు మొత్తం అభిప్రాయాన్ని తెలియజేయడానికి అనుమతిస్తుంది. కార్యాచరణను సూచించే ఏకైక రంగు సంకేతంగా ఒకే ఒక్క, గాఢమైన పగడపు-ఎరుపు రంగు (రౌష్) ఉంటుంది. బాడీ టెక్స్ట్, ఇంటర్ఫేస్ మరియు సెక్షన్ హెడ్డింగ్ల (22-22) కోసం ఉపయోగించే టైప్ఫేస్ ఒక జ్యామితీయ శాన్-సెరిఫ్ (Airbnb Cereal VF)—ఎక్కువగా చిన్న, స్పష్టమైన సైజులలో ఉంటుంది—ఇరుకైన నెగటివ్ లైన్ స్పేసింగ్ మరియు ఉదారమైన లైన్ స్పేసింగ్తో, దట్టమైన టెక్స్ట్ ఉన్న కార్డ్లు చదవడానికి వీలుగా ఉంటాయి. ఇంటర్ఫేస్ ఫ్లాట్గా, ఫ్రేమ్ లేకుండా మరియు గుండ్రంగా ఉంటుంది: కార్డ్లు మరియు కంట్రోల్స్పై 12-3 రేడియస్లు, గుండ్రని మాత్ర ఆకారపు బటన్లు, మరియు సెర్చ్ బార్ వంటి ప్రముఖ అంశాలకు మాత్రమే మృదువైన, పొరల నీడలు ఉంటాయి. మిగతావన్నీ—కార్డ్లు, జాబితా అంశాలు, లింక్లు—క్రోమ్ యాక్సెంట్లకు బదులుగా ఖాళీ స్థలం మరియు సన్నని గీతలపై ఆధారపడతాయి.
స్థిరమైన గరిష్ట వెడల్పు పరిమితి లేని పూర్తి-వెడల్పు లేఅవుట్—డెస్క్టాప్లో కంటెంట్ కనిపించే ప్రదేశంలో అంచు నుండి అంచు వరకు విస్తరించి ఉంటుంది, ప్రతి వైపు సుమారు 40px హారిజాంటల్ ప్యాడింగ్ ఉంటుంది. హీరో అనేది ఫ్లోటింగ్ సెర్చ్ క్యాప్సూల్, ఇది ఎలాంటి చిత్రం లేదా శీర్షిక లేకుండా తటస్థ తెలుపు కాన్వాస్పై మధ్యలో ఉంటుంది—సెర్చ్ బార్యే హీరో. సెర్చ్ కింద, పేజీ నిలువుగా పేర్చబడిన, అడ్డంగా స్క్రోల్ అయ్యే విభాగాలుగా మారుతుంది (నాలుగు వరుసలు కనిపిస్తాయి: ఫీచర్డ్ హోమ్స్, గ్రేట్ హోటల్స్, ఇతర నగరం, వచ్చే నెల అందుబాటులో ఉన్నవి), ప్రతి విభాగం సుమారు 320px పొడవు ఉండి, 48px నిలువు గట్టర్ల ద్వారా వేరు చేయబడి ఉంటుంది. ప్రతి విభాగం హారిజాంటల్ ఓవర్ఫ్లో మరియు బాణం నావిగేషన్తో కూడిన 7-కార్డ్ గ్రిడ్ను ఉపయోగిస్తుంది. ఫుటర్ అనేది #f7f7f7 బ్యాక్గ్రౌండ్పై లింక్లతో కూడిన 3-కాలమ్ గ్రిడ్, దాని తర్వాత కాపీరైట్ సమాచారం, భాష/కరెన్సీ ఎంపికలు మరియు సోషల్ మీడియా ఐకాన్లతో కూడిన బాటమ్ బార్ ఉంటుంది. నావిగేషన్ అనేది మధ్యలో ట్యాబ్ నావిగేషన్ మరియు కుడివైపు అమర్చిన కంట్రోల్స్తో కూడిన స్థిరమైన టాప్ బార్.
ఫోటోగ్రఫీ దృశ్య వ్యవస్థలో ప్రధాన పాత్ర పోషిస్తుంది, రియల్ ఎస్టేట్ జాబితాల పూర్తి-స్క్రీన్ చిత్రాలు ప్రాథమిక కంటెంట్ రకంగా ఉంటాయి. అన్ని ఫోటోలు నిజమైన ఇళ్లు మరియు హోటళ్ల యొక్క వెచ్చని, మంచి కాంతివంతమైన ఇంటీరియర్ మరియు ఎక్స్టీరియర్ షాట్లు, ఇవి సహజమైన కలర్ కరెక్షన్తో (భారీ ఫిల్టర్లు లేదా డ్యూటోన్లు లేకుండా) ప్రాసెస్ చేయబడ్డాయి. లిస్టింగ్ కార్డ్ల కోసం చిత్రాలు 1:1 యాస్పెక్ట్ రేషియోతో దగ్గరగా క్రాప్ చేయబడ్డాయి, ఇవి కార్డ్ అంచు వరకు రంగులు బయటకు రాకుండా నింపుతాయి. ఇంటర్ఫేస్ అంతటా ఉన్న ఐకాన్లు మోనోక్రోమ్ అవుట్లైన్ను (లైన్ వెయిట్ ~16–16) కలిగి ఉంటాయి, వీటిని నావిగేషన్ కేటగిరీలు మరియు UI కంట్రోల్స్ కోసం అరుదుగా ఉపయోగించారు. లోగో మాత్రమే బహుళ-రంగు గ్రాఫిక్ ఎలిమెంట్ (రౌష్). ఎటువంటి ఇలస్ట్రేషన్లు, 3D రెండర్లు, అబ్స్ట్రాక్ట్ గ్రాఫిక్స్ లేవు—దృశ్య భాష స్వచ్ఛమైన ఫోటోగ్రఫీ మరియు మృదువైన తెల్లని కాన్వాస్పై మినిమలిస్ట్ మోనోక్రోమ్ ఐకానోగ్రఫీ.
పాలెట్
బ్రాండ్
- Rausch
#ff385c— ఐకాన్లు, సైన్లు మరియు చిన్న గ్రాఫిక్ వివరాల కోసం ఎరుపు రంగును అలంకరణగా ఉపయోగిస్తారు. దీనిని కార్యాచరణ పిలుపులకు ప్రధాన రంగుగా ఉపయోగించకూడదు. - Rausch 600
#e00b41— హోవర్/యాక్టివ్ ఉపరితలాలపై బ్రాండ్ యాక్సెంట్లుగా ఉపయోగించే ఉపరితలాల కోసం రాష్ పెయింట్ యొక్క ప్రెస్డ్ మరియు డార్క్ వెర్షన్.
తటస్థ
- Hof
#222222— బాడీ కాపీ, ప్రధాన టెక్స్ట్, శీర్షికలు, ఐకాన్ అవుట్లైన్లు మరియు విలోమ నేపథ్యం నలుపుకు దగ్గరగా ఉండే తటస్థ రంగులో ఉంటాయి, ఇది మొత్తం వర్ణరహిత వ్యవస్థకు ఆధారంగా పనిచేస్తుంది. - Foggy
#6a6a6a— ద్వితీయ టెక్స్ట్, మ్యూట్ చేయబడిన క్యాప్షన్లు, సహాయక టెక్స్ట్, డిసేబుల్ చేయబడిన ఐకాన్ ఫిల్, మరియు కార్డ్ శీర్షికల క్రింద వివిక్త మెటాడేటా. - Grey 500
#c1c1c1— స్టేటస్పై తక్కువ ప్రాధాన్యత అవసరమైన చోట, డిసేబుల్ చేయబడిన టెక్స్ట్, ఇన్పుట్ ఫీల్డ్లలోని ప్లేస్హోల్డర్ టెక్స్ట్ మరియు మ్యూట్ చేయబడిన ఐకాన్ అవుట్లైన్లు. - Bebe
#ebebeb— సన్నని అంచులు, అండర్లైన్ చేయబడిన ఇన్పుట్ ఫీల్డ్లు, జాబితా పంక్తుల మధ్య విభజకాలు మరియు సూక్ష్మమైన విభజన రేఖలు. - Deco
#dddddd— నిష్క్రియ కంటైనర్లు, ప్లేస్హోల్డర్లు మరియు డిసేబుల్ చేయబడిన కార్డ్ స్టేట్ల కోసం కార్డ్ నేపథ్య చిత్రాలు. - Faint
#f7f7f7— పేజీ కాన్వాస్ నేపథ్య చిత్రం, ఫుటర్ ఉపరితలం మరియు ఇంటరాక్టివ్ ఎలిమెంట్స్ యొక్క హోవర్ స్టేట్ ఒక మృదువైన, క్రీమ్ రంగులో ఉండటం వలన ఈ పేజీ స్వచ్ఛమైన తెల్లని కార్డ్ల నుండి భిన్నంగా ఉంటుంది.
టైపోగ్రఫీ
11 నుండి 28 పిక్సెల్స్ వరకు · 5 దశలు
- Airbnb Cereal VF — భర్తీ: Circular · రూపురేఖలు 400, 500, 600, 700 · Airbnb కోసం ప్రత్యేకంగా రూపొందించిన ఒక కస్టమ్ జామెట్రిక్ శాన్-సెరిఫ్ ఫాంట్. బాడీ టెక్స్ట్ 14px/400 వద్ద, UI లేబుల్స్ 16px/500 వద్ద, సెక్షన్ హెడ్డింగ్లు 20px/600, -0.02em టైట్ లెటర్ స్పేసింగ్తో 22px/500 వద్ద, మరియు పేజీ హెడ్డింగ్లు 28px/700 వద్ద పొజిషన్ చేయబడ్డాయి. సైజు పెరిగే కొద్దీ నెగటివ్ లెటర్ స్పేసింగ్ తగ్గుతుంది, ఇది పెద్ద స్క్రీన్ సైజులలో జామెట్రిక్ శాన్-సెరిఫ్ ఫాంట్ల యొక్క ఒక లక్షణం. "సాల్ట్" ఆల్టర్నేట్ గ్లిఫ్ ఫీచర్ను ఎనేబుల్ చేస్తుంది.
విరామాలు మరియు రూపం
| ఉద్దేశ్యం | అర్థం |
|---|---|
| సాంద్రత | దట్టమైన |
| ప్రాథమిక దశ | 12px |
| బటన్ వ్యాసార్థం | 9999px |
| కార్డ్ వ్యాసార్థం | 12px |
| నీడలు | మృదువైన నీడలు |
| విభాగాల మధ్య | 48px |
| పేజీ వెడల్పు | 1440px |
AI మీ వెబ్సైట్ను Airbnb శైలిలో నిర్మించి, దానిని నింపుతుంది
- ఈ లింక్ ద్వారా ఉత్పత్తులు మరియు పోస్ట్లతో నింపండి - Instagram, TikTok, Facebook.
- మీ పాత సైట్ నుండి కంటెంట్ను బదిలీ చేయండి—కేవలం చిరునామాను పేర్కొనండి.
- అత్యుత్తమ ఇంజిన్ అయిన React ( Next.js) పై ఆధునిక డిజైన్, సర్వర్ రెండరింగ్ మరియు ఎస్ఈఓ ఆప్టిమైజేషన్తో వస్తుంది.
- శోధన ఫలితాలు మరియు న్యూరల్ నెట్వర్క్ సిఫార్సుల కోసం పూర్తిగా స్వయంచాలక SEO ఆప్టిమైజేషన్.
సారూప్య శైలులు
- Apple (España) — తెలుపు గ్యాలరీ డిస్ప్లే కేస్
- Silencio — గాలిలో తేలియాడే కళాఖండాలతో కూడిన ఒక తెల్లని గది. వెచ్చని కాగితంతో చేసిన ఒక గ్యాలరీ ప్రదర్శన, దీనిలో ప్రతి అంశం ఖాళీ స్థలం నేపథ్యంలో దాని స్థానాన్ని ఆక్రమిస్తుంది, మరియు ఆ నిశ్శబ్దం ఒక ఉద్దేశపూర్వక రూపకల్పన నిర్ణయం.
- Oakâme — వెచ్చని రాతితో చెక్కబడిన, సూర్యరశ్మితో నిండిన ప్రొవెన్సల్ వర్క్షాప్
- Nike — క్రీడా విజయాల ఏకవర్ణ గ్యాలరీ – తెల్లని గోడలు, ఒక కళాఖండంలాంటి ప్రదర్శన, నేపథ్యంలో కలిసిపోయిన క్రోమ్.
- Arc — అర్ధరాత్రి నీటిపై పారిశ్రామిక తెల్లని గ్యాలరీ
- Rivian — గ్యాలరీ కాంక్రీట్ గోడపై ఒక విద్యుత్ ఏకశిల. రివియన్ ప్రతి వాహనాన్ని ఒక విశాలమైన తెల్లని ప్రదేశంలో శిల్పంలా ప్రదర్శిస్తుంది; దానిపై ఉన్న పెద్ద అక్షరాలు ఒక నిర్మాణ అంశంగా మారతాయి, మరియు మాట్ ఉపరితలంపై సూర్యకాంతిలా ఒకే ఒక్క వెచ్చని పసుపు రంగు ఆ ఏకవర్ణ వాతావరణాన్ని ఛేదిస్తుంది.
- Analogue — నల్లని గ్యాలరీ ప్రదర్శన పెట్టె – శూన్యంలో తేలియాడే వస్తువులు
- ddna — సహజమైన నార వస్త్రంపై వెచ్చని మ్యూజియం ప్రదర్శన పెట్టె
- Zellerfeld — తెల్లని పాలరాయిపై ఒక శిల్పి కార్యశాల—పీఠం యొక్క ఏకశిలా ఉపరితలాలు, కోబాల్ట్ యొక్క ఒకే ఒక్క మెరుపు, నేల నుండి పైకప్పు వరకు వినిపించే చిన్న అక్షరాల గుసగుసలు
- UY Studio — మఠంలోని రాతి గ్యాలరీ కాంక్రీటు గోడలతో కూడిన ఒక నిశ్శబ్ద ప్రదేశం, అక్కడ తెల్లటి పీఠాలపై పరిమళ ద్రవ్యాల సీసాలు నిలబడి ఉంటాయి, వాటిని ఒక 400-వాట్ల దీపం మరియు నాలుగు వెచ్చని బూడిద రంగు బల్బులు ప్రకాశింపజేస్తాయి.
- Basic.Space — తెల్ల పాలరాయిపై క్యూరేటోరియల్ గ్యాలరీ
- COS — తెల్లటి గోడలతో కూడిన అధునాతన గ్యాలరీ