Shop
తెల్లని పాలరాయిపై తేలియాడే వాణిజ్య నక్షత్రరాశి
ఈ ఆన్లైన్ స్టోర్ "వైట్ కాన్వాస్" నమూనాపై పనిచేస్తుంది, ఇందులో ఉత్పత్తులు థంబ్నెయిల్స్ గ్రిడ్లుగా కాకుండా, పెద్ద, బాగా వంగిన ఇమేజ్ కార్డ్లుగా ప్రదర్శించబడతాయి. మొత్తం ఇంటర్ఫేస్ చాలా సున్నితంగా ఉంటుంది: అంతటా 20-28px వ్యాసార్థాలు, గుళిక ఆకారపు నియంత్రణలు, మరియు టెక్స్ట్ను స్పష్టంగా, బోల్డ్గా చేసే గట్టి నెగటివ్ ట్రాకింగ్తో కూడిన కాంపాక్ట్ 16px GT స్టాండర్డ్ బాడీ ఉంటాయి. ఈ సిస్టమ్లోని ఏకైక బోల్డ్ యాక్సెంట్ ప్రకాశవంతమైన ఊదా రంగు (#5433eb), ఇది లోగోలో, వృత్తాకార శోధన ఫలితాల ఫీల్డ్లో, మరియు అదే బటన్పై రంగు నీడగా కనిపిస్తుంది. మిగిలిన పాలెట్ వెచ్చని తటస్థంగా ఉంటుంది: తెల్లని ఉపరితలాలు, సూక్ష్మమైన చల్లని బూడిద రంగు కాన్వాస్, సూక్ష్మమైన అంచులు, మరియు దాదాపు నలుపు రంగు టెక్స్ట్. 12px గట్టర్లతో సాంద్రత కాంపాక్ట్గా ఉన్నప్పటికీ, 64-80px ఉదారమైన నిలువు లయ కారణంగా హీరో మరియు కేటగిరీ స్ట్రైప్స్ స్పష్టంగా కనిపిస్తాయి, ఇది వాణిజ్య అనుభవాన్ని కేటలాగ్ కంటే బ్రౌజింగ్ లాగా అనిపించేలా చేస్తుంది.
గరిష్ట వెడల్పు 1200px, ఇది పారదర్శకమైన #f2f4f5 కాన్వాస్పై మధ్యలో ఉంటుంది. దీనికి ఎడమ వైపున, కేవలం నావిగేషన్ ఐకాన్లను మాత్రమే కలిగి ఉన్న 64px వెడల్పు గల సైడ్బార్ స్థిరంగా ఉంటుంది. ప్రధాన ఎలిమెంట్ పూర్తి-వెడల్పు స్ట్రిప్గా ఉంటుంది, దీనిలో మధ్యలో ఉన్న ఊదా రంగు "షాప్" లోగో పైన ప్రొడక్ట్ కార్డ్లు, మరియు దాని కింద నేరుగా గుళిక ఆకారంలో సెర్చ్ బార్ ఉంటాయి. కేటగిరీ గుళికలు సెర్చ్ బార్ కింద ఒకే మధ్య వరుసలో అమర్చబడి ఉంటాయి. కంటెంట్ విభాగాలు (మహిళలు, పురుషులు, అందం, గృహం, శిశువు & పిల్లలు) నిర్దేశిత స్ట్రిప్స్గా ఉంటాయి, ప్రతి విభాగంలో ప్రొడక్ట్ చిత్రాలతో కూడిన 4-కాలమ్ గ్రిడ్ లేదా 2-కాలమ్ "ప్రధాన ఎలిమెంట్ మరియు గ్రిడ్" కూర్పు ఉంటుంది. నిలువు క్రమం ఉదారంగా ఉంటుంది: ప్రధాన విభాగాల మధ్య 64–80px దూరం ఉంటుంది. ఫుటర్ అనేది పేజీ దిగువన కాలమ్ ఆకారపు లింక్ గ్రూపులతో కూడిన ముదురు రంగు స్ట్రిప్. అడ్డంగా ఉన్న ప్రొడక్ట్ ప్యానెల్ల కుడి వైపున ఉన్న కరోసెల్ బాణాలు, పేజీనేషన్ పాయింట్లు లేకుండా స్క్రోల్ చేయగల కంటెంట్ను సూచిస్తాయి.
ఫోటోగ్రఫీ అనేది ప్రధాన దృశ్య అంశం: తెల్లటి నేపథ్యంపై 1:1 నిష్పత్తిలో క్రాప్ చేయబడిన పూర్తి-స్క్రీన్ ఉత్పత్తి ఫోటోలు, మరియు వెచ్చని మట్టి రంగుల (బేజ్, టెర్రకోట, సేజ్, ఐవరీ) లైఫ్స్టైల్ చిత్రాలు ఉంటాయి. ఉత్పత్తి చిత్రాలకు వాటి స్వంత రంగు ఉంటుంది—యూజర్ ఇంటర్ఫేస్ వర్ణరహితంగా ఉంటుంది, ఇది ఉత్పత్తి రంగులు దృశ్య వైవిధ్యాన్ని అందించడానికి వీలు కల్పిస్తుంది. బ్రాండ్ లోగోలు ప్రత్యేక ఐకాన్లుగా కాకుండా, ముదురు లేదా లేత ప్రధాన చిత్రాలపై ఓవర్లే టెక్స్ట్గా కనిపిస్తాయి. ప్రధాన కూర్పులో, ఉత్పత్తి కార్డ్లు వర్డ్మార్క్ పైన, ఒకదానిపై ఒకటి కొద్దిగా అతివ్యాప్తి చెందుతూ తేలియాడే నక్షత్రరాశిలా అమర్చబడి ఉంటాయి. కేటగిరీ ఐకాన్లు మినహా, మిగతా ఐకాన్లు మినిమలిస్ట్గా మరియు మోనోక్రోమ్గా (నలుపు అవుట్లైన్లతో) ఉంటాయి; కేటగిరీ ఐకాన్లు ఒకే బ్రాండ్ రంగును ఉపయోగిస్తాయి. ఉత్పత్తి చిత్రాలలో ఎలాంటి ఇలస్ట్రేషన్లు, 3D ఎఫెక్ట్లు లేదా గ్రేడియంట్లు ఉండవు.
పాలెట్
బ్రాండ్
- Shop Violet
#5433eb— తెల్లటి నేపథ్యంపై, పంపే బటన్, చుక్కల టెక్స్ట్ గుర్తు మరియు బ్రాండ్ లోగో మాత్రమే ఆ చర్యను మరియు ప్రత్యేకతను హైలైట్ చేసే అంశాలు. - Violet Wash
#c0b5f3— ఊదా రంగు సెండ్ బటన్ వెనుక, రంగు మారకుండా తన కాంతిని నిలుపుకునే ఒక పారదర్శక కాంతి వలయం.
తటస్థ
- Canvas Mist
#f2f4f5— పేజీ నేపథ్యం మరియు ఉబ్బెత్తు కార్డుల వెనుక అదనపు ఉపరితల అమరిక. - Pure White
#ffffff— కార్డులు, ఇన్పుట్ ఫీల్డ్లు, ఫ్లోటింగ్ సైన్లు మరియు గుళిక ఆకారపు బటన్ల కోసం ప్రధాన ఉపరితలం. - Ink Black
#000000— ప్రధాన టెక్స్ట్, శీర్షికలు, ఐకాన్లు, నావిగేషన్ చిహ్నాలు మరియు ఉత్పత్తి కార్డ్లు డార్క్ మోడ్లో. - Faint Border
#ebebeb— కార్డులపై సన్నని విభజన రేఖలు, ఇన్పుట్ ఫీల్డ్ అవుట్లైన్లు మరియు గుళిక ఆకారపు బటన్ ఫ్రేమ్లు. - Muted Gray
#787574— ద్వితీయ టెక్స్ట్, నావిగేషన్ లేబుల్లు, నిష్క్రియంగా ఉన్నప్పుడు ఐకాన్ అవుట్లైన్లు - Cool Stone
#cccccc— ప్లేస్హోల్డర్లు, డిసేబుల్ చేయబడిన స్థితులు మరియు క్రియారహిత ఐకాన్ నేపథ్యాలు
టైపోగ్రఫీ
11 నుండి 16 పిక్సెల్స్ వరకు · 4 దశలు
- GT Standard — భర్తీ: Inter · రూపురేఖలు 400 · బాడీ టెక్స్ట్ మరియు హెడ్డింగ్లు రెండింటికీ, అన్ని సైజులలో ఇదే ప్రాథమిక ఫాంట్. బాడీ టెక్స్ట్, బటన్లు మరియు లేబుల్స్ కోసం 16px/-0.031em వద్ద ఉన్న GTStandard-MRegular ప్రాథమిక ఫాంట్గా ఉంటుంది. అనేక పెద్ద హెడ్డింగ్ల కోసం 20px/-0.05em వద్ద ఉన్న GTStandard-MSemibold ఉపయోగించబడుతుంది; మైక్రోక్యాప్షన్ల కోసం 11–12px వద్ద ఉన్న GTStandard-MMedium ఉపయోగించబడుతుంది. ప్రతి ఫాంట్ వేరియంట్ 400 ఆప్టికల్ వెయిట్తో ప్రదర్శించబడుతుంది—బోల్డ్ కాంట్రాస్ట్కు బదులుగా, సూక్ష్మమైన గ్రేడియంట్లు మరియు దట్టమైన నెగటివ్ లెటర్ స్పేసింగ్ ద్వారా ఫాంట్ హైరార్కీ సాధించబడుతుంది. ఇది ఒక సిగ్నేచర్ స్టైల్: షాప్ బోల్డ్ ఫాంట్లతో ఆర్భాటంగా కనిపించదు, బదులుగా లెటర్ స్పేసింగ్ ద్వారా టెక్స్ట్కు ఒక రూపాన్ని ఇస్తుంది.
- Shopify Sans — భర్తీ: Inter · రూపురేఖలు 400, 700 · యాప్ లోడింగ్ బ్యానర్లు మరియు కుకీ సమ్మతి టెక్స్ట్ వంటి సిస్టమ్-స్థాయి సందేశాల కోసం కేటాయించబడింది.
విరామాలు మరియు రూపం
| ఉద్దేశ్యం | అర్థం |
|---|---|
| సాంద్రత | సగటు |
| ప్రాథమిక దశ | 12px |
| బటన్ వ్యాసార్థం | 9999px |
| కార్డ్ వ్యాసార్థం | 28px |
| నీడలు | మృదువైన నీడలు |
| విభాగాల మధ్య | 64px |
| పేజీ వెడల్పు | 1200px |
AI మీ వెబ్సైట్ను Shop శైలిలో నిర్మించి, దానిని నింపుతుంది
- ఈ లింక్ ద్వారా ఉత్పత్తులు మరియు పోస్ట్లతో నింపండి - Instagram, TikTok, Facebook.
- మీ పాత సైట్ నుండి కంటెంట్ను బదిలీ చేయండి—కేవలం చిరునామాను పేర్కొనండి.
- అత్యుత్తమ ఇంజిన్ అయిన React ( Next.js) పై ఆధునిక డిజైన్, సర్వర్ రెండరింగ్ మరియు ఎస్ఈఓ ఆప్టిమైజేషన్తో వస్తుంది.
- శోధన ఫలితాలు మరియు న్యూరల్ నెట్వర్క్ సిఫార్సుల కోసం పూర్తిగా స్వయంచాలక SEO ఆప్టిమైజేషన్.
సారూప్య శైలులు
- Cursor — పొగలు కక్కుతున్న బొగ్గుల వెలుగులో హాయిగా ఉండే చర్మపత్రాల కార్యశాల
- Slush — లేత రంగు కాగితంపై స్టిక్కర్లతో చేసిన గాలితో నింపిన విశ్వం
- MindMarket — క్రీమ్ రంగు కాగితంపై ఒక హాయినిచ్చే అద్భుత కథల పుస్తకం - సూర్యరశ్మితో నిండిన, స్టిక్కర్ల వలె మృదువైన ఉపరితలంపై పెద్ద ఇంటర్ హెడ్లైన్లు మరియు కట్-అవుట్ పేపర్ పాత్రలు కలిసి ఉండే ఒక స్నేహపూర్వక సంపాదకీయ కాన్వాస్.
- Airbnb — ఒకే ఒక్క పగడపు ఎరుపు రంగు బుక్మార్క్తో కూడిన ప్రశాంతమైన తెల్లని గ్యాలరీ గోడ
- Superr — మృదువైన మధ్యాహ్నపు వెలుగులో వెచ్చగా ఉన్న ఒక స్కూల్ నోట్బుక్. ఒక క్రీమ్ రంగు పేజీ, మూత లేని ఒక నారింజ రంగు మార్కర్, మరియు ఒలిచి తీయడానికి సిద్ధంగా ఉన్న లామినేటెడ్ పేరు స్టిక్కర్ల కట్ట.
- Apple (España) — మృదువైన పగటి వెలుగులో, మ్యూజియం గ్యాలరీ ఒకే ఒక్క, ఆకర్షణీయమైన, బరువులేని తెల్లని ప్రదేశంగా ఉంటుంది, ఇక్కడ లేత రంగు గోడపై ఒక స్పాట్లైట్ వెలుగులో ప్రతి ప్రదర్శన వస్తువు ప్రకాశిస్తుంది.
- Lamborghini — షోరూమ్లో నల్లని బాడీ రంగు, స్పాట్లైట్ల కింద - ఒక పసుపు రంగు కారు
- Amplemarket — సూర్యరశ్మితో నిండిన, కాగితపు ముక్కలతో నిండిన కార్యాలయం
- Getharvest — సాయంకాలపు వెలుగులో ఒక బల్ల – వెచ్చని క్రీమ్ రంగు కాన్వాస్, దానిపై వేలాడుతున్న తెల్లటి పోస్ట్కార్డులు, మరియు ఒకే ఒక్క ప్రకాశవంతమైన నారింజ జ్వాల
- Agence Foudre — పత్రిక ముఖచిత్రం లిప్స్టిక్ను తలపించే లేత గులాబీ రంగులో ఉంది.
- Drive Capital — వెచ్చని కాగితంపై రెట్రో రోడ్ ట్రిప్ పోస్టర్
- Apple (España) — తెలుపు గ్యాలరీ డిస్ప్లే కేస్