Cursor

கனன்று கொண்டிருக்கும் கரித்துண்டுகளின் ஒளியில், ஒரு இதமான தோல்பட்டுப் பட்டறை.

கர்சர் ஒரு இதமான, காகிதம் போன்ற அச்சுக்கலையைப் பயன்படுத்துகிறது: ஒரு மென்மையான தளம், அடர் கருப்பு எழுத்துக்கள், மற்றும் நிரப்பு பொத்தான்களுக்குப் பதிலாக இணைப்புகளையும் தேர்வுகளையும் செயல்படுத்தும் ஒரு தீப்பிழம்பு ஆரஞ்சு நிற சிறப்பம்சம். 400 எடையில் கர்சர்கோதிக் எழுத்துருவில் அமைக்கப்பட்டுள்ள தலைப்புகள், அளவில் அதிகரிக்கும்போது படிப்படியாகக் குறையும் எழுத்து இடைவெளியைக் கொண்டுள்ளன—தடிமனான எழுத்துக்களுக்குப் பதிலாக, கட்டுப்பாடு மற்றும் மெல்லிய எழுத்து எடைகள் மூலம் அதிகாரம் அடையப்படுகிறது. மேற்பரப்புகள் தட்டையாகவும் காகிதம் போலவும், மெல்லிய ஓரங்கள் மற்றும் மென்மையான, இதமான சாம்பல் நிற நிழல்களுடன் வைக்கப்பட்டுள்ளன; உரை முழுவதும் மூலைகள் 4px எடையில் தெளிவாக இருக்கின்றன. துணைத் தலைப்புகள் மற்றும் உரைநடைக்குத் தேர்ந்தெடுக்கப்பட்ட முறையில் EB காரமண்ட் பயன்படுத்தப்படுகிறது, அதே நேரத்தில் பெர்க்லிமோனோ குறியீடு, குறிச்சொற்கள் மற்றும் மெட்டாடேட்டாவைக் கையாளுகிறது, இது இந்த அமைப்புக்கு ஒரு SaaS டாஷ்போர்டை விட ஒரு இலக்கிய இதழ் போன்ற அச்சுக்கலை ஆளுமையை அளிக்கிறது.

அதிகபட்ச அகலம்: மையப்படுத்தப்பட்ட 1300px, 24px விளிம்பு. மேல் வழிசெலுத்தல்: இடதுபுறத்தில் லோகோ மற்றும் உரை அடையாளத்துடன் கூடிய 52px உயரமுள்ள ஒளிபுகும் தலைப்பு, மையப்படுத்தப்பட்ட 4 வழிசெலுத்தல் இணைப்புகள், வலதுபுறம் சீரமைக்கப்பட்ட "உள்நுழை / தொடர்பு / பதிவிறக்கம்" தொகுப்பு. ஹீரோ: இடதுபுறம் சீரமைக்கப்பட்ட தலைப்பு + மேல் இடதுபுறத்திலிருந்து தொடங்கும் உரையுடன் கூடிய இரட்டைச் செயல் அழைப்புத் தொகுதி, பின்னர் பக்கத்தின் முழு அகலத்தையும் உள்ளடக்கிய ஒரு முழு அகல தயாரிப்பு மாதிரி அட்டை. நம்பகப் பட்டை: பிரிவின் அகலம் முழுவதும் ஒரே வரிசையில் 8 லோகோ டைல்களின் ஒரு கிடைமட்ட வரிசை. சிறப்புப் பிரிவுகள், இரண்டு-பத்தி தளவமைப்பில், ஒவ்வொன்றும் 50/50 விகிதத்தில், இடதுபுறத்தில் உரையையும் வலதுபுறத்தில் ஒரு ஸ்கிரீன்ஷாட்டையும் மாறி மாறி கொண்டுள்ளன, பிரிவுகளுக்கு இடையில் 64-96px செங்குத்து இடைவெளி உள்ளது. அனைத்து சிறப்பு ஸ்கிரீன்ஷாட்களும் ஒரே மாதிரியான macOS ஸ்டைலிங்குடன் கூடிய விண்டோ மாதிரிகளாகும். அடிக்குறிப்பு: இடதுபுறத்தில் பிராண்ட் அடையாளத்துடன் கூடிய இணைப்புகளின் நான்கு-பத்தி கட்டம். பிரிவுகள் பிரிப்பான்களுக்குப் பதிலாக போதுமான இடைவெளியால் பிரிக்கப்பட்டுள்ளன - கிரீம் கேன்வாஸே அந்தப் பிரிவை வழங்குகிறது.

தயாரிப்பின் ஸ்கிரீன்ஷாட்கள் மைய இடத்தைப் பிடிக்கின்றன: கர்சர் IDE செயல்படுவதைக் காண்பிக்கும் பெரிய macOS விண்டோ மாதிரிகள்: கோப்புத் தாவல்கள், வேறுபாட்டுக் காட்சிகள், முகவர் திட்டங்கள், டெர்மினல் பேனல்கள் மற்றும் ஸ்லாக்/அரட்டை ஒருங்கிணைப்பு. ஒவ்வொரு விண்டோ மாதிரியும் மென்மையான, இதமான வண்ண வேறுபாடு கொண்ட #f2f1ed அட்டையால் கட்டமைக்கப்பட்டுள்ளது. ஒரு மங்கலான நிலப்பரப்புப் புகைப்படம் (மலைகள்/பாலைவன அடிவானம்) பிரதானப் பகுதிக்கு அப்பால் நீண்டு, பயனர் இடைமுகத்துடன் போட்டியிடாமல் இதமான தன்மையைச் சேர்க்கிறது. வாடிக்கையாளர் சின்னங்கள் ( Stripe, ஓப்பன்ஏஐ, லீனியர், டேட்டாடாக், என்விடியா, ஃபிக்மா, ராம்ப், அடோப்) மாத்திரை வடிவ லினன் டைல்களுக்குள் ஒற்றை வண்ண எழுத்துக்களாக வழங்கப்பட்டுள்ளன. மனிதர்களின் புகைப்படங்கள், விளக்கப்படங்கள் அல்லது அருவமான அலங்கார வரைகலைக் கூறுகள் எதுவும் இல்லை—அனைத்து காட்சி முக்கியத்துவமும் தயாரிப்பின் பயனர் இடைமுகம் மற்றும் பிராண்டிங்கில் குவிந்துள்ளது. ஐகான்கள் மெல்லிய, ஒற்றைக்கோட்டு கிளிஃப்களாக #7a7974 ஆஷ் வண்ணத்தால் நிரப்பப்பட்டுள்ளன, அவை ஒருபோதும் வண்ணமயமானவை அல்ல.

ஆன்லைன் ஸ்டோர்தூய சாஸ்தலையங்கம்குறைந்தபட்சவாதம்

https://cursor.com

வண்ணத் தட்டு

நடுநிலை

Ink #26251e — முதன்மை உரை, முதன்மைச் செயல்பாட்டுப் பொத்தானின் பின்னணி, வழிசெலுத்தல் உரை - ஒரு இதமான, கிட்டத்தட்ட கருப்பு நிறம், ஒருபோதும் தூய #000 அல்ல.
Parchment #f7f7f4 — பக்கத்தின் பின்னணியான பிரதான தளம், ஒரு இதமான கிரீம் நிறத்தில் உள்ளது. அது வண்ண வேறுபாட்டை மென்மையாக்கி, டிஜிட்டல் அச்சிடுதலை விட மை அச்சிடுதல் போன்ற ஒரு உணர்வை உருவாக்குகிறது.
Bone #f2f1ed — கேன்வாஸை விட ஒரு படி அடர் நிறத்தில் உள்ள அட்டைப் பரப்புகளும் உயர்த்தப்பட்ட கொள்கலன்களும், அடுக்குகள் கொண்ட, ஓரங்களற்ற "காகிதத்தின் மேல் காகிதம்" போன்ற ஒரு தோற்றத்தை உருவாக்குகின்றன.
Linen #e6e5e0 — அடர் நிறப் பரப்புகளில் உள்ள பொத்தான்களுக்கான இலேசான, நடுநிலையான நிரப்பு நிறம்.
Stone #cdcdc9 — மெல்லிய ஓரங்கள், பிரிப்பான்கள், நுட்பமான பிரிவுகள் – இதமான வண்ணங்களில் 1px கோடுகள்
Mist #a1a19f — மூன்றாம் நிலை துணை உரை, தலைப்புரைகள் - ஒலியடக்கப்பட்டுள்ள மற்றும் இரண்டாம் நிலை உரைக்கு இடையில்.

அச்சுக்கலை

12 முதல் 72px வரை · 6 படிகள்

CursorGothic — மாற்று: Inter · வெளிப்புறங்கள் 400, 500 · பயனர் இடைமுகம், தலைப்புகள், வழிசெலுத்தல், உள்ளடக்கப் பகுதி மற்றும் தயாரிப்பு வடிவமைப்பு ஆகியவற்றிற்கான முதன்மை எழுத்துரு. 400-புள்ளி தடிமன் மற்றும் படிப்படியாகக் குறையும் எழுத்து இடைவெளி (-0.005em 22px-இல் → -0.03em 72px-இல்) கொண்ட தலைப்புகள் இந்த எழுத்துருவின் ஒரு தனித்துவமான அம்சமாகும்: தலைப்புகள் ஒருபோதும் தடித்த எழுத்துக்களில் (bold) இருப்பதில்லை. ss08, ss09 மற்றும் tnum ஆகிய எழுத்துருச் செயல்பாடுகள், பாணி மாற்றுகளையும் (styletic alternatives) அட்டவணைப் புள்ளிவிவரங்களையும் (tabular figures) செயல்படுத்துகின்றன.
EB Garamond — மாற்று: Iowan Old Style · வெளிப்புறங்கள் 400, 500 · தனிப்பட்ட துணைத் தலைப்புகள், முக்கிய உரை மற்றும் அட்டவணைத் தரவுகளுக்கான ஒரு தலையங்க செரிஃப் எழுத்துருவான கர்சர்கோதிக், இடைமுகத்திற்கு ஒரு இலக்கியத் தன்மையைச் சேர்க்கிறது.
berkeleyMono — மாற்று: ui-monospace · வெளிப்புறங்கள் 400, 500 · மோனோஸ்பேஸ் - குறியீட்டுத் தொகுதிகள், கட்டளை வரித் துணுக்குகள், மெட்டாடேட்டா, கோப்புப் பாதைகள் மற்றும் டெவலப்பர் லேபிள்களுக்கான ஒரு தொழில்நுட்ப மொழி.

இடைவெளிகள் மற்றும் வடிவம்

நோக்கம்	பொருள்
அடர்த்தி	அடர்த்தியான
அடிப்படை படி	8px
பொத்தான் ஆரம்	4px
அட்டை ஆரம்	4px
நிழல்கள்	நிழல்களுக்குப் பதிலாக எல்லைகள் இல்லை
பிரிவுகளுக்கு இடையில்	64-96px
பக்க அகலம்	1300px

செயற்கை நுண்ணறிவு உங்கள் வலைத்தளத்தை Cursor பாணியில் உருவாக்கி, அதை நிரப்பும்.

Instagram, TikTok, Facebook இணைப்புகளின் வழியாக தயாரிப்புகளையும் பதிவுகளையும் நிரப்பவும்.
உங்கள் பழைய தளத்திலிருந்து உள்ளடக்கத்தை மாற்றவும்—முகவரியைக் குறிப்பிட்டால் போதும்.
சிறந்த இன்ஜினான React ( Next.js)-இல், சர்வர் ரெண்டரிங் மற்றும் உள்ளமைக்கப்பட்ட SEO மேம்படுத்தலுடன் கூடிய நவீன வடிவமைப்பு.
தேடல் முடிவுகளுக்கான முழுமையாகத் தானியங்குபடுத்தப்பட்ட SEO உகப்பாக்கம் மற்றும் நியூரல் நெட்வொர்க் பரிந்துரைகள்.

இந்த பாணியில் ஒரு வலைத்தளத்தை உருவாக்கவும்

ஒத்த பாணிகள்

Amplemarket — சூரிய ஒளி நிறைந்த, வண்ணக் காகிதத் துண்டுகள் சிதறிக் கிடக்கும் ஒரு பணியிடம்
Getharvest — பொன்னிற நேரத்தில் ஓர் மேசை – இதமான கிரீம் நிற கேன்வாஸ், அதன் மீது தொங்கவிடப்பட்ட வெள்ளை அஞ்சல் அட்டைகள், மற்றும் ஒற்றைப் பிரகாசமான ஆரஞ்சு நிறச் சுடர்.
Drive Capital — வெதுவெதுப்பான காகிதத்தில் ரெட்ரோ சாலைப் பயண சுவரொட்டி
Wealthsimple — கேலரி விளக்குகளுடன் காஷ்மீர் துணியால் மூடப்பட்ட கிடங்கு
Huddle — கிரீம் நிறக் காகிதத்தில் வெளிர் வண்ண சரக்கு அட்டைகள்
Fuser — ஒரு வடிவமைப்பாளரின் பணிச் சுவரில் சிதறிக் கிடக்கும் போலராய்டு புகைப்படங்கள்
Campsite — சூரிய ஒளி படும் ஒரு பதிப்பாசிரியரின் பணித்தளம் - ஒரே ஒரு ஆரஞ்சு நிற நோக்க முத்திரையுடன் கூடிய வெதுவெதுப்பான கிரீம் நிறக் காகிதம்.
Redis Agency — வேலை நேரம் முடிந்த பிறகும் திறந்திருக்கும் அந்த எடிட்டோரியல் பட்டறை, கும்மிருட்டான ஓர் இடமாகும்; அங்கு பிராண்டிங் தொடர்பான அனைத்துப் பணிகளும் செரிஃப் எழுத்துருக்களையும் ஒரேயொரு சிவப்பு முள்ளங்கியையும் கொண்டு செய்யப்படுகின்றன.
AI Product Generation — வெள்ளைக் காகிதத்தில் தலையங்கப் புகைப்பட ஸ்டுடியோ - அட்டைப்படமாகத் தலைப்பு, தலையங்கத்தை முன்னிலைப்படுத்த ஆரஞ்சு நிறம்.
Getanchor — வெயிலில் மங்கிய கிரீம் நிறப் பின்னணியில் வெதுவெதுப்பான டெரகோட்டா சாயல்
Flatfile — வெதுவெதுப்பான காகிதத்தில் ஒரு அமைதியான தரவு நாட்குறிப்பு
Inthememory — வெள்ளை பளிங்குக் கல்லில் வரையப்பட்ட ஒரு கட்டிடக்கலை வரைபடம், அதன் மீது ஒற்றை இதமான ஒளி பாய்கிறது. அமைதியான, ஒரு பதிப்புத் தரவு அறை; அங்கு பளிச்சிடும் வெள்ளைப் பரப்புகளுக்கு மேலே அடர் நீலப்பச்சை மையும் மாத்திரை வடிவக் கட்டுப்பாடுகளும் மிதக்கின்றன, அந்த இடத்தை ஒற்றை ஆரஞ்சு நிறத் தெளிப்பு மட்டுமே உடைக்கிறது.