
Linear
ਅੱਧੀ ਰਾਤ ਦੀ ਸ਼ੁੱਧਤਾ ਯੰਤਰ
ਲੀਨੀਅਰ ਡਿਜ਼ਾਈਨ ਸਿਸਟਮ ਇੱਕ ਰਾਤ ਦਾ ਕਮਾਂਡ ਸੈਂਟਰ ਹੈ ਜੋ ਕਿ ਲਗਭਗ ਕਾਲੀ ਸਤਹਾਂ (#08090a) 'ਤੇ ਬਣਾਇਆ ਗਿਆ ਹੈ ਜਿਸ ਵਿੱਚ ਕਰਿਸਪ ਵ੍ਹਾਈਟ ਟਾਈਪ ਅਤੇ ਇੱਕ ਸਿੰਗਲ ਲਾਈਮ-ਹਰੇ ਲਹਿਜ਼ੇ (#e4f222) ਹੈ ਜੋ ਇੱਕ ਫੰਕਸ਼ਨਲ ਫਲੈਸ਼ਲਾਈਟ ਵਜੋਂ ਕੰਮ ਕਰਦਾ ਹੈ—ਛੋਟਾ, ਉੱਚ-ਕੰਟਰਾਸਟ, ਅਤੇ ਕਿਰਿਆਵਾਂ ਨੂੰ ਦਰਸਾਉਣ ਲਈ ਥੋੜ੍ਹੇ ਜਿਹੇ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ। ਇੰਟਰਫੇਸ ਹਨੇਰੇ ਨੂੰ ਥੀਮ ਦੀ ਬਜਾਏ ਇੱਕ ਨੀਂਹ ਵਜੋਂ ਮੰਨਦਾ ਹੈ: ਟੈਕਸਟ ਇੱਕ ਕਰਿਸਪ ਵ੍ਹਾਈਟ ਹੈ ਜਿਸ ਵਿੱਚ ਤੰਗ ਅੱਖਰ-ਸਪੇਸਿੰਗ (-0.022em) ਹੈ, ਫੌਂਟ ਵਜ਼ਨ ਬੋਲਡ ਦੀ ਬਜਾਏ ਘੱਟ 400–510 ਰੇਂਜ ਵਿੱਚ ਹਨ, ਅਤੇ ਬਾਰਡਰ ਬਹੁਤ ਪਤਲੇ (0.5px) ਹਨ ਤਾਂ ਜੋ ਜਿਓਮੈਟਰੀ ਨੂੰ ਆਮ ਤੌਰ 'ਤੇ ਪਰਛਾਵੇਂ ਦੁਆਰਾ ਕੀਤੇ ਗਏ ਕੰਮ ਨੂੰ ਕਰਨ ਦਿੱਤਾ ਜਾ ਸਕੇ। ਕੰਪੋਨੈਂਟ ਬਿਲਕੁਲ ਤਿਆਰ ਕੀਤੇ ਮਹਿਸੂਸ ਹੁੰਦੇ ਹਨ—6px ਅਤੇ 12px ਰੇਡੀਆਈ, ਸੰਖੇਪ 8–12px ਹਾਸ਼ੀਏ, ਅਤੇ ਸਜਾਵਟੀ ਤੱਤਾਂ ਦੀ ਲਗਭਗ ਪੂਰੀ ਘਾਟ—ਜਿਸ ਨਾਲ ਉਤਪਾਦ UI (ਟਾਸਕ ਕਾਰਡ, ਕਾਨਬਨ ਬੋਰਡ, AI ਏਜੰਟ ਪੈਨਲ) ਇੱਕ ਹੋਰ ਸ਼ਾਂਤ ਸਿਸਟਮ ਵਿੱਚ ਇੱਕੋ ਇੱਕ ਵਿਜ਼ੂਅਲ ਟੈਕਸਟਚਰ ਹੋਣ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ।
ਲੇਆਉਟ ਦੀ ਵੱਧ ਤੋਂ ਵੱਧ ਚੌੜਾਈ ਲਗਭਗ 1200px ਹੈ, ਕੇਂਦਰਿਤ, ਇੱਕ ਗੂੜ੍ਹਾ ਪਿਛੋਕੜ ਵਿਊਪੋਰਟ ਦੇ ਕਿਨਾਰਿਆਂ ਤੱਕ ਫੈਲਿਆ ਹੋਇਆ ਹੈ। ਮੁੱਖ ਤੱਤ ਇੱਕ ਵੱਡਾ ਸਿਰਲੇਖ ਹੈ, ਖੱਬੇ-ਅਲਾਈਨ (64–72px), ਇੱਕ ਸੱਜੇ-ਅਲਾਈਨ ਕਾਲ ਟੂ ਐਕਸ਼ਨ (CTA) ਨਾਲ ਜੋੜਿਆ ਗਿਆ ਹੈ, ਇਸਦੇ ਬਾਅਦ ਇੱਕ ਵੱਡਾ ਉਤਪਾਦ ਸਕ੍ਰੀਨਸ਼ੌਟ ਹੈ ਜੋ ਵੱਧ ਤੋਂ ਵੱਧ ਚੌੜਾਈ ਤੋਂ ਥੋੜ੍ਹਾ ਪਰੇ ਫੈਲਿਆ ਹੋਇਆ ਹੈ। ਭਾਗਾਂ ਦੀ ਤਾਲ ਦੋ-ਕਾਲਮ ਰਚਨਾਵਾਂ ਦੇ ਵਿਚਕਾਰ ਬਦਲਦੀ ਹੈ ਜਿਸ ਵਿੱਚ ਖੱਬੇ ਪਾਸੇ ਟੈਕਸਟ ਅਤੇ ਸੱਜੇ ਪਾਸੇ ਇੱਕ ਚਿੱਤਰ ਹੈ, ਅਤੇ ਪੂਰੀ-ਚੌੜਾਈ ਉਤਪਾਦ ਡਿਸਪਲੇ ਸਟ੍ਰਿਪਸ 96px ਲੰਬਕਾਰੀ ਗਟਰਾਂ ਦੁਆਰਾ ਵੱਖ ਕੀਤੀਆਂ ਗਈਆਂ ਹਨ। ਕਲਾਇੰਟ ਦੇ ਲੋਗੋ ਵਾਲੀ ਸਟ੍ਰਿਪ ਇੱਕ ਸਿੰਗਲ ਹਰੀਜੱਟਲ ਕਤਾਰ ਹੈ। ਪੰਨਾ ਕਦੇ ਵੀ ਤਿੰਨ-ਕਾਲਮ ਕਾਰਡ ਗਰਿੱਡ ਜਾਂ ਟਾਈਲਡ ਸਟ੍ਰਕਚਰ ਦੀ ਵਰਤੋਂ ਨਹੀਂ ਕਰਦਾ ਹੈ—ਜਾਣਕਾਰੀ ਘਣਤਾ ਘੱਟ ਰਹਿੰਦੀ ਹੈ, ਜ਼ਿਆਦਾਤਰ ਭਾਗ ਕਾਫ਼ੀ ਸਫੈਦ ਥਾਂ ਅਤੇ ਸਕ੍ਰੀਨ 'ਤੇ ਇੱਕ ਸਿੰਗਲ ਫੋਕਲ ਐਲੀਮੈਂਟ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਨ। ਨੈਵੀਗੇਸ਼ਨ ਇੱਕ ਸਥਿਰ ਸਿਖਰ ਪੱਟੀ ਹੈ ਜਿਸ ਵਿੱਚ ਖੱਬੇ-ਅਲਾਈਨ ਲੋਗੋ ਅਤੇ ਸੱਜੇ-ਅਲਾਈਨ ਲਿੰਕ ਹਨ, ਬਿਨਾਂ ਸਾਈਡਬਾਰ ਜਾਂ ਮੈਗਾ-ਮੀਨੂ ਦੇ।
ਲੀਨੀਅਰ ਦੀ ਵਿਜ਼ੂਅਲ ਭਾਸ਼ਾ ਉਤਪਾਦ ਸਕ੍ਰੀਨਸ਼ੌਟਸ 'ਤੇ ਅਧਾਰਤ ਹੈ: ਸ਼ੁਰੂ ਵਿੱਚ ਅਤੇ ਭਾਗਾਂ ਵਿੱਚ ਦਿੱਤੇ ਗਏ ਚਿੱਤਰ ਲੀਨੀਅਰ ਐਪ ਦੇ ਯੂਜ਼ਰ ਇੰਟਰਫੇਸ ਦੇ ਅਸਲ ਚਿੱਤਰ ਹਨ, ਜੋ ਕਿ ਵੱਧ ਤੋਂ ਵੱਧ ਵੇਰਵੇ ਵਿੱਚ ਕੈਪਚਰ ਕੀਤੇ ਗਏ ਹਨ - ਟਾਸਕ ਕਾਰਡ, ਕਾਨਬਨ ਬੋਰਡ, ਏਆਈ ਏਜੰਟ ਡੈਸ਼ਬੋਰਡ, ਕਮਾਂਡ ਪੈਲੇਟ - ਪਤਲੇ ਫਰੇਮ ਕੀਤੇ ਫਰੇਮਾਂ ਵਿੱਚ ਰੱਖੇ ਗਏ ਹਨ। ਕੋਈ ਸਟਾਕ ਫੋਟੋਆਂ ਨਹੀਂ, ਕੋਈ ਜੀਵਨ ਸ਼ੈਲੀ ਦੀਆਂ ਤਸਵੀਰਾਂ ਨਹੀਂ, ਕੋਈ ਐਬਸਟਰੈਕਟ ਚਿੱਤਰ ਨਹੀਂ। ਲੋਗੋ ਗਾਹਕਾਂ ਲਈ ਇੱਕਸਾਰ ਆਕਾਰ ਦੇ ਇੱਕ ਨਿਰਪੱਖ ਸਲੇਟੀ ਸਟ੍ਰਾਈਪ (#8a8f98) ਦੇ ਰੂਪ ਵਿੱਚ ਪ੍ਰਦਰਸ਼ਿਤ ਕੀਤੇ ਜਾਂਦੇ ਹਨ। ਆਈਕਨ ਇੱਕ ਮੋਨੋਕ੍ਰੋਮੈਟਿਕ ਸਲੇਟੀ ਸਕੇਲ ਵਿੱਚ ਘੱਟੋ-ਘੱਟ ਲੀਨੀਅਰ SVG ਚਿੱਤਰ ਹਨ। ਪੰਨੇ ਦੇ ਸਿਖਰ 'ਤੇ ਸਕ੍ਰੀਨਸ਼ੌਟ ਇੱਕ ਸੂਖਮ ਲੀਨੀਅਰ ਗਰੇਡੀਐਂਟ (ਹਨੇਰੇ ਤੋਂ ਰੌਸ਼ਨੀ ਤੱਕ) 'ਤੇ ਤੈਰਦਾ ਹੈ, ਅਸਲ ਲੈਂਡਸਕੇਪ ਦੀ ਵਰਤੋਂ ਕੀਤੇ ਬਿਨਾਂ ਵਾਯੂਮੰਡਲ ਦੀ ਡੂੰਘਾਈ ਬਣਾਉਂਦਾ ਹੈ। ਹਰ ਵਿਜ਼ੂਅਲ ਤੱਤ ਉਤਪਾਦ ਦਾ ਇੱਕ ਕਾਰਜਸ਼ੀਲ ਤੱਤ ਹੁੰਦਾ ਹੈ।
ਪੈਲੇਟ
ਬ੍ਰਾਂਡ
- Acid Lime
#e4f222— ਮੁੱਖ ਕੰਟਰੋਲ ਬਟਨ ਅਤੇ ਸਰਗਰਮ ਨੈਵੀਗੇਸ਼ਨ ਸੂਚਕ ਇੱਕ ਚਮਕਦਾਰ ਲਹਿਜ਼ਾ ਹਨ ਜੋ ਮੋਨੋਕ੍ਰੋਮ ਰੰਗ ਸਕੀਮ ਨੂੰ ਤੋੜਦੇ ਹਨ।
ਨਿਰਪੱਖ
- Mist
#d0d6e0— ਸੈਕੰਡਰੀ ਸਿਰਲੇਖ, ਹਨੇਰੀਆਂ ਸਤਹਾਂ 'ਤੇ ਬਟਨ ਟੈਕਸਟ - Void
#08090a— ਪੰਨਾ ਕੈਨਵਸ, ਪੂਰੀ-ਚੌੜਾਈ ਵਾਲੀ ਬੈਕਗ੍ਰਾਊਂਡ ਤਸਵੀਰ - ਡਿਫਾਲਟ ਤੌਰ 'ਤੇ, ਸਾਰੇ ਐਲੀਮੈਂਟ ਇਸ ਬੈਕਗ੍ਰਾਊਂਡ 'ਤੇ ਰੱਖੇ ਜਾਂਦੇ ਹਨ। - Carbon
#0f1011— ਕਾਰਡ ਸਤਹਾਂ, ਨੈਵੀਗੇਸ਼ਨ ਬਾਰ, ਕਾਰਡਾਂ ਦੇ ਅੰਦਰ ਸਮੱਗਰੀ ਰੱਖਣ ਲਈ ਕੈਨਵਸ ਤੋਂ ਇੱਕ ਕਦਮ ਉੱਪਰ ਹਨ। - Obsidian
#161718— ਉੱਚੀਆਂ ਸਤਹਾਂ, ਡੂੰਘੇ ਗੱਤੇ ਦੇ ਪੈਨਲ - Graphite
#23252a— ਸੂਖਮ ਬਾਰਡਰ, ਸੈਪਰੇਟਰ, ਸੂਖਮ ਬਟਨ ਰੂਪਰੇਖਾ - ਘੱਟ-ਵਿਪਰੀਤ ਟੈਕਸਚਰ ਵਾਲੇ ਕਿਨਾਰੇ - Smoke
#383b3f— ਪਤਲੀਆਂ ਕਿਨਾਰਿਆਂ ਵਿੱਚ ਗ੍ਰੇਫਾਈਟ-ਸੈਕਸ਼ਨ ਸੈਪਰੇਟਰਾਂ ਨਾਲੋਂ ਵੱਧ ਕੰਟ੍ਰਾਸਟ ਹੁੰਦਾ ਹੈ।
ਟਾਈਪੋਗ੍ਰਾਫੀ
13 ਤੋਂ 72px ਤੱਕ · 8 ਕਦਮ
- Inter Variable — ਬਦਲ: Inter (variable) · ਰੂਪਰੇਖਾ 300, 400, 510, 590 · ਪ੍ਰਾਇਮਰੀ UI ਅਤੇ ਹੈਡਰ ਫੌਂਟ - ਨੈਵੀਗੇਸ਼ਨ, ਬਾਡੀ ਟੈਕਸਟ, ਹੈਡਿੰਗ, ਬਟਨਾਂ ਅਤੇ ਕਾਰਡਾਂ ਵਿੱਚ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ।
- Berkeley Mono — ਬਦਲ: JetBrains Mono · ਰੂਪਰੇਖਾ 400 · ਕੋਡ-ਨਾਲ ਲੱਗਦੇ UI ਟੈਕਸਟ - ਰੀਲੀਜ਼ ਪਛਾਣਕਰਤਾ (ENG-2703), ਕੀਬੋਰਡ ਸ਼ਾਰਟਕੱਟ, ਮੋਨੋਸਪੇਸ ਫੌਂਟ ਮੈਟਾਡੇਟਾ
ਅੰਤਰਾਲ ਅਤੇ ਰੂਪ
| ਉਦੇਸ਼ | ਭਾਵ |
|---|---|
| ਘਣਤਾ | ਵਿਸ਼ਾਲ |
| ਮੁੱਢਲਾ ਕਦਮ | 8px |
| ਬਟਨ ਦਾ ਘੇਰਾ | 6px |
| ਕਾਰਡ ਦਾ ਘੇਰਾ | 12px |
| ਪਰਛਾਵੇਂ | ਪਰਛਾਵਿਆਂ ਦੀ ਬਜਾਏ ਕੋਈ - ਬਾਰਡਰ ਨਹੀਂ |
| ਭਾਗਾਂ ਵਿਚਕਾਰ | 96px |
| ਪੰਨੇ ਦੀ ਚੌੜਾਈ | 1200px |
AI ਤੁਹਾਡੀ ਵੈੱਬਸਾਈਟ ਨੂੰ Linear ਸ਼ੈਲੀ ਵਿੱਚ ਬਣਾਏਗਾ ਅਤੇ ਇਸਨੂੰ ਭਰ ਦੇਵੇਗਾ।
- ਲਿੰਕ ਰਾਹੀਂ ਉਤਪਾਦਾਂ ਅਤੇ ਪੋਸਟਾਂ ਨਾਲ ਭਰੋ - Instagram, TikTok, Facebook ।
- ਆਪਣੀ ਪੁਰਾਣੀ ਸਾਈਟ ਤੋਂ ਸਮੱਗਰੀ ਟ੍ਰਾਂਸਫਰ ਕਰੋ—ਬੱਸ ਪਤਾ ਦੱਸੋ।
- ਸਭ ਤੋਂ ਵਧੀਆ ਇੰਜਣ 'ਤੇ ਆਧੁਨਿਕ ਡਿਜ਼ਾਈਨ: ਸਰਵਰ ਰੈਂਡਰਿੰਗ ਅਤੇ SEO ਔਪਟੀਮਾਈਜੇਸ਼ਨ ਦੇ ਨਾਲ React ( Next.js)।
- ਖੋਜ ਨਤੀਜਿਆਂ ਅਤੇ ਨਿਊਰਲ ਨੈੱਟਵਰਕ ਸਿਫ਼ਾਰਸ਼ਾਂ ਲਈ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਵੈਚਾਲਿਤ SEO ਅਨੁਕੂਲਤਾ।
ਮਿਲਦੇ-ਜੁਲਦੇ ਸਟਾਈਲ
- Aaru — ਅੱਧੀ ਰਾਤ ਨੂੰ ਪਾਰਟੀਕਲ ਫੀਲਡ ਆਬਜ਼ਰਵੇਟਰੀ
- Atlas Card — ਮਿਡਨਾਈਟ ਵਾਲਟ, ਇਸਦੇ ਸਿੰਗਲ ਨੀਲਮ ਕਿਰਨ ਦੇ ਨਾਲ, ਇੱਕ ਕਾਲਾ ਫੈਲਾਅ ਹੈ ਜਿੱਥੇ ਸਿਰਫ਼ ਗੂੜ੍ਹਾ ਇਲੈਕਟ੍ਰਿਕ ਨੀਲਾ ਹੀ ਮਾਇਨੇ ਰੱਖਦਾ ਹੈ।
- Checkly — ਡੀਪ ਔਰਬਿਟ ਮਿਸ਼ਨ ਕੰਟਰੋਲ ਸੈਂਟਰ
- Savee — ਵਿਜ਼ੂਅਲ ਕਿਊਰੇਟਰਾਂ ਲਈ ਕਾਲਾ ਕੈਨਵਸ
- Inngest — ਇੱਕ ਹਨੇਰਾ, ਸ਼ਾਂਤ ਵੇਧਸ਼ਾਲਾ, ਜੋ ਯੰਤਰਾਂ ਨਾਲ ਕੰਮ ਕਰਨ ਲਈ ਤਿਆਰ ਹੈ, ਇੱਕ ਸਿੰਗਲ ਅੰਬਰ ਪਾਇਲਟ ਲਾਈਟ ਨਾਲ ਜਗਮਗਾ ਰਹੀ ਹੈ।
- Dala — ਕਾਲੇ ਮਖਮਲ ਉੱਤੇ ਮੰਡਰਾ ਰਿਹਾ ਇੱਕ ਤਾਰਾਮੰਡਲ
- Origin Financial — ਸ਼ਾਂਤ ਅਮੀਰੀ ਦੀ ਇੱਕ ਅੱਧੀ ਰਾਤ ਦੀ ਗੈਲਰੀ। ਇੱਕ ਸ਼ਾਂਤ, ਲਗਭਗ ਹਨੇਰਾ ਕਮਰਾ ਜਿੱਥੇ ਵੱਡੇ ਸੇਰੀਫ ਫੌਂਟ ਅਤੇ ਕੁਝ ਪ੍ਰਕਾਸ਼ਮਾਨ ਰੰਗਦਾਰ ਪੈਨਲ ਇਹ ਅਹਿਸਾਸ ਪੈਦਾ ਕਰਦੇ ਹਨ ਕਿ ਵਿੱਤ ਕਲਾ ਦਾ ਇੱਕ ਧਿਆਨ ਨਾਲ ਤਿਆਰ ਕੀਤਾ ਗਿਆ ਕੰਮ ਹੈ।
- Hyperstudio — ਡਿਜ਼ਾਈਨ ਨੂੰ ਓਬਸੀਡੀਅਨ ਵਿੱਚ ਖੁਰਚਿਆ ਗਿਆ ਹੈ। ਟੈਕਸਟ ਅਤੇ ਬਾਰੀਕ ਲਾਈਨਾਂ ਸ਼ੁੱਧ ਕਾਲੇ ਰੰਗ ਦੀ ਇੱਕ ਚਿੱਟੀ ਜਗ੍ਹਾ ਨੂੰ ਫਰੇਮ ਕਰਦੀਆਂ ਹਨ, ਜਿਸ ਵਿੱਚ ਕਦੇ-ਕਦੇ ਸੁਨਹਿਰੀ ਕੰਪਾਸ ਦੇ ਨਿਸ਼ਾਨ ਹੁੰਦੇ ਹਨ ਜੋ ਰਸਤਾ ਦਰਸਾਉਂਦੇ ਹਨ।
- Air — ਮੂਰਤੀ "ਸ਼ੀਸ਼ੇ ਰਾਹੀਂ ਅੱਧੀ ਰਾਤ ਦਾ ਅਸਮਾਨ"
- Resend — ਜਾਮਨੀ ਨੀਓਨ ਰੰਗ ਦੇ ਨਾਲ ਕਾਲਾ ਮਖਮਲੀ
- Raycast — ਮਿਡਨਾਈਟ ਕਮਾਂਡ ਸੈਂਟਰ, ਕੋਰਲ ਨਿਓਨ
- Dimension — ਠੰਡੇ ਹੋਏ ਸ਼ੀਸ਼ੇ ਦੇ ਪੈਨਲਾਂ ਵਾਲਾ ਇੱਕ ਸ਼ਾਮ-ਰੋਸ਼ਨੀ ਵਾਲਾ ਵਰਕਸਟੇਸ਼ਨ