Cursor
ਇੱਕ ਆਰਾਮਦਾਇਕ ਚਮਚੇ ਦੀ ਵਰਕਸ਼ਾਪ, ਧੁਖਦੇ ਕੋਲਿਆਂ ਨਾਲ ਜਗਮਗਾਉਂਦੀ ਹੋਈ
ਕਰਸਰ ਇੱਕ ਨਿੱਘੀ, ਚਮਚੇ ਵਰਗੀ ਟਾਈਪੋਗ੍ਰਾਫੀ ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ: ਇੱਕ ਕਰੀਮੀ ਕੈਨਵਸ, ਸਿਆਹੀ ਵਾਲਾ ਕਾਲਾ ਟੈਕਸਟ, ਅਤੇ ਇੱਕ ਸਿੰਗਲ ਅੱਗ ਵਾਲਾ ਸੰਤਰੀ ਲਹਿਜ਼ਾ ਜੋ ਬਟਨਾਂ ਨੂੰ ਭਰਨ ਦੀ ਬਜਾਏ ਲਿੰਕਾਂ ਅਤੇ ਚੋਣ ਨੂੰ ਸਰਗਰਮ ਕਰਦਾ ਹੈ। 400 ਵਜ਼ਨ 'ਤੇ ਕਰਸਰਗੌਥਿਕ ਵਿੱਚ ਸੈੱਟ ਕੀਤੇ ਗਏ ਸਿਰਲੇਖਾਂ ਵਿੱਚ ਹੌਲੀ-ਹੌਲੀ ਘੱਟਦੇ ਅੱਖਰਾਂ ਦੀ ਸਪੇਸਿੰਗ ਹੁੰਦੀ ਹੈ ਕਿਉਂਕਿ ਉਹ ਆਕਾਰ ਵਿੱਚ ਵਧਦੇ ਹਨ - ਅਧਿਕਾਰ ਦਲੇਰੀ ਦੀ ਬਜਾਏ ਸੰਜਮ ਅਤੇ ਪਤਲੇ ਅੱਖਰਾਂ ਦੇ ਭਾਰ ਦੁਆਰਾ ਪ੍ਰਾਪਤ ਕੀਤਾ ਜਾਂਦਾ ਹੈ। ਸਤਹਾਂ ਨੂੰ ਪਤਲੇ ਬਾਰਡਰਾਂ ਅਤੇ ਨਰਮ, ਗਰਮ ਸਲੇਟੀ ਪਰਛਾਵੇਂ ਦੇ ਨਾਲ, ਸਮਤਲ ਅਤੇ ਕਾਗਜ਼ ਵਰਗਾ ਰੱਖਿਆ ਜਾਂਦਾ ਹੈ; ਪੂਰੇ ਟੈਕਸਟ ਵਿੱਚ 4px ਭਾਰ 'ਤੇ ਕੋਨੇ ਕਰਿਸਪ ਰਹਿੰਦੇ ਹਨ। EB Garamond ਨੂੰ ਉਪ-ਸਿਰਲੇਖਾਂ ਅਤੇ ਗੱਦ ਲਈ ਚੋਣਵੇਂ ਤੌਰ 'ਤੇ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ, ਜਦੋਂ ਕਿ berkeleyMono ਕੋਡ, ਟੈਗ ਅਤੇ ਮੈਟਾਡੇਟਾ ਨੂੰ ਸੰਭਾਲਦਾ ਹੈ, ਸਿਸਟਮ ਨੂੰ ਇੱਕ ਟਾਈਪੋਗ੍ਰਾਫਿਕ ਸ਼ਖਸੀਅਤ ਦਿੰਦਾ ਹੈ ਜੋ SaaS ਡੈਸ਼ਬੋਰਡ ਨਾਲੋਂ ਇੱਕ ਸਾਹਿਤਕ ਮੈਗਜ਼ੀਨ ਵਾਂਗ ਮਹਿਸੂਸ ਹੁੰਦਾ ਹੈ।
ਵੱਧ ਤੋਂ ਵੱਧ ਚੌੜਾਈ: 1300px ਕੇਂਦਰਿਤ, 24px ਹਾਸ਼ੀਆ। ਸਿਖਰ ਨੈਵੀਗੇਸ਼ਨ: ਖੱਬੇ ਪਾਸੇ ਲੋਗੋ ਅਤੇ ਟੈਕਸਟ ਮਾਰਕ ਦੇ ਨਾਲ 52px ਲੰਬਾ ਪਾਰਦਰਸ਼ੀ ਹੈਡਰ, 4 ਕੇਂਦਰਿਤ ਨੈਵੀਗੇਸ਼ਨ ਲਿੰਕ, "ਲੌਗਇਨ / ਸੰਪਰਕ / ਡਾਊਨਲੋਡ" ਕਲੱਸਟਰ ਸੱਜੇ ਪਾਸੇ ਇਕਸਾਰ। ਹੀਰੋ: ਖੱਬੇ-ਅਲਾਈਨ ਹੈਡਰ + ਉੱਪਰ ਖੱਬੇ ਤੋਂ ਚੱਲ ਰਹੇ ਟੈਕਸਟ ਦੇ ਨਾਲ ਡਬਲ ਕਾਲ-ਟੂ-ਐਕਸ਼ਨ ਬਲਾਕ, ਫਿਰ ਇੱਕ ਪੂਰੀ-ਚੌੜਾਈ ਉਤਪਾਦ ਮੌਕਅੱਪ ਕਾਰਡ ਜੋ ਪੰਨੇ ਦੀ ਪੂਰੀ ਚੌੜਾਈ ਨੂੰ ਫੈਲਾਉਂਦਾ ਹੈ। ਟਰੱਸਟ ਸਟ੍ਰਾਈਪ: ਭਾਗ ਚੌੜਾਈ ਵਿੱਚ ਇੱਕ ਸਿੰਗਲ ਲਾਈਨ ਵਿੱਚ 8 ਲੋਗੋ ਟਾਈਲਾਂ ਦੀ ਇੱਕ ਖਿਤਿਜੀ ਕਤਾਰ। ਵਿਸ਼ੇਸ਼ਤਾ ਭਾਗ ਖੱਬੇ ਪਾਸੇ ਵਿਕਲਪਿਕ ਟੈਕਸਟ ਅਤੇ ਸੱਜੇ ਪਾਸੇ ਦੋ-ਕਾਲਮ ਲੇਆਉਟ ਵਿੱਚ ਇੱਕ ਸਕ੍ਰੀਨਸ਼ੌਟ, ਹਰੇਕ 50/50, ਭਾਗਾਂ ਵਿਚਕਾਰ 64-96px ਦੀ ਲੰਬਕਾਰੀ ਤਾਲ ਦੇ ਨਾਲ। ਸਾਰੇ ਵਿਸ਼ੇਸ਼ਤਾ ਸਕ੍ਰੀਨਸ਼ਾਟ ਇੱਕੋ ਜਿਹੇ macOS ਸਟਾਈਲਿੰਗ ਵਾਲੇ ਵਿੰਡੋ ਮੌਕਅੱਪ ਹਨ। ਫੁੱਟਰ: ਖੱਬੇ ਪਾਸੇ ਬ੍ਰਾਂਡ ਮਾਰਕ ਵਾਲੇ ਲਿੰਕਾਂ ਦਾ ਚਾਰ-ਕਾਲਮ ਗਰਿੱਡ। ਭਾਗਾਂ ਨੂੰ ਡਿਵਾਈਡਰਾਂ ਦੀ ਬਜਾਏ ਕਾਫ਼ੀ ਸਾਹ ਲੈਣ ਵਾਲੀ ਥਾਂ ਦੁਆਰਾ ਵੱਖ ਕੀਤਾ ਜਾਂਦਾ ਹੈ - ਕਰੀਮ ਕੈਨਵਸ ਖੁਦ ਵੱਖਰਾ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ।
ਉਤਪਾਦ ਸਕ੍ਰੀਨਸ਼ਾਟ ਕੇਂਦਰੀ ਪੜਾਅ 'ਤੇ ਹਨ: ਵੱਡੇ macOS ਵਿੰਡੋ ਮੌਕਅੱਪ ਜੋ ਕਰਸਰ IDE ਨੂੰ ਐਕਸ਼ਨ ਵਿੱਚ ਦਿਖਾਉਂਦੇ ਹਨ: ਫਾਈਲ ਟੈਬਸ, ਡਿਫ ਵਿਊਜ਼, ਏਜੰਟ ਪਲਾਨ, ਟਰਮੀਨਲ ਪੈਨਲ, ਅਤੇ ਸਲੈਕ/ਚੈਟ ਏਕੀਕਰਣ। ਹਰੇਕ ਵਿੰਡੋ ਮੌਕਅੱਪ ਨੂੰ ਇੱਕ #f2f1ed ਕਾਰਡ ਨਾਲ ਇੱਕ ਨਰਮ, ਗਰਮ ਕੰਟ੍ਰਾਸਟ ਨਾਲ ਫਰੇਮ ਕੀਤਾ ਗਿਆ ਹੈ। ਇੱਕ ਮਿਊਟ ਕੀਤੀ ਲੈਂਡਸਕੇਪ ਫੋਟੋ (ਪਹਾੜ/ਮਾਰੂਥਲ ਹੋਰੀਜ਼ਨ) ਮੁੱਖ ਭਾਗ ਤੋਂ ਪਰੇ ਫੈਲਦੀ ਹੈ, UI ਨਾਲ ਮੁਕਾਬਲਾ ਕੀਤੇ ਬਿਨਾਂ ਨਿੱਘ ਜੋੜਦੀ ਹੈ। ਕਲਾਇੰਟ ਲੋਗੋ ( Stripe, ਓਪਨਏਆਈ, ਲੀਨੀਅਰ, ਡੇਟਾਡੌਗ, ਐਨਵੀਆਈਡੀਏ, ਫਿਗਮਾ, ਰੈਂਪ, ਅਡੋਬ) ਨੂੰ ਗੋਲੀ-ਆਕਾਰ ਦੀਆਂ ਲਿਨਨ ਟਾਈਲਾਂ ਦੇ ਅੰਦਰ ਮੋਨੋਕ੍ਰੋਮ ਅੱਖਰ ਵਜੋਂ ਪੇਸ਼ ਕੀਤਾ ਜਾਂਦਾ ਹੈ। ਲੋਕਾਂ ਦੀਆਂ ਕੋਈ ਤਸਵੀਰਾਂ, ਚਿੱਤਰ, ਜਾਂ ਐਬਸਟਰੈਕਟ ਸਜਾਵਟੀ ਗ੍ਰਾਫਿਕ ਤੱਤਾਂ ਨਹੀਂ ਹਨ—ਸਾਰਾ ਵਿਜ਼ੂਅਲ ਭਾਰ ਉਤਪਾਦ ਦੇ UI ਅਤੇ ਬ੍ਰਾਂਡਿੰਗ 'ਤੇ ਕੇਂਦ੍ਰਿਤ ਹੈ। ਆਈਕਨ ਪਤਲੇ, ਮੋਨੋਲੀਨੀਅਰ ਗਲਾਈਫ ਹਨ ਜੋ #7a7974 ਐਸ਼ ਨਾਲ ਭਰੇ ਹੋਏ ਹਨ, ਕਦੇ ਵੀ ਰੰਗੀਨ ਨਹੀਂ।
ਪੈਲੇਟ
ਨਿਰਪੱਖ
- 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) ਫੌਂਟ ਦੀ ਇੱਕ ਵਿਲੱਖਣ ਵਿਸ਼ੇਸ਼ਤਾ ਹਨ: ਹੈਡਿੰਗ ਕਦੇ ਵੀ ਬੋਲਡ ਨਹੀਂ ਹੁੰਦੇ। ਫੌਂਟ ਫੰਕਸ਼ਨ 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 ।
- ਆਪਣੀ ਪੁਰਾਣੀ ਸਾਈਟ ਤੋਂ ਸਮੱਗਰੀ ਟ੍ਰਾਂਸਫਰ ਕਰੋ—ਬੱਸ ਪਤਾ ਦੱਸੋ।
- ਸਭ ਤੋਂ ਵਧੀਆ ਇੰਜਣ 'ਤੇ ਆਧੁਨਿਕ ਡਿਜ਼ਾਈਨ: ਸਰਵਰ ਰੈਂਡਰਿੰਗ ਅਤੇ SEO ਔਪਟੀਮਾਈਜੇਸ਼ਨ ਦੇ ਨਾਲ React ( Next.js)।
- ਖੋਜ ਨਤੀਜਿਆਂ ਅਤੇ ਨਿਊਰਲ ਨੈੱਟਵਰਕ ਸਿਫ਼ਾਰਸ਼ਾਂ ਲਈ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਵੈਚਾਲਿਤ SEO ਅਨੁਕੂਲਤਾ।
ਮਿਲਦੇ-ਜੁਲਦੇ ਸਟਾਈਲ
- Amplemarket — ਕੰਫੇਟੀ ਨਾਲ ਭਰਿਆ ਇੱਕ ਧੁੱਪ ਨਾਲ ਭਰਿਆ ਕੰਮ ਕਰਨ ਵਾਲਾ ਸਥਾਨ
- Getharvest — ਗੋਲਡਨ ਆਵਰ 'ਤੇ ਇੱਕ ਡੈਸਕ - ਇੱਕ ਗਰਮ ਕਰੀਮ ਕੈਨਵਸ, ਕੈਨਵਸ 'ਤੇ ਲਟਕਦੇ ਚਿੱਟੇ ਪੋਸਟਕਾਰਡ, ਅਤੇ ਇੱਕ ਚਮਕਦਾਰ ਸੰਤਰੀ ਲਾਟ
- Drive Capital — ਗਰਮ ਕਾਗਜ਼ 'ਤੇ ਰੈਟਰੋ ਰੋਡ ਟ੍ਰਿਪ ਪੋਸਟਰ
- Wealthsimple — ਗੈਲਰੀ ਲਾਈਟਿੰਗ ਦੇ ਨਾਲ ਕਸ਼ਮੀਰੀ ਕਤਾਰ ਵਾਲਾ ਗੋਦਾਮ
- Huddle — ਕਰੀਮ ਪੇਪਰ 'ਤੇ ਪੇਸਟਲ ਇਨਵੈਂਟਰੀ ਕਾਰਡ
- Fuser — ਇੱਕ ਡਿਜ਼ਾਈਨਰ ਦੀ ਕੰਮ ਵਾਲੀ ਕੰਧ 'ਤੇ ਖਿੰਡੇ ਹੋਏ ਪੋਲਰਾਇਡ
- Campsite — ਇੱਕ ਧੁੱਪ ਵਾਲੇ ਸੰਪਾਦਕ ਦਾ ਵਰਕਸਟੇਸ਼ਨ - ਇੱਕ ਸੰਤਰੀ ਰੰਗ ਦੀ ਮੋਹਰ ਵਾਲਾ ਗਰਮ ਕਰੀਮ ਪੇਪਰ
- Redis Agency — ਸੰਪਾਦਕੀ ਵਰਕਸ਼ਾਪ, ਜੋ ਘੰਟਿਆਂ ਬਾਅਦ ਖੁੱਲ੍ਹਦੀ ਹੈ, ਇੱਕ ਘੋਰ ਹਨੇਰੀ ਜਗ੍ਹਾ ਹੈ ਜਿੱਥੇ ਸਾਰਾ ਬ੍ਰਾਂਡਿੰਗ ਕੰਮ ਸੇਰੀਫ ਫੌਂਟਾਂ ਅਤੇ ਇੱਕ ਲਾਲ ਮੂਲੀ ਦੁਆਰਾ ਕੀਤਾ ਜਾਂਦਾ ਹੈ।
- AI Product Generation — ਚਿੱਟੇ ਕਾਗਜ਼ 'ਤੇ ਸੰਪਾਦਕੀ ਫੋਟੋਗ੍ਰਾਫੀ ਸਟੂਡੀਓ - ਕਵਰ ਦੇ ਤੌਰ 'ਤੇ ਸਿਰਲੇਖ, ਸੰਪਾਦਕੀ ਹਾਈਲਾਈਟਿੰਗ ਲਈ ਸੰਤਰੀ ਰੰਗ
- Getanchor — ਧੁੱਪ ਨਾਲ ਫਿੱਕੀ ਕਰੀਮ ਦੀ ਪਿੱਠਭੂਮੀ 'ਤੇ ਗਰਮ ਟੈਰਾਕੋਟਾ ਰੰਗ
- Flatfile — ਗਰਮ ਚਮਚੇ 'ਤੇ ਇੱਕ ਸ਼ਾਂਤ ਡੇਟਾ ਡਾਇਰੀ
- Inthememory — ਚਿੱਟੇ ਸੰਗਮਰਮਰ 'ਤੇ ਇੱਕ ਆਰਕੀਟੈਕਚਰਲ ਡਰਾਇੰਗ ਜਿਸ ਵਿੱਚ ਇੱਕ ਹੀ ਗਰਮ ਰੋਸ਼ਨੀ ਹੈ। ਇੱਕ ਸ਼ਾਂਤ, ਸੰਪਾਦਕੀ ਡੇਟਾ ਰੂਮ ਜਿੱਥੇ ਡੂੰਘੀ ਫਿਰੋਜ਼ੀ ਸਿਆਹੀ ਅਤੇ ਗੋਲੀ ਦੇ ਆਕਾਰ ਦੇ ਕੰਟਰੋਲ ਕਰਿਸਪ ਚਿੱਟੀਆਂ ਸਤਹਾਂ ਦੇ ਉੱਪਰ ਤੈਰਦੇ ਹਨ, ਸਿਰਫ ਸੰਤਰੀ ਦੇ ਇੱਕ ਛਿੱਟੇ ਨਾਲ ਟੁੱਟ ਜਾਂਦੇ ਹਨ।