Bang & Olufsen
పింగాణీపై స్కాండినేవియన్ గ్యాలరీ. B&O పేజీ చీకటిగా ఉన్నప్పుడు, ఆ కళాఖండం అర్ధరాత్రి గదిలోని శిల్పంలా ప్రకాశిస్తుంది; అది వెలుగుతున్నప్పుడు, దాని దృష్టిని మరల్చేది మరేదీ లేకపోవడంతో, ఆ కళాఖండం తెల్లటి పట్టు వస్త్రంపై తేలుతున్నట్లుగా కనిపిస్తుంది.
బ్యాంగ్ & ఒలుఫ్సెన్ ఒక గ్యాలరీ-మ్యూజియం సూత్రంపై పనిచేస్తుంది: దాదాపు తెల్లటి పింగాణీ కాన్వాస్లపై ఉత్పత్తులు శిల్పాల్లా తేలుతూ ఉంటాయి. భావోద్వేగాలను నొక్కి చెప్పడం కోసం, అప్పుడప్పుడు స్క్రీన్ మొత్తం వెడల్పును ఆక్రమించే రంగుల చేర్పులు ఉంటాయి—ఉదాహరణకు, స్క్రీన్ మొత్తాన్ని ఆక్రమించే ముదురు అల్ట్రామరైన్ వైలెట్, కొన్నిసార్లు గాఢమైన టెర్రకోట ఎరుపు. టైపోగ్రఫీ అనేది ప్రత్యేకంగా రూపొందించిన ఒకే ఒక్క నియో-గ్రోటెస్క్ టైప్ఫేస్ (బియోసుప్రీమ్). అది తనంతట తానుగా మాట్లాడుతుంది: పెద్ద స్క్రీన్లపై దాదాపు కనిపించదు, మైక్రో-లేబుల్స్పై పెద్ద అక్షరాలతో నిండుగా ఉంటుంది, దీనికి ఇతర టైప్ఫేస్ల అవసరం లేదు. భాగాలు కనిష్ట స్థాయికి తగ్గించబడ్డాయి: పారదర్శక మాత్ర ఆకారపు కంట్రోల్స్, సన్నని అంచులు, అలంకార నీడలు లేవు, గ్రేడియంట్ బటన్లు లేవు, ఐకాన్లు లేవు. గ్రిడ్ విశాలంగా ఉంటుంది, నెగటివ్ స్పేస్ ఒక విలాసం. ప్రతి ఉత్పత్తికి దాని స్వంత తేలియాడే పీఠం ఇవ్వబడింది; చుట్టూ ఉన్న తెలుపు భాగమే ఖాళీ స్థలం. రంగు ఒక విలువైన పదార్థంలా పంపిణీ చేయబడింది—అది కనిపించినప్పుడు, మొత్తం ఫ్రేమ్ను ఆక్రమిస్తుంది.
1440px గరిష్ట వెడల్పు గల కంటైనర్ మధ్యలో ఉంటుంది మరియు దాని అంచుల వద్ద 25px క్షితిజ సమాంతర మార్జిన్లు ఉంటాయి. హీరో ఎలిమెంట్ పేజీ యొక్క పూర్తి వెడల్పును ఆక్రమిస్తుంది (కంటైనర్ను విడదీస్తూ), మరియు అల్ట్రామరైన్ కెమెరా అంచు నుండి అంచు వరకు విస్తరించి ఉంటుంది. ప్రొడక్ట్ గ్రిడ్లు 25px ఖాళీలతో 4-5 కాలమ్లలో సమానంగా అమర్చబడి ఉంటాయి మరియు మొబైల్ పరికరాలలో అడ్డంగా స్క్రోల్ అవుతాయి. సెక్షన్లు తెలుపు బ్యాక్గ్రౌండ్ మరియు పూర్తి-వెడల్పు రంగుల కెమెరాల మధ్య మారుతూ ఉంటాయి—ఈ క్రమం ఈ విధంగా ఉంటుంది: తెలుపు ప్రొడక్ట్ గ్రిడ్ → అల్ట్రామరైన్ హీరో ఎలిమెంట్ → తెలుపు ప్రొడక్ట్ గ్రిడ్ → ముదురు ఎరుపు ఎడిటోరియల్ బ్యానర్ → తెలుపు ప్రొడక్ట్ గ్రిడ్ → అల్ట్రామరైన్ ఫుటర్. నావిగేషన్ అనేది తెలుపు మరియు రంగుల సెక్షన్ల పైన తేలియాడే ఒక మినిమలిస్ట్ టాప్ బార్ (ముదురు బ్యాక్గ్రౌండ్పై టెక్స్ట్ తెలుపు రంగులోకి రివర్స్ చేయబడింది). ఈ పేజీ "ఊపిరి పీల్చుకుంటుంది"—సెక్షన్ల మధ్య ఖాళీలు 60-80px ఉంటాయి, ప్రతి ప్రొడక్ట్కు సెల్స్లో వాటి స్వంత స్థలం ఉంటుంది, మరియు సమాచార సాంద్రత ఉండదు.
ఉత్పత్తి ఫోటోగ్రఫీ మాత్రమే ఏకైక దృశ్య అంశం: ఇందులో లైఫ్స్టైల్ చిత్రాలు, మోడల్స్ లేదా పర్యావరణ సందర్భం ఉండవు. ఉత్పత్తులను పూర్తిగా తటస్థ నేపథ్యాల (తెలుపు, నలుపు మరియు గ్రేడియంట్ ముదురు నీలం) ముందు, నియంత్రిత స్టూడియో లైటింగ్తో చిత్రీకరిస్తారు. ఈ లైటింగ్, వాటి మెటీరియల్స్ను (మాట్ అల్యూమినియం, లెదర్ టెక్చర్, అనోడైజ్డ్ కాపర్ మరియు మాట్ సిలికాన్) హైలైట్ చేస్తుంది. క్రాపింగ్ బిగుతుగా, మధ్యలో ఉంటుంది మరియు ప్రధాన వస్తువుకు ప్రాధాన్యత ఇవ్వబడుతుంది. రంగుల ప్రదర్శన మృదువుగా మరియు మెటీరియల్కు తగినట్లుగా ఉంటుంది: రాగిని రాగిగానే చూపిస్తారు, "గోల్డెన్ అవర్"గా కాదు. నాటకీయ ఎడిటోరియల్ క్షణాల కోసం, ద్వితీయ దృశ్య మూలాంశాలలో భాగంగా, గాఢమైన, ఏకవర్ణ నేపథ్యాల (అల్ట్రామరైన్, టెర్రకోట ఎరుపు) ముందు విరళంగా, పూర్తి స్క్రీన్లో కనిపించే ఉత్పత్తి సిల్హౌట్లను చూపిస్తారు. ఐకానోగ్రఫీ: సన్నని 1px లైన్, తెలుపుపై ఏకవర్ణ నలుపు లేదా ముదురు రంగుపై తెలుపు, జ్యామితీయ, ఫిల్ లేదు, బహుళవర్ణం లేదు.
పాలెట్
బ్రాండ్
- Ultramarine Velvet
#060daa— పేజీల పైభాగంలో మరియు దిగువన ఉండే నేపథ్య చిత్రాలు, పేజీ మొత్తం వెడల్పును ఆక్రమించే నాటకీయ విభాగాలు, మరియు ఫుటర్ ఫిల్స్—అంటే, మొత్తం ఫ్రేమ్లను నింపేసి, ఒకే ఉత్పత్తికి నాటకీయ అనుభూతిని ఇవ్వడానికి ఉపయోగించే గాఢమైన, దాదాపు నలుపు-నీలం-ఊదా రంగు.
తటస్థ
- Porcelain Canvas
#ffffff— పేజీ నేపథ్య చిత్రాలు, ఉత్పత్తి కార్డ్ డిజైన్ మరియు నావిగేషన్ బార్లు అనేవి ప్రతి ఉత్పత్తి నిర్మించబడే ప్రాథమిక పునాదులు. - Bone
#fcfaee— వెచ్చని తటస్థ రంగుల బ్లాక్ల కోసం ఒక ద్వితీయ ఉపరితలం, ముదురు నేపథ్యంపై బటన్ టెక్స్ట్, తెలుపు రంగు నిర్జీవంగా అనిపించినప్పుడు ఒక ప్రత్యామ్నాయ కాన్వాస్. - Obsidian
#191817— ప్రధాన టెక్స్ట్ మరియు ఉత్పత్తి వివరణ టెక్స్ట్ వెచ్చని, దాదాపు నలుపు రంగులో ఉంటాయి, ఇది తెలుపు నేపథ్యంపై స్వచ్ఛమైన #000000 కంటే మృదువుగా కనిపిస్తుంది. - Pure Ink
#000000— ఐకాన్ అవుట్లైన్లు, మైక్రోట్యాగ్లు, సూక్ష్మమైన అంచులు మరియు అత్యంత స్పష్టమైన టెక్స్ట్ కాంట్రాస్ట్లు. - Graphite
#555555— ద్వితీయ పాఠ్యం, మెటాడేటా, ధర ట్యాగ్లు, నిశ్శబ్ద సహాయక పాఠ్యం - Mist
#e5e5e5— సన్నని ఇన్పుట్ డేటా సరిహద్దులు మరియు వ్యవస్థలోని ఏకైక నిర్మాణాత్మక విభజనకారి.
టైపోగ్రఫీ
12 నుండి 36 పిక్సెల్స్ వరకు · 5 దశలు
- BeoSupreme — భర్తీ: Neue Haas Grotesk Display Pro (closest) · రూపురేఖలు 400, 500, 700 · మొత్తం బ్రాండ్ గుర్తింపును ప్రతిబింబించే ఒకే ఫాంట్. శీర్షికలు మరియు హెడ్డింగ్ల కోసం: స్పష్టమైన, సంక్షిప్తమైన హెడ్లైన్ల కోసం 500–700 వెయిట్, 24–36px, తక్కువ లెటర్ స్పేసింగ్తో (-0.056em → -0.014em). బాడీ కాపీ మరియు UI కోసం: 400 వెయిట్, 14–16px, సాధారణ లెటర్ స్పేసింగ్, లైన్ స్పేసింగ్ 1.5–1.7. మైక్రోలేబుల్స్ (నావిగేషన్, ఐకాన్లు, "Founded in 1925" నినాదం): 500 వెయిట్, 9–12px, +0.143em వరకు ఎక్కువ లెటర్ స్పేసింగ్తో, కంటికి ఇబ్బంది కలిగించని ఆర్కిటెక్చరల్ వివరణలుగా ఉపయోగించడానికి అన్నీ క్యాపిటల్ అక్షరాలలో ప్రదర్శించబడతాయి. దీనికి పోటీగా మరో ఫాంట్ లేదు.
- object-fit: cover; object-position: center; — భర్తీ: Inter · రూపురేఖలు 400 · object-fit: cover; object-position: center; - ఇవి సంగ్రహించిన డేటాలో కనుగొనబడ్డాయి కానీ AI ద్వారా వివరించబడలేదు.
విరామాలు మరియు రూపం
| ఉద్దేశ్యం | అర్థం |
|---|---|
| సాంద్రత | దట్టమైన |
| ప్రాథమిక దశ | 8-16px |
| బటన్ వ్యాసార్థం | 40px |
| కార్డ్ వ్యాసార్థం | 0px |
| నీడలు | నీడలకు బదులుగా అంచులు లేవు |
| విభాగాల మధ్య | 60-80px |
| పేజీ వెడల్పు | 1440px |
AI మీ వెబ్సైట్ను Bang & Olufsen శైలిలో నిర్మించి, దానిని నింపుతుంది
- ఈ లింక్ ద్వారా ఉత్పత్తులు మరియు పోస్ట్లతో నింపండి - Instagram, TikTok, Facebook.
- మీ పాత సైట్ నుండి కంటెంట్ను బదిలీ చేయండి—కేవలం చిరునామాను పేర్కొనండి.
- అత్యుత్తమ ఇంజిన్ అయిన React ( Next.js) పై ఆధునిక డిజైన్, సర్వర్ రెండరింగ్ మరియు ఎస్ఈఓ ఆప్టిమైజేషన్తో వస్తుంది.
- శోధన ఫలితాలు మరియు న్యూరల్ నెట్వర్క్ సిఫార్సుల కోసం పూర్తిగా స్వయంచాలక SEO ఆప్టిమైజేషన్.
సారూప్య శైలులు
- Structured — ప్లాస్టిసిన్ లాంటి కాగితంపై పునరుజ్జీవన గ్యాలరీ
- Apple (España) — మృదువైన పగటి వెలుగులో, మ్యూజియం గ్యాలరీ ఒకే ఒక్క, ఆకర్షణీయమైన, బరువులేని తెల్లని ప్రదేశంగా ఉంటుంది, ఇక్కడ లేత రంగు గోడపై ఒక స్పాట్లైట్ వెలుగులో ప్రతి ప్రదర్శన వస్తువు ప్రకాశిస్తుంది.
- Apple (España) — ఒబ్సిడియన్ గ్యాలరీ షోకేస్ అనేది ఒక చీకటి ప్రదర్శనశాల, ఇక్కడ చిమ్మచీకటి నేపథ్యంలో ఒకే ఒక్క టైటానియం వస్తువు ప్రకాశిస్తుంది.
- 099 SUPPLY — నలుపు మరియు తెలుపు వస్తువులతో నిండిన గ్యాలరీ గోడ
- Custo — గన్మెటల్ రంగు గ్యాలరీ, దానిలో ఏకశిలా ఫాంట్. మసక బూడిద-ఆకుపచ్చ ఛాయలలో ఒక షోరూమ్, అక్కడ ఒకే ఒక్క ముదురు రంగు వస్తువు మరియు 57px ఫాంట్ తమంతట తామే మాట్లాడుతాయి.
- Apple (España) — మధ్యాహ్నం వైట్ మ్యూజియం గ్యాలరీ
- VITURE — అర్ధరాత్రి గాజు వెనుక నియాన్ ఉత్పత్తి ప్రదర్శన – చీకటిమయమైన షోరూమ్లో, ఒక స్టాండ్పై ఉన్న కళ్ళజోడును చీల్చుకుంటూ ఒకే ఒక్క నారింజ రంగు కాంతి పుంజం ప్రకాశింపజేస్తుంది.
- HNST Studio — తుప్పు రంగు నార వస్త్రాలతో కూడిన ఒక హాయినిచ్చే స్టూడియో ఒక స్లో ఫ్యాషన్ గ్యాలరీ. ఇక్కడ క్రీమ్ మరియు చార్కోల్ రంగులతో నిండిన మఠం లాంటి లోపలి భాగానికి, ముదురు నారింజ రంగు యొక్క ఒకే ఒక్క అలంకరణ వెచ్చదనాన్ని అందిస్తుంది.
- OFFFICE : — ఏకశిలా ఫాంట్లో మునిగిపోయిన ఒక నల్లని గ్యాలరీ
- ARTU — తెల్ల కాగితంపై గ్యాలరీ గోడ. ఆర్టు ఈ వీక్షణా స్థలాన్ని ఒక మ్యూజియం ప్రదర్శనలాగా తీర్చిదిద్దుతుంది—పెద్ద పరిమాణంలో ఉత్పత్తి ఫోటోలు, సూక్ష్మమైన గుర్తులు, మరియు కూర్పును పూర్తి చేసే అడుగు భాగంలో ఒకే ఒక్క సున్నపు రంగు స్పర్శ.
- Specht Studio — సూక్ష్మమైన ఉత్సుకతతో నిండిన ఒక గ్యాలరీ గోడ. స్టూడియో వారి సొంత క్రోమ్ ఫినిష్ అనేది తెల్లటి ఉపరితలం మరియు నల్లటి అక్షరాలతో ఉంటుంది; దృశ్యపరమైన అద్భుతాలన్నీ పూర్తిగా ఈ ప్రాజెక్ట్ యొక్క టైల్ వర్క్లోనే కేంద్రీకృతమై ఉన్నాయి.
- MindMarket — క్రీమ్ రంగు కాగితంపై ఒక హాయినిచ్చే అద్భుత కథల పుస్తకం - సూర్యరశ్మితో నిండిన, స్టిక్కర్ల వలె మృదువైన ఉపరితలంపై పెద్ద ఇంటర్ హెడ్లైన్లు మరియు కట్-అవుట్ పేపర్ పాత్రలు కలిసి ఉండే ఒక స్నేహపూర్వక సంపాదకీయ కాన్వాస్.