Glossier
సూర్యరశ్మి ఫోటోషూట్ - తెల్ల కాగితం, నల్ల సిరా, ఒక ప్రకాశవంతమైన పసుపు రంగు యాక్సెంట్
గ్లోసియర్ ఒక డిజిటల్ బ్యూటీ మ్యాగజైన్ లాగా పనిచేస్తుంది: దాదాపు నలుపు తెలుపులతో నిండిన మోనోక్రోమ్ కాన్వాస్, దీనికి బ్రాండ్ లోగోగా మరియు ఏకైక కాల్ టు యాక్షన్గా పనిచేసే ఒకే ఒక్క, ప్రకాశవంతమైన పసుపు రంగు అలంకరణగా ఉంటుంది. ఈ విధానం సంపాదకీయంగా సంయమనం పాటిస్తుంది—అతిపెద్ద సైజు అపెర్క్యూ హెడ్లైన్లు, పుష్కలమైన టెక్స్ట్ స్పేస్, భావోద్వేగ భారాన్ని ఎక్కువగా మోసే పూర్తి పేజీ లైఫ్స్టైల్ ఫోటోగ్రఫీ—మరియు అమలులో ప్రయోజనకరంగా ఉంటుంది: ఫ్లాట్ ప్రొడక్ట్ కార్డ్లు, సన్నని అంచులు, మరియు అలంకరణ పూర్తిగా లేకపోవడం. పసుపు రంగు ద్వితీయ బ్రాండ్ రంగు కాదు; అదే బ్రాండ్, దానిని చాలా తక్కువగా ఉపయోగిస్తారు, తద్వారా అది కనిపించిన ప్రతిసారీ కెమెరా ఫ్లాష్ లాగా అనిపిస్తుంది. మిగతావన్నీ నేపథ్యంలో కలిసిపోయేలా ఉంటాయి: న్యూట్రల్స్ అనేవి సూక్ష్మమైన గులాబీ రంగు ఛాయతో కూడిన వెచ్చని బూడిద రంగులు, అంచులు సూక్ష్మంగా ఉంటాయి, మరియు టైప్ దట్టంగా, సంక్షిప్తంగా ఉంటుంది. ఫలితంగా, ఈ స్టోర్ఫ్రంట్ ఆత్మవిశ్వాసంతో, నిరాడంబరంగా, మరియు రాజీపడని ఆధునికతతో కనిపిస్తుంది.
ఈ పేజీలో నిలువుగా అమర్చిన పూర్తి-స్క్రీన్ విభాగాల శ్రేణి ఉంది, ప్రతి విభాగం ఒక స్వతంత్ర ఎడిటోరియల్ స్ప్రెడ్గా రూపొందించబడింది. ప్రధాన విభాగం పూర్తి-వెడల్పు ఫోటో, దానిపై తేలియాడే తెల్లటి ఓవర్లే (ఎడమవైపు పైన) మరియు పేజీ దిగువ భాగాన్ని పూర్తిగా ఆక్రమించిన ఒక భారీ పసుపు రంగు లోగోతో ఉంటుంది. ప్రధాన విభాగం కింద, పూర్తి-స్క్రీన్ చిత్రాలు మరియు వ్యక్తిగత కార్డ్ల గ్రిడ్ల మధ్య విభాగాలు ఒకదాని తర్వాత ఒకటిగా వస్తాయి. వర్గాలను (చర్మ సంరక్షణ/మేకప్) సమాన నిష్పత్తిలో (50/50) చిత్రాలతో రెండు నిలువు వరుసలుగా విభజించడం కనిపించే అంచు లేకుండా జరుగుతుంది—కేవలం చిత్రాలను కలిపే ఒక గీత మాత్రమే వాటిని వేరు చేస్తుంది. ఉత్పత్తి కేటలాగ్ #f7f7f7 కాన్వాస్పై చదరపు కార్డ్లతో కూడిన నాలుగు-నిలువు వరుసల గ్రిడ్ను ఉపయోగిస్తుంది. నావిగేషన్ అనేది ఒక మినిమలిస్ట్ టాప్ బార్, దాని పైన ఒక ద్వితీయ ప్రకటనల పట్టీ ఉంటుంది. విభాగాల మధ్య ఖాళీలు చాలా పెద్దవిగా (64px) ఉంటాయి, కానీ వెచ్చని ఫుటర్ మినహా, విభాగాల మధ్య మార్పులు సున్నితంగా ఉంటాయి—డివైడర్లు లేదా మారుతున్న నేపథ్య రంగులు లేకుండా. మొత్తం లయ ఇలా ఉంటుంది: ఫోటోగ్రాఫ్, టెక్స్ట్, ఫోటోగ్రాఫ్, గ్రిడ్, ఫోటోగ్రాఫ్ – ఒక ఫ్యాషన్ మ్యాగజైన్ను తిరగేస్తున్నట్లుగా.
ఫోటోగ్రఫీయే ప్రధాన దృశ్య భాష. వీక్షణా ప్రదేశమంతా జీవనశైలి చిత్రాలు మరియు పోర్ట్రెయిట్లతో నిండి ఉంటుంది—వెచ్చని గోల్డెన్ అవర్ కాంతి, చర్మం యొక్క మృదువైన క్లోజప్లు, సూర్యకాంతి నేపథ్యంలో ఉత్పత్తి సీసాలను పట్టుకున్న చేతులు. ఫోటోలలోని రంగుల పాలెట్ వెచ్చగా మరియు డీశాచురేటెడ్గా ఉంటుంది: పీచ్ రంగు ఆకాశం, టెర్రకోట చర్మపు ఛాయలు, ముదురు సముద్రపు నీలి రంగులు. తెల్లటి టెక్స్ట్ కార్డ్లు లేదా పసుపు రంగు లోగో మినహా, చిత్రాలు ఎల్లప్పుడూ గుండ్రని మూలలు, ఫ్రేమ్లు లేదా ఓవర్లేలు లేకుండా పేజీ ఉపరితలం మొత్తాన్ని ఆక్రమిస్తాయి. కేటలాగ్ కార్డ్లపై ఉన్న ఉత్పత్తి ఫోటోలు స్వచ్ఛమైన తెల్లటి సీమ్లెస్ బ్యాక్గ్రౌండ్పై, ఫ్లాట్ మరియు సమమైన కాంతితో తీయబడతాయి. చిత్రం-వచనం నిష్పత్తి సుమారుగా 70/30—చిత్రాలు భావోద్వేగాన్ని, వచనం దాని పనితీరును తెలియజేస్తాయి. ఎలాంటి ఇలస్ట్రేషన్లు, అబ్స్ట్రాక్ట్ గ్రాఫిక్స్, 3D రెండరింగ్లు ఉండవు.
పాలెట్
బ్రాండ్
- Glossier Yellow
#fff116— అలంకరణ వివరాల కోసం మరియు అరుదుగా ఉపయోగించే శోధన ప్రశ్నలను హైలైట్ చేయడానికి పసుపు రంగును ద్వితీయ రంగుగా ఉపయోగిస్తారు. దీనిని చర్యకు పిలుపునిచ్చే (call to action) ప్రాథమిక రంగుగా ఉపయోగించకూడదు.
తటస్థ
- Ink
#000000— బాడీ టెక్స్ట్, నావిగేషన్ లింకులు, ప్రధాన టెక్స్ట్, ఫుటర్ టెక్స్ట్, ఐకాన్ అవుట్లైన్లు, సన్నని అంచులు; ప్రధాన టైపోగ్రాఫిక్ మరియు నిర్మాణ రంగు. - Paper
#ffffff— ఉత్పత్తి కార్డ్ ఉపరితలాలు, నింపే ప్రదేశాలు, ఉబ్బెత్తు ప్యానెల్లు; కుప్పలో అత్యంత ప్రకాశవంతమైన ఉపరితల స్థాయి. - Fog
#f7f7f7— పేజీ కాన్వాస్, విభాగాల నేపథ్యాలు, పేజీలోని చిత్రాల మధ్య పరివర్తనాలు; మొత్తం వెబ్సైట్ ఆధారపడి ఉండే ఆధార ఉపరితలం. - Blush
#faf2f4— ఫుటర్ బ్యాక్గ్రౌండ్, మృదువైన వెచ్చని సెక్షన్ డివైడర్లు; సూక్ష్మమైన గులాబీ-తెలుపు రంగు ఛాయ పేజీల అడుగు భాగానికి వెచ్చదనాన్ని జోడిస్తుంది. - Mist
#f0f0f0— అస్పష్టమైన నేపథ్యాన్ని సృష్టించడానికి మరియు విభాగాలను వేరు చేయడానికి ఉపయోగపడే ఒక తేలికపాటి సహాయక ఉపరితలం. దీనిని కాల్ టు యాక్షన్ కోసం ప్రాథమిక రంగుగా ఉపయోగించకూడదు. - Ash
#e8e8e8— ఇన్పుట్ ఫీల్డ్ అంచులు, ఐకాన్ నేపథ్యాలు, సన్నని విభజన రేఖలు; కార్డ్లు మరియు ఫారమ్ అంశాల కోసం నిర్మాణాత్మక అంచు రంగు.
టైపోగ్రఫీ
12 నుండి 32 పిక్సెల్స్ వరకు · 5 దశలు
- Apercu — భర్తీ: Inter · రూపురేఖలు 400, 500, 700 · యూజర్ ఇంటర్ఫేస్ అంతటా ప్రాథమిక ఫాంట్ను ఉపయోగిస్తారు—ప్రధాన పాఠ్యం 16px/400 వద్ద, నావిగేషన్ మరియు క్యాప్షన్లు 12–14px/500 వద్ద, ఉపశీర్షికలు 20px/500 వద్ద, మరియు సంపాదకీయ ముఖ్యాంశాలు 32px/700 వద్ద ఉంటాయి. అపెర్కు యొక్క జ్యామితీయ, మానవతావాద డిజైన్ ఈ బ్రాండ్కు సంక్షిప్తమైన, ఆధునిక శైలిని ఇస్తుంది; దాదాపు సున్నా అక్షరాల అంతరం (0.002–0.003em) ఈ ఫాంట్ను విశాలంగా లేదా స్నేహపూర్వకంగా కాకుండా, కాంపాక్ట్గా మరియు మ్యాగజైన్ లాగా చేస్తుంది. 700 వెయిట్ను సంపాదకీయాలలోని డిస్ప్లే అంశాల కోసం కేటాయించారు, UI అంశాల కోసం కాదు.
- Apercu Mono — భర్తీ: JetBrains Mono or IBM Plex Mono · రూపురేఖలు 400 · ఆర్డర్ మెటాడేటా, ట్రాకింగ్ నంబర్లు మరియు కోడ్ పక్కన ఉండే లేబుల్స్ కోసం సూక్ష్మ-ప్రయోజనకరమైన టైపోగ్రఫీ; మోనోస్పేస్డ్ వెర్షన్ అనుపాత బాడీ టైప్కు వ్యతిరేకంగా ఒక సాంకేతిక రూపాన్ని సృష్టిస్తుంది.
- GTStandard-M — భర్తీ: Inter · రూపురేఖలు 400 · GTStandard-M - సంగ్రహించిన డేటాలో కనుగొనబడింది కానీ AI ద్వారా వివరించబడలేదు.
విరామాలు మరియు రూపం
| ఉద్దేశ్యం | అర్థం |
|---|---|
| సాంద్రత | సగటు |
| ప్రాథమిక దశ | 8px |
| బటన్ వ్యాసార్థం | 0px |
| కార్డ్ వ్యాసార్థం | 0px |
| నీడలు | నీడలకు బదులుగా అంచులు లేవు |
| విభాగాల మధ్య | 64px |
| పేజీ వెడల్పు | 1440px |
AI మీ వెబ్సైట్ను Glossier శైలిలో నిర్మించి, దానిని నింపుతుంది
- ఈ లింక్ ద్వారా ఉత్పత్తులు మరియు పోస్ట్లతో నింపండి - Instagram, TikTok, Facebook.
- మీ పాత సైట్ నుండి కంటెంట్ను బదిలీ చేయండి—కేవలం చిరునామాను పేర్కొనండి.
- అత్యుత్తమ ఇంజిన్ అయిన React ( Next.js) పై ఆధునిక డిజైన్, సర్వర్ రెండరింగ్ మరియు ఎస్ఈఓ ఆప్టిమైజేషన్తో వస్తుంది.
- శోధన ఫలితాలు మరియు న్యూరల్ నెట్వర్క్ సిఫార్సుల కోసం పూర్తిగా స్వయంచాలక SEO ఆప్టిమైజేషన్.
సారూప్య శైలులు
- Lightship — బహిరంగ రహదారి యొక్క ఒక సినిమాటిక్ దృశ్యం. దగ్గర దగ్గరగా అమర్చిన పెద్ద ప్రకృతి దృశ్యాల ఛాయాచిత్రాలతో అలంకరించబడిన వెచ్చని క్రీమ్ రంగు గ్యాలరీ గోడలు, ఫ్రేమ్లపై అస్పష్టంగా కనిపించే సన్నని నల్లని అక్షరాలు, మరియు పచ్చికబయలులోని మంటలాగా ఆ ఏకవర్ణాన్ని విచ్ఛిన్నం చేసే ఒకే ఒక్క ప్రకాశవంతమైన నారింజ రంగు అలంకరణ.
- Faire ES — వెచ్చని క్రీమ్ హోల్సేల్ కేటలాగ్
- Adanola — తెల్ల కాగితంపై ఒక ఎడిటోరియల్ లుక్బుక్. టైప్ఫేస్ కోసం నల్ల సిరాను, మరియు బ్రాండ్ యొక్క మొత్తం శైలిని ప్రతిబింబించే సూక్ష్మమైన సిగ్నేచర్ శాన్-సెరిఫ్ ఫాంట్ (ఫేవరిట్)ను ఉపయోగించి, స్వచ్ఛమైన తెల్లని ఉపరితలాలపై టైపోగ్రఫీ మరియు ఫోటోగ్రఫీ జీవం పోసుకున్న ఒక ఫ్యాషన్ షూట్.
- Oura Ring — మృదువైన పగటి వెలుగులో తడిసిన, హాయినిచ్చే ఓట్మీల్ తయారీ వర్క్షాప్
- Stykka — తెల్లని కాంతిలో ఒక స్కాండినేవియన్ వర్క్షాప్ – ఫోటోగ్రఫీ స్వరం మాత్రమే వినిపించే ఒక ప్రశాంతమైన, చేతితో తయారు చేసిన వస్తువుల షోరూమ్.
- DJI — ఏరోస్పేస్ బ్లాక్ కాన్వాస్పై ఒకే ఎలక్ట్రిక్ బ్లూ హైలైట్
- Altitude Beverages — మోనోక్రోమ్ మ్యాగజైన్ స్ప్రెడ్. నిశ్చలమైన ఫోటోలు తప్ప మిగతా రంగులన్నీ తొలగించబడిన ఒక ఫ్యాషన్ మ్యాగజైన్ స్ప్రెడ్ను ఊహించుకోండి—అక్కడి టెక్స్ట్ మరియు ఖాళీ ప్రదేశమే మొత్తం కథను చెబుతాయి.
- AATHER — తెరిచిన అరచేయి, ఒకే జ్వాల - నిశ్చలతలో ఇమిడి ఉన్న ప్రశాంతమైన విలాసం
- Cowboy — మంచులా తెల్లటి పింగాణీ అమరికలో ఒక బెల్జియన్ సైకిల్ గ్యాలరీ. మాట్ ఉపరితలాలు, సంపాదకీయ సామగ్రిలో ఉపయోగించే పెద్ద ఫాంట్లు మరియు అలంకరణ దాదాపుగా లేకపోవడం వంటివి సైకిల్ మరియు దానిలోని వస్తువుల వైపు దృష్టిని ఆకర్షించే ఒక షోరూమ్.
- Refero — తెల్లని పాలరాయిపై ఎడిటోరియల్ లేఅవుట్ - ఒక టైపోగ్రాఫర్ రూపొందించిన ఉత్పత్తి పేజీ, ఇక్కడ సెరిఫ్ హెడ్లైన్ బ్రాండ్ యొక్క ప్రత్యేకతగా నిలుస్తుంది మరియు మిగతాదంతా నిరాడంబరంగా ఉంటుంది.
- Face Formula — ఒక స్కాండినేవియన్ ఎడిటోరియల్ పోర్ట్రెయిట్. ప్రశాంతమైన, మ్యాగజైన్ శైలిలో ఉన్న ఈ ఫోటోషూట్లో, చల్లని, పొగమంచుతో కూడిన నేపథ్యానికి వ్యతిరేకంగా, మోడల్ చూపు మరియు కండెన్స్డ్ సెరిఫ్ ఫాంట్లో వ్రాసిన శీర్షిక తమంతట తామే మాట్లాడుతున్నాయి.
- Shupatto — తెల్లని పాలరాయిపై మ్యూజియం ప్రదర్శన పెట్టె