Tailwind CSS
ਇੱਕ ਉਤਪਾਦ ਡੈਮੋ ਦੇ ਤੌਰ 'ਤੇ ਇੱਕ ਕਿਸਮ ਦਾ ਨਮੂਨਾ ਇੱਕ ਟਾਈਪੋਗ੍ਰਾਫਿਕ ਪਰੂਫ ਸ਼ੀਟ ਹੈ ਜਿੱਥੇ CAM ਸਿਰਲੇਖ ਇੰਟਰਫੇਸ ਹੈ, ਜੋ ਕਿ ਬੋਲਡ ਕਾਲੇ 96px ਫੌਂਟ ਵਿੱਚ ਉਜਾਗਰ ਕੀਤਾ ਗਿਆ ਹੈ ਅਤੇ ਸਿਰਫ਼ ਇਸਦੇ ਆਕਾਰ ਦੁਆਰਾ ਧਿਆਨ ਖਿੱਚਦਾ ਹੈ।
ਪੈਲੇਟ
ਬ੍ਰਾਂਡ
- Syntax Sky
#00a6f4 - Syntax Cyan
#74d4ff
ਨਿਰਪੱਖ
- Ink Black
#030712 - Slate Mist
#4a5565 - Slate Mid
#6a7282 - Slate Cool
#364153 - Steel Veil
#90a1b9 - Fog Line
#cad5e2
ਟਾਈਪੋਗ੍ਰਾਫੀ
12 ਤੋਂ 96px ਤੱਕ · 6 ਕਦਮ
- Inter — ਬਦਲ: Inter (Google Fonts — this is already Inter) · ਰੂਪਰੇਖਾ 400, 500, 600, 700
- IBM Plex Mono (plexMono) — ਬਦਲ: IBM Plex Mono (Google Fonts) · ਰੂਪਰੇਖਾ 400, 500, 600
ਅੰਤਰਾਲ ਅਤੇ ਰੂਪ
| ਉਦੇਸ਼ | ਭਾਵ |
|---|---|
| ਘਣਤਾ | ਵਿਸ਼ਾਲ |
| ਮੁੱਢਲਾ ਕਦਮ | 16px |
| ਬਟਨ ਦਾ ਘੇਰਾ | 32px (pill CTA), 4px (code/tag badges) |
| ਕਾਰਡ ਦਾ ਘੇਰਾ | 8px |
| ਪਰਛਾਵੇਂ | ਪਰਛਾਵਿਆਂ ਦੀ ਬਜਾਏ ਕੋਈ - ਬਾਰਡਰ ਨਹੀਂ |
| ਭਾਗਾਂ ਵਿਚਕਾਰ | 96px |
| ਪੰਨੇ ਦੀ ਚੌੜਾਈ | 1280px |
AI ਤੁਹਾਡੀ ਵੈੱਬਸਾਈਟ ਨੂੰ Tailwind CSS ਸ਼ੈਲੀ ਵਿੱਚ ਬਣਾਏਗਾ ਅਤੇ ਇਸਨੂੰ ਭਰ ਦੇਵੇਗਾ।
- ਲਿੰਕ ਰਾਹੀਂ ਉਤਪਾਦਾਂ ਅਤੇ ਪੋਸਟਾਂ ਨਾਲ ਭਰੋ - Instagram, TikTok, Facebook ।
- ਆਪਣੀ ਪੁਰਾਣੀ ਸਾਈਟ ਤੋਂ ਸਮੱਗਰੀ ਟ੍ਰਾਂਸਫਰ ਕਰੋ—ਬੱਸ ਪਤਾ ਦੱਸੋ।
- ਸਭ ਤੋਂ ਵਧੀਆ ਇੰਜਣ 'ਤੇ ਆਧੁਨਿਕ ਡਿਜ਼ਾਈਨ: ਸਰਵਰ ਰੈਂਡਰਿੰਗ ਅਤੇ SEO ਔਪਟੀਮਾਈਜੇਸ਼ਨ ਦੇ ਨਾਲ React ( Next.js)।
- ਖੋਜ ਨਤੀਜਿਆਂ ਅਤੇ ਨਿਊਰਲ ਨੈੱਟਵਰਕ ਸਿਫ਼ਾਰਸ਼ਾਂ ਲਈ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਵੈਚਾਲਿਤ SEO ਅਨੁਕੂਲਤਾ।
ਮਿਲਦੇ-ਜੁਲਦੇ ਸਟਾਈਲ
- AI for Business — ਗਰਮ ਸਲੇਟੀ ਰੰਗਾਂ ਵਿੱਚ ਵਹਿਸ਼ੀ ਸੰਪਾਦਕੀ ਸ਼ੋਅਰੂਮ
- Superhuman — ਗੋਲਡਨ ਆਵਰ ਸੰਪਾਦਕੀ ਪੈਨਲ
- Visitors — ਚਿੱਟੀ ਇੰਜੀਨੀਅਰਿੰਗ ਡਰਾਇੰਗ
- Vercel — ਚਿੱਟੇ ਕਾਗਜ਼ 'ਤੇ ਛਾਪਿਆ ਗਿਆ ਟਰਮੀਨਲ
- Jeton — ਗਰਮ ਸੰਗਮਰਮਰ 'ਤੇ ਫਿਨਟੈਕ ਬਾਰੇ ਇੱਕ ਸੰਪਾਦਕੀ
- ClickUp — ਚਿੱਟੇ ਸੰਗਮਰਮਰ 'ਤੇ ਇੱਕ ਸ਼ਕਤੀਸ਼ਾਲੀ ਡੈਸ਼ਬੋਰਡ। ਇਹ ਪੰਨਾ ਇੱਕ ਉਤਪਾਦਕਤਾ ਟੂਲ ਲਈ ਇੱਕ ਉਤਪਾਦ ਬਰੋਸ਼ਰ ਹੈ, ਇਸ ਲਈ ਵਿਜ਼ੂਅਲ ਭਾਸ਼ਾ ਉਤਪਾਦ ਤੋਂ ਹੀ ਉਧਾਰ ਲਈ ਗਈ ਹੈ: ਸੰਘਣੀ ਸੂਚੀਆਂ, ਸਥਿਤੀ ਸੂਚਕ, ਅਵਤਾਰਾਂ ਦੇ ਸਮੂਹ, ਅਤੇ ਬੋਲਡ ਟਾਈਪੋਗ੍ਰਾਫਿਕ ਸਟੇਟਮੈਂਟ ਜੋ ਡਿਸਪਲੇ 'ਤੇ ਇੱਕ ਉਤਪਾਦ ਨਿਰਧਾਰਨ ਵਾਂਗ ਦਿਖਾਈ ਦਿੰਦੇ ਹਨ।
- Dock — ਸਨਲਾਈਟ ਕਰੀਮ ਪੇਪਰ, ਕੋਬਾਲਟ ਪਲਸ
- Quizlet — ਕਲਾਸਰੂਮ ਨੂੰ ਚਿੱਟੇ ਪਿਛੋਕੜ ਦੇ ਸਾਹਮਣੇ ਕਈ ਰੰਗਾਂ ਵਿੱਚ ਸਜਾਇਆ ਗਿਆ ਹੈ - ਇੱਕ ਸ਼ਾਂਤ ਡੈਸਕ, ਜਿਸਦੇ ਪਿੱਛੇ ਚਾਰ ਪੇਸਟਲ ਕਾਰਡ ਠੰਢੀਆਂ ਸਲੇਟੀ ਕੰਧਾਂ ਅਤੇ ਨੀਲ ਮਾਰਕਰ ਨਾਲ ਬਣੇ ਇੱਕ ਨਿਸ਼ਾਨ ਦੇ ਪਿਛੋਕੜ ਦੇ ਸਾਹਮਣੇ ਇੱਕੋ ਇੱਕ ਚਮਕਦਾਰ ਲਹਿਜ਼ਾ ਹਨ।
- Airtable — ਵੱਖ-ਵੱਖ ਰੰਗਾਂ ਵਿੱਚ ਚਿੰਨ੍ਹਿਤ ਅਧਿਆਵਾਂ ਵਾਲਾ ਇੱਕ ਆਰਾਮਦਾਇਕ ਸੈਮੀਨਾਰ
- Headspace — ਗਰਮ ਕਾਗਜ਼ 'ਤੇ ਇੱਕ ਧੁੱਪ ਵਾਲਾ ਤੰਦਰੁਸਤੀ ਕੋਨਾ
- Foodnoms — ਚਿੱਟੇ ਪੋਰਸਿਲੇਨ 'ਤੇ ਧੁੱਪ ਵਾਲਾ ਫਲਾਂ ਦਾ ਬਾਜ਼ਾਰ - ਗਰਮ ਸੰਤਰੇ, ਤਾਜ਼ੇ ਸਾਗ ਅਤੇ ਵਿਸ਼ਾਲ ਗੋਲ ਆਕਾਰ
- WHOOP — ਅੱਧੀ ਰਾਤ ਨੂੰ ਪ੍ਰਦਰਸ਼ਨ ਪ੍ਰਯੋਗਸ਼ਾਲਾ - ਇੱਕ ਕਾਲੇ ਨਾਟਕੀ ਖਾਲੀਪਣ ਦੇ ਹੇਠਾਂ ਚਿੱਟੇ ਕਲੀਨਿਕਲ ਪ੍ਰਯੋਗਸ਼ਾਲਾ ਟੇਬਲ, ਬਿਜਲੀ ਦੀ ਇੱਕ ਸਿੰਗਲ ਜਾਮਨੀ ਨਬਜ਼