Cursor
పొగలు కక్కుతున్న బొగ్గుల వెలుగులో హాయిగా ఉండే చర్మపత్రాల కార్యశాల
కర్సర్ ఒక వెచ్చని, పార్చ్మెంట్ లాంటి టైపోగ్రఫీని ఉపయోగిస్తుంది: క్రీమీ కాన్వాస్, ఇంకీ బ్లాక్ టెక్స్ట్, మరియు బటన్లను నింపడానికి బదులుగా లింక్లు మరియు సెలెక్షన్లను యాక్టివేట్ చేసే ఒకే ఒక్క మండుతున్న ఆరెంజ్ యాక్సెంట్. 400 వెయిట్తో కర్సర్గోథిక్లో సెట్ చేయబడిన హెడ్డింగ్లు, పరిమాణంలో పెరిగేకొద్దీ క్రమంగా తగ్గే లెటర్ స్పేసింగ్ను కలిగి ఉంటాయి—బోల్డ్నెస్కు బదులుగా సంయమనం మరియు సన్నని లెటర్ వెయిట్ల ద్వారా ప్రామాణికత సాధించబడుతుంది. సన్నని అంచులు మరియు మృదువైన, వెచ్చని బూడిద రంగు షాడోలతో ఉపరితలాలు ఫ్లాట్గా మరియు కాగితంలా ఉంచబడతాయి; టెక్స్ట్ అంతటా మూలలు 4px వెయిట్తో స్పష్టంగా ఉంటాయి. ఉపశీర్షికలు మరియు గద్యం కోసం EB గారామండ్ ఎంపికగా ఉపయోగించబడుతుంది, అయితే బెర్కిలీమోనో కోడ్, ట్యాగ్లు మరియు మెటాడేటాను నిర్వహిస్తుంది, ఇది సిస్టమ్కు SaaS డాష్బోర్డ్ కంటే సాహిత్య పత్రికలా అనిపించే టైపోగ్రాఫిక్ వ్యక్తిత్వాన్ని ఇస్తుంది.
గరిష్ట వెడల్పు: మధ్యలో 1300px, 24px మార్జిన్. టాప్ నావిగేషన్: ఎడమవైపున లోగో మరియు టెక్స్ట్ మార్క్తో 52px ఎత్తు గల పారదర్శక హెడర్, మధ్యలో 4 నావిగేషన్ లింకులు, కుడివైపున "లాగిన్ / కాంటాక్ట్ / డౌన్లోడ్" క్లస్టర్ అమర్చబడి ఉంటాయి. హీరో: ఎడమవైపున అమర్చబడిన హెడర్ + ఎగువ ఎడమ నుండి టెక్స్ట్తో కూడిన డబుల్ కాల్-టు-యాక్షన్ బ్లాక్, ఆ తర్వాత పేజీ మొత్తం వెడల్పును ఆక్రమించే పూర్తి-వెడల్పు ప్రొడక్ట్ మాకప్ కార్డ్. ట్రస్ట్ స్ట్రైప్: సెక్షన్ వెడల్పు అంతటా ఒకే వరుసలో 8 లోగో టైల్స్తో కూడిన ఒక అడ్డ వరుస. ఫీచర్ సెక్షన్లు రెండు-కాలమ్ లేఅవుట్లో, ఎడమవైపున టెక్స్ట్ మరియు కుడివైపున స్క్రీన్షాట్ను ఒకదాని తర్వాత ఒకటిగా ప్రదర్శిస్తాయి, ప్రతిదీ 50/50 నిష్పత్తిలో, సెక్షన్ల మధ్య 64-96px నిలువు అంతరంతో ఉంటుంది. అన్ని ఫీచర్ స్క్రీన్షాట్లు ఒకే రకమైన macOS స్టైలింగ్తో కూడిన విండో మాకప్లు. ఫుటర్: ఎడమవైపున బ్రాండ్ మార్క్తో కూడిన లింకుల నాలుగు-కాలమ్ గ్రిడ్. సెక్షన్లు డివైడర్ల ద్వారా కాకుండా, తగినంత ఖాళీ స్థలంతో వేరు చేయబడ్డాయి - క్రీమ్ కాన్వాస్ స్వయంగా ఈ విభజనను అందిస్తుంది.
ఉత్పత్తి స్క్రీన్షాట్లు ప్రధాన ఆకర్షణగా నిలుస్తాయి: కర్సర్ IDE పనితీరును ప్రదర్శించే పెద్ద macOS విండో మాక్అప్లు: ఫైల్ ట్యాబ్లు, డిఫ్ వ్యూలు, ఏజెంట్ ప్లాన్లు, టెర్మినల్ ప్యానెల్లు మరియు స్లాక్/చాట్ ఇంటిగ్రేషన్. ప్రతి విండో మాక్అప్ మృదువైన, వెచ్చని కాంట్రాస్ట్తో కూడిన #f2f1 రంగు కార్డ్తో ఫ్రేమ్ చేయబడింది. ఒక మ్యూటెడ్ ల్యాండ్స్కేప్ ఫోటో (పర్వతాలు/ఎడారి హోరిజోన్) ప్రధాన విభాగానికి ఆవల విస్తరించి, UIతో పోటీ పడకుండా వెచ్చదనాన్ని జోడిస్తుంది. క్లయింట్ లోగోలు ( Stripe, ఓపెన్ఏఐ, లీనియర్, డేటాడాగ్, ఎన్విడియా, ఫిగ్మా, రాంప్, అడోబ్) గుళికల ఆకారంలో ఉన్న లినెన్ టైల్స్లో మోనోక్రోమ్ అక్షరాలుగా ప్రదర్శించబడ్డాయి. వ్యక్తుల ఫోటోగ్రాఫ్లు, ఇలస్ట్రేషన్లు లేదా నైరూప్య అలంకార గ్రాఫిక్ అంశాలు ఏవీ లేవు—దృశ్య ప్రాధాన్యత అంతా ఉత్పత్తి యొక్క UI మరియు బ్రాండింగ్పైనే కేంద్రీకరించబడింది. ఐకాన్లు #7a7974 యాష్ రంగుతో నింపబడిన సన్నని, మోనోలీనియర్ గ్లిఫ్లు, ఎప్పుడూ క్రోమాటిక్గా ఉండవు.
పాలెట్
తటస్థ
- Ink
#26251e— ప్రధాన టెక్స్ట్, ప్రధాన యాక్షన్ బటన్ బ్యాక్గ్రౌండ్, నావిగేషన్ టెక్స్ట్ - వెచ్చని, దాదాపు నలుపు రంగు ఛాయ, ఎప్పుడూ స్వచ్ఛమైన #000 కాదు - Parchment
#f7f7f4— పేజీ నేపథ్యం, అంటే ప్రధాన కాన్వాస్, వెచ్చని క్రీమ్ రంగులో ఉండి, కాంట్రాస్ట్ను మృదువుగా చేస్తుంది. ఇది డిజిటల్ ప్రింటింగ్ లా కాకుండా ఇంక్ ప్రింటింగ్ అనే భావనను కలిగిస్తుంది. - Bone
#f2f1ed— కాన్వాస్ కంటే ఒక రంగు ముదురుగా ఉండే కార్డ్బోర్డ్ ఉపరితలాలు మరియు ఉబ్బెత్తుగా ఉండే కంటైనర్లు, పొరలు పొరలుగా, అంచుల్లేని "కాగితంపై కాగితం" ప్రభావాన్ని సృష్టిస్తాయి. - Linen
#e6e5e0— ముదురు ఉపరితలాలపై ఉన్న బటన్ల కోసం లేత తటస్థ రంగు. - Stone
#cdcdc9— సన్నని అంచులు, విభజనలు, సూక్ష్మమైన విభాగాలు – వెచ్చని రంగులలో 1px లైన్లు - Mist
#a1a19f— మూడవ స్థాయి సహాయక పాఠ్యం, శీర్షికలు - నిశ్శబ్ద మరియు ద్వితీయ పాఠ్యం మధ్య ఉంటాయి.
టైపోగ్రఫీ
12 నుండి 72 పిక్సెల్స్ · 6 దశలు
- CursorGothic — భర్తీ: Inter · రూపురేఖలు 400, 500 · యూజర్ ఇంటర్ఫేస్, శీర్షికలు, నావిగేషన్, బాడీ కాపీ మరియు ఉత్పత్తి డిజైన్ కోసం ఇది ప్రాథమిక ఫాంట్. 400-పాయింట్ల వెయిట్ మరియు క్రమంగా తగ్గే అక్షరాల మధ్య దూరం (22px వద్ద -0.005em → 72px వద్ద -0.03em) కలిగిన శీర్షికలు ఈ ఫాంట్ యొక్క ఒక ప్రత్యేక లక్షణం: శీర్షికలు ఎప్పుడూ బోల్డ్గా ఉండవు. ఫాంట్ ఫంక్షన్లు ss08, ss09, మరియు tnum స్టైలిస్టిక్ ఆల్టర్నేట్లను మరియు పట్టికా చిత్రాలను యాక్టివేట్ చేస్తాయి.
- EB Garamond — భర్తీ: Iowan Old Style · రూపురేఖలు 400, 500 · వ్యక్తిగత ఉపశీర్షికలు, ప్రధాన పాఠ్యం మరియు పట్టికా సమాచారం కోసం ఉపయోగించే ఎడిటోరియల్ సెరిఫ్ టైప్ఫేస్ అయిన కర్సర్గోథిక్, ఇంటర్ఫేస్కు ఒక సాహిత్య శోభను జోడిస్తుంది.
- berkeleyMono — భర్తీ: ui-monospace · రూపురేఖలు 400, 500 · మోనోస్పేస్ - కోడ్ బ్లాక్లు, కమాండ్ లైన్ స్నిప్పెట్లు, మెటాడేటా, ఫైల్ పాత్లు మరియు డెవలపర్ లేబుల్ల కోసం ఉపయోగించే ఒక సాంకేతిక భాష.
విరామాలు మరియు రూపం
| ఉద్దేశ్యం | అర్థం |
|---|---|
| సాంద్రత | దట్టమైన |
| ప్రాథమిక దశ | 8px |
| బటన్ వ్యాసార్థం | 4px |
| కార్డ్ వ్యాసార్థం | 4px |
| నీడలు | నీడలకు బదులుగా అంచులు లేవు |
| విభాగాల మధ్య | 64-96px |
| పేజీ వెడల్పు | 1300px |
AI మీ వెబ్సైట్ను Cursor శైలిలో నిర్మించి, దానిని నింపుతుంది
- ఈ లింక్ ద్వారా ఉత్పత్తులు మరియు పోస్ట్లతో నింపండి - Instagram, TikTok, Facebook.
- మీ పాత సైట్ నుండి కంటెంట్ను బదిలీ చేయండి—కేవలం చిరునామాను పేర్కొనండి.
- అత్యుత్తమ ఇంజిన్ అయిన React ( Next.js) పై ఆధునిక డిజైన్, సర్వర్ రెండరింగ్ మరియు ఎస్ఈఓ ఆప్టిమైజేషన్తో వస్తుంది.
- శోధన ఫలితాలు మరియు న్యూరల్ నెట్వర్క్ సిఫార్సుల కోసం పూర్తిగా స్వయంచాలక SEO ఆప్టిమైజేషన్.
సారూప్య శైలులు
- Amplemarket — సూర్యరశ్మితో నిండిన, కాగితపు ముక్కలతో నిండిన కార్యాలయం
- Getharvest — సాయంకాలపు వెలుగులో ఒక బల్ల – వెచ్చని క్రీమ్ రంగు కాన్వాస్, దానిపై వేలాడుతున్న తెల్లటి పోస్ట్కార్డులు, మరియు ఒకే ఒక్క ప్రకాశవంతమైన నారింజ జ్వాల
- Drive Capital — వెచ్చని కాగితంపై రెట్రో రోడ్ ట్రిప్ పోస్టర్
- Wealthsimple — గ్యాలరీ లైటింగ్తో కూడిన కాశ్మీర్ లైనింగ్ గల గిడ్డంగి
- Huddle — క్రీమ్ రంగు కాగితంపై పాస్టెల్ రంగుల సరుకుల కార్డులు
- Fuser — ఒక డిజైనర్ యొక్క పని గోడపై చెల్లాచెదురుగా ఉన్న పోలరాయిడ్లు
- Campsite — సూర్యకాంతి ప్రసరించే ఎడిటర్ వర్క్స్టేషన్ - వెచ్చని క్రీమ్ రంగు కాగితంపై ఒకే ఒక్క నారింజ రంగు ఇంటెంట్ స్టాంప్
- Redis Agency — పనివేళలు ముగిశాక తెరిచి ఉండే ఎడిటోరియల్ వర్క్షాప్ అనేది చిమ్మచీకటి ప్రదేశం, అక్కడ బ్రాండింగ్ పనులన్నీ సెరిఫ్ ఫాంట్లు మరియు ఒకే ఒక్క ఎర్ర ముల్లంగితో చేస్తారు.
- AI Product Generation — తెల్ల కాగితంపై ఎడిటోరియల్ ఫోటోగ్రఫీ స్టూడియో - కవర్గా శీర్షిక, ఎడిటోరియల్ హైలైటింగ్ కోసం నారింజ రంగు
- Getanchor — ఎండకు వెలిసిన క్రీమ్ రంగు నేపథ్యంపై వెచ్చని టెర్రకోట ఛాయ
- Flatfile — వెచ్చని పార్చ్మెంట్పై ఒక నిశ్శబ్ద డేటా డైరీ
- Inthememory — ఒకే ఒక్క వెచ్చని కాంతితో తెల్లని పాలరాయిపై గీసిన వాస్తుశిల్ప రేఖాచిత్రం. స్పష్టమైన తెల్లని ఉపరితలాలపై ముదురు నీలి ఆకుపచ్చ సిరా, గుళిక ఆకారపు నియంత్రణలు తేలియాడుతున్నట్లుగా ఉండే ఒక నిశ్శబ్ద, సంపాదకీయ డేటా గది; దానికి ఒకే ఒక్క నారింజ రంగు చుక్క విరుగుడుగా ఉంది.