Vercel
తెల్ల కాగితంపై ముద్రించిన టెర్మినల్
వెర్సెల్ డిజైన్ సిస్టమ్ అనేది క్రమబద్ధమైన మోనోక్రోమ్కు ఒక ఉదాహరణ: దాదాపు తెల్లటి కాన్వాస్ (#fafafa), నల్లటి అక్షరాలు, సన్నని అంచులు, మరియు అలంకార రంగు పూర్తిగా లేకపోవడం. దీని దృశ్య భాష, ప్రింట్లో ముద్రించిన ఒక డెవలపర్ టెర్మినల్ను తలపిస్తుంది—400-450 వెయిట్ మరియు -0.06em లెటర్ స్పేసింగ్తో "హీరోయిక్" స్కేల్లో గీస్ట్ సాన్స్ అక్షరాలు కష్టంగా చదవగలిగేలా ఉంటాయి, అయితే గీస్ట్ మోనో లేబుల్స్, మెటాడేటా, మరియు కోడ్ నమూనాలను 11-13px క్యాప్స్లో వర్తింపజేస్తుంది. బటన్లు పదునైన 6px రేడియస్లతో లేదా తెలుపుపై స్వచ్ఛమైన నలుపు లేదా నలుపుపై తెలుపు రంగులో ఉండే దీర్ఘచతురస్రాలుగా ఉంటాయి. ఈ సిస్టమ్ రంగు కంటే కాంట్రాస్ట్ మరియు టైపోగ్రాఫిక్ క్రమానుగతంపై ఆధారపడుతుంది, త్రిభుజాకార గుర్తు (▲) మరియు రెండు-లైన్ల వర్డ్మార్క్ను మాత్రమే బ్రాండింగ్ అంశాలుగా ఉపయోగిస్తుంది. ఉపరితలాలు #fafafa → #ebebeb → #171717 క్రమంలో ఒకదానిపై ఒకటి పేర్చబడి ఉంటాయి, ఇవి నీడ లేదా రంగు ద్వారా కాకుండా, మారుతున్న టోనల్ విలువల ద్వారా లోతును సృష్టిస్తాయి. ప్రతి మూలకం కాంపాక్ట్ సాంద్రతతో 4px గ్రిడ్పై నిర్మించబడింది, దీని ఫలితంగా ఒక ఇంజనీర్ నోట్బుక్ను గుర్తుచేసే ఇంటర్ఫేస్ ఏర్పడుతుంది—ఇది కచ్చితమైనది, క్రియాత్మకమైనది మరియు ఖాళీ స్థలానికి భయపడనిది.
కంటైనర్ 1280px వెడల్పుతో, మధ్యలో, తగినంత హారిజాంటల్ ప్యాడింగ్ (24-48px)తో ఉంటుంది. ప్రధాన బ్లాక్ అసమానమైన మూడు-జోన్ల కూర్పును ఉపయోగిస్తుంది: ఎడమవైపున ఒక పెద్ద హెడ్లైన్, మధ్యలో ఒక బ్రాండ్ గ్లిఫ్, మరియు కుడివైపున ఒక "ఐబ్రో" బ్లాక్. ప్రధాన బ్లాక్ కింద, కంటెంట్ ఒకదాని తర్వాత ఒకటిగా వచ్చే చారల రూపంలో అమర్చబడి ఉంటుంది: క్లయింట్ లోగోతో పూర్తి-వెడల్పు చార, దాని తర్వాత ఎడమవైపున హెడ్లైన్ మరియు కుడివైపున ప్రొడక్ట్ లేఅవుట్తో రెండు-కాలమ్ల "ఏజెంట్ క్రియేటర్స్" విభాగం, దాని తర్వాత ఫీచర్లతో కూడిన మూడు కార్డ్ల గ్రిడ్ ఉంటాయి. విభాగాలను డివైడర్లు లేదా బ్యాక్గ్రౌండ్ ఆఫ్సెట్లు లేకుండా 96-128px నిలువు గట్టర్లతో వేరు చేశారు. నావిగేషన్ అనేది బ్లర్డ్ బ్యాక్గ్రౌండ్తో కూడిన ఒకే స్థిరమైన 64px ప్యానెల్. కార్డ్ గ్రిడ్లు స్థిరంగా 16-24px గట్టర్లతో రెండు లేదా మూడు-కాలమ్ల లేఅవుట్ను ఉపయోగిస్తాయి. మొత్తం సాంద్రత కాంపాక్ట్గా ఉంటుంది—టెక్స్ట్ చదవడానికి సులభంగా ఉంటుంది, తగినంత వైట్ స్పేస్ ఉంటుంది, కానీ ఫాంట్ సైజు మరియు కాంపోనెంట్ సైజులు పేజీ విశాలంగా అనిపించకుండా నిరోధిస్తాయి.
చిత్రాలు తక్కువగా మరియు ఎల్లప్పుడూ క్రియాత్మకంగా ఉంటాయి. ప్రధాన దృశ్య అంశం నల్ల త్రిభుజం (▲)—ఇది "పెద్ద" స్కేల్లో గాలిలో తేలుతున్న సిల్హౌట్గా కనిపించే ఒక జ్యామితీయ బ్రాండ్ గుర్తు. ప్రూఫ్-ఆఫ్-కాన్సెప్ట్ స్ట్రిప్పై ఉన్న క్లయింట్ లోగోలు, ప్రతి బ్రాండ్ యొక్క అసలైన వర్డ్మార్క్లను గ్రేస్కేల్లో ఉపయోగిస్తాయి. ఉత్పత్తి మాక్అప్లు (నోషన్ యొక్క చాట్ ఇంటర్ఫేస్, CLI టెర్మినల్ అవుట్పుట్, పాస్పోర్ట్ కార్డ్) ఫ్రేమ్ చేసిన కార్డ్లలో లైట్-మోడ్ స్క్రీన్షాట్లుగా పొందుపరచబడ్డాయి. ఇందులో ఫోటోగ్రాఫ్లు, ఇలస్ట్రేషన్లు లేదా 3D అంశాలు ఏవీ లేవు—ఈ సిస్టమ్ పూర్తిగా తెల్ల కాగితంపై టైపోగ్రఫీ మరియు జ్యామితీయ ఆకారాలతో కూడి ఉంటుంది.
పాలెట్
తటస్థ
- Obsidian
#171717— ప్రధాన శీర్షికలు, నావిగేషన్ అంచులు, ముదురు రంగు బటన్లు మరియు జాబితా గుర్తులు అన్నీ దాదాపు నల్లగా ఉంటాయి, దీనివల్ల కఠినత్వం మరియు మితిమీరిన సంతృప్తతను నివారించవచ్చు. - Paper White
#fafafa— పేజీ కాన్వాస్, కార్డ్ ఉపరితలాలు, బటన్ల లైట్ ఫిల్స్—మిగతావన్నీ ఆధారపడి ఉండే ప్రామాణిక నేపథ్యం ఇదే. - Pure White
#ffffff— ఉబ్బెత్తుగా ఉండే కార్డ్ ఉపరితలాలు, ఇన్సర్ట్లు, ఇన్పుట్ ఫీల్డ్లు. - Hairline
#ebebeb— బటన్లు, లింకులు మరియు కార్డ్లపై ఉండే 1px అంచులు అధిక జూమ్ స్థాయిలలో కనిపిస్తాయి, కానీ తక్కువ జూమ్ స్థాయిలలో కనిపించవు. - Ash
#c9c9c9— నిలిపివేయబడిన టెక్స్ట్, మ్యూట్ చేయబడిన లేబుల్స్, క్లయింట్ లోగోలలో బ్రాండ్ పేరుతో కూడిన వాటర్మార్క్లు. - Smoke
#a8a8a8— ద్వితీయ టెక్స్ట్, ప్లేస్హోల్డర్ టెక్స్ట్, సూక్ష్మమైన ఐకాన్ ఫిల్.
టైపోగ్రఫీ
11 నుండి 64 పిక్సెల్స్ వరకు · 6 దశలు
- Geist Sans — భర్తీ: Inter · రూపురేఖలు 400, 450, 500 · ఇంటర్ఫేస్ మరియు శీర్షికల కోసం ప్రాథమిక ఫాంట్, వెర్సెల్ వారిచే ప్రత్యేకంగా రూపొందించబడిన ఒక జ్యామితీయ శాన్-సెరిఫ్. ఇది పెద్ద సైజులలో తక్కువ అక్షర అంతరాన్ని కలిగి ఉంటుంది (56-64px వద్ద -0.06em, 30px వద్ద -0.05em). పేజీ పైభాగంలోని శీర్షికల కోసం, 450 వెయిట్ను ఎంచుకున్నారు: ఇది లైట్ కంటే మందంగా, కానీ సెమీ-బోల్డ్ కంటే తేలికగా ఉండి, ఆత్మవిశ్వాసంతో కూడిన, కానీ మితిమీరినది కాని రూపాన్ని సృష్టిస్తుంది.
- Geist Mono — భర్తీ: JetBrains Mono · రూపురేఖలు 400, 500, 600 · క్యాప్షన్లు, కోడ్ బ్లాక్లు, CLI అవుట్పుట్ ప్యానెల్లు, మెటాడేటా మరియు అప్పర్కేస్ టెక్స్ట్ కోసం ఒక మోనోస్పేస్డ్ సెకండరీ ఫాంట్. 8px/600px/అప్పర్కేస్ కలయిక చిన్న వర్డ్మార్క్లను ఖచ్చితంగా ఉంచడానికి వీలు కల్పిస్తుంది. మోనోస్పేస్డ్ వెర్షన్లోని వెడల్పాటి అక్షరాల మధ్య దూరం (0.071em) అప్పర్కేస్ టెక్స్ట్ కోసం తగినంత స్థలాన్ని అందిస్తుంది.
విరామాలు మరియు రూపం
| ఉద్దేశ్యం | అర్థం |
|---|---|
| సాంద్రత | దట్టమైన |
| ప్రాథమిక దశ | 12px |
| బటన్ వ్యాసార్థం | 6px |
| కార్డ్ వ్యాసార్థం | 6px |
| నీడలు | నీడలకు బదులుగా అంచులు లేవు |
| విభాగాల మధ్య | 96-128px |
| పేజీ వెడల్పు | 1280px |
AI మీ వెబ్సైట్ను Vercel శైలిలో నిర్మించి, దానిని నింపుతుంది
- ఈ లింక్ ద్వారా ఉత్పత్తులు మరియు పోస్ట్లతో నింపండి - Instagram, TikTok, Facebook.
- మీ పాత సైట్ నుండి కంటెంట్ను బదిలీ చేయండి—కేవలం చిరునామాను పేర్కొనండి.
- అత్యుత్తమ ఇంజిన్ అయిన React ( Next.js) పై ఆధునిక డిజైన్, సర్వర్ రెండరింగ్ మరియు ఎస్ఈఓ ఆప్టిమైజేషన్తో వస్తుంది.
- శోధన ఫలితాలు మరియు న్యూరల్ నెట్వర్క్ సిఫార్సుల కోసం పూర్తిగా స్వయంచాలక SEO ఆప్టిమైజేషన్.
సారూప్య శైలులు
- Headspace — వెచ్చని కాగితంపై ప్రకాశవంతమైన ఆరోగ్య మూల
- WHOOP — అర్ధరాత్రి ప్రదర్శన ప్రయోగశాల - నల్లని నాటకీయ శూన్యం కింద తెల్లని వైద్య ప్రయోగశాల బల్లలు, ఒకే ఒక్క ఊదా రంగు విద్యుత్ స్పందన
- Together AI — హిమానీనద కాగితంపై పరిశోధన కన్సోల్
- v0 by Vercel — లేత్ డ్రాయింగ్. శుభ్రమైన, సాంకేతికంగా పరిపూర్ణమైన ఉపరితలంపై ప్రతి అంశం ఒక స్పష్టమైన ప్రయోజనాన్ని అందించేలా, కచ్చితత్వం మరియు కార్యాచరణకు అత్యంత ప్రాధాన్యత ఇవ్వబడుతుంది.
- Dovetail — నల్లని వెన్నెల కింద ఒక బ్లూప్రింట్—కనిపించని గ్రాఫ్ గీతలు, తెల్లని అక్షరాలు, ఒక ఊదా రంగు మెరుపు
- Glideapps — ఒక ఎలక్ట్రిక్ టర్కోయిస్ మెరుపుతో కూడిన మోనోక్రోమ్ డ్రాఫ్టింగ్ టేబుల్
- Timescale — వెచ్చని గ్రాఫ్ కాగితంపై ఇంజనీరింగ్ డ్రాయింగ్
- UGLYCASH — క్రీమ్ రంగు కాగితంపై స్టిక్కర్లతో నిండిన నోట్బుక్, తన గందరగోళాన్ని గర్వంగా ప్రదర్శించే ఒక ధైర్యమైన, ఆడంబరమైన ఫిన్టెక్ సంస్థ యొక్క వాతావరణాన్ని వెదజల్లుతోంది.
- Sprout Social — నల్లని పలకపై ఒక పచ్చని మొలక. కఠినమైన ఏకవర్ణ కాన్వాస్పై ఒక ప్రకాశవంతమైన ఆకర్షణ; దాని రంగును కేవలం చలనం కోసం మాత్రమే ఉపయోగించారు, ఆత్మవిశ్వాసంతో కూడిన జ్యామితీయ ఫాంట్ మార్గదర్శకాలుగా పనిచేస్తుంది.
- Krea — అర్ధరాత్రి గ్యాలరీ నోయిర్
- Evergreen — నార కాగితంపై సౌర గ్రీన్హౌస్
- Factory — అర్ధరాత్రి వేళ "వార్ రూమ్" టెర్మినల్. ఆ "ఫ్యాక్టరీ" అనేది పూర్తిగా నల్లగా ఉన్న ఒక కంట్రోల్ ప్యానెల్, దానిపై ఫ్లాష్లైట్ వెలుగులో ఒక సందేశంలా ఒకే ఒక్క తెల్లటి కార్డు వచ్చి పడుతుంది—ఆ గదిలో ఉన్న ఏకైక వస్తువు ఆ పనే.