Medium
ਗੋਲਡਨ ਆਵਰ 'ਤੇ ਕਰੀਮੀ ਚਿੱਟਾ ਅਖ਼ਬਾਰ
ਇਹ ਵੈੱਬ 'ਤੇ ਟ੍ਰਾਂਸਪਲਾਂਟ ਕੀਤੇ ਗਏ ਸਾਹਿਤਕ ਰੀਡਿੰਗ ਰੂਮ ਵਾਂਗ ਦਰਮਿਆਨੇ ਫੰਕਸ਼ਨ ਕਰਦਾ ਹੈ: ਇੱਕ ਨਿੱਘਾ, ਕਰੀਮੀ ਪਿਛੋਕੜ (#f7f4ed) SaaS ਦੇ ਨਿਰਜੀਵ ਚਿੱਟੇ ਕਿਸਮ ਦੀ ਥਾਂ ਲੈਂਦਾ ਹੈ, ਜਿਸ ਨਾਲ ਲੰਬੇ ਟੈਕਸਟ ਇੱਕ ਛਪੇ ਹੋਏ ਪੰਨੇ ਵਾਂਗ ਮਹਿਸੂਸ ਹੁੰਦੇ ਹਨ। ਵਿਜ਼ੂਅਲ ਸਿਸਟਮ ਹਮਲਾਵਰ ਤੌਰ 'ਤੇ ਮੋਨੋਕ੍ਰੋਮ ਹੈ—ਲਗਭਗ ਸਾਰੀਆਂ UI ਸਤਹਾਂ, ਟੈਕਸਟ ਅਤੇ ਬਾਰਡਰ #242424 ਤੋਂ #6b6b6b ਤੱਕ ਗਰਮ ਸਲੇਟੀ ਰੰਗਾਂ ਦੇ ਇੱਕ ਤੰਗ ਬੈਂਡ ਵਿੱਚ ਹਨ—ਇਸ ਲਈ ਪਾਠਕ ਦਾ ਧਿਆਨ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮੱਗਰੀ 'ਤੇ ਕੇਂਦ੍ਰਿਤ ਹੈ। ਇੱਕੋ ਇੱਕ ਦਸਤਖਤ ਸੰਕੇਤ ਸੇਰੀਫ ਹੈੱਡਲਾਈਨ (GT ਸੁਪਰ, 120px, ਵਜ਼ਨ 400, ਅੱਖਰ ਸਪੇਸਿੰਗ -0.055em) ਹੈ, ਇੱਕ ਜਾਣਬੁੱਝ ਕੇ ਰੁਝਾਨ ਵਿਰੋਧੀ ਚੋਣ: ਇੱਕ ਪਰਿਵਰਤਨਸ਼ੀਲ ਕਿਤਾਬ ਸੇਰੀਫ ਫੌਂਟ ਡਿਸਪਲੇ ਲਈ ਸਕੇਲ ਕੀਤਾ ਗਿਆ ਹੈ, ਇੱਕ ਬੋਲਡ ਜਿਓਮੈਟ੍ਰਿਕ ਸੈਨਸ-ਸੇਰੀਫ ਦੀ ਬਜਾਏ ਬਹੁਤ ਘੱਟ ਧਿਆਨ ਦੇਣ ਯੋਗ, ਸੰਕੇਤ: "ਅਸੀਂ ਕਿਤਾਬਾਂ ਪ੍ਰਕਾਸ਼ਤ ਕਰਦੇ ਹਾਂ, ਸਾਫਟਵੇਅਰ ਨਹੀਂ।" ਬਟਨ ਲਗਭਗ ਕਾਲੇ ਰੰਗ ਦੀਆਂ ਪੂਰੀਆਂ "ਗੋਲੀਆਂ" ਹਨ - ਪੰਨੇ 'ਤੇ ਇੱਕੋ ਇੱਕ ਠੋਸ ਸਿਆਹੀ।
ਹੋਮਪੇਜ ਦੇ ਦੋ ਕਾਲਮ ਹਨ: ਖੱਬਾ ਪਾਸਾ ਪੰਨੇ ਦੀ ਸਪੇਸ ਦਾ ~55% ਲੈਂਦਾ ਹੈ, ਹੈੱਡਲਾਈਨ, ਸਬਟੈਕਸਟ, ਅਤੇ ਕਾਲ ਟੂ ਐਕਸ਼ਨ ਨੂੰ ਖੁੱਲ੍ਹੇ ਅੰਦਰੂਨੀ ਸਪੇਸਿੰਗ ਨਾਲ ਲੰਬਕਾਰੀ ਤੌਰ 'ਤੇ ਵਿਵਸਥਿਤ ਕੀਤਾ ਜਾਂਦਾ ਹੈ; ਸੱਜਾ ਪਾਸਾ ਪੰਨੇ ਦੀ ਸਪੇਸ ਦਾ ~45% ਲੈਂਦਾ ਹੈ, ਇੱਕ ਚਿੱਤਰ ਪੈਨਲ ਦੇ ਨਾਲ। ਖੱਬਾ ਕਾਲਮ ਖੱਬੇ-ਅਲਾਈਨ (ਕੇਂਦਰਿਤ ਨਹੀਂ) ਹੈ, ਪੰਨੇ ਨੂੰ ਪੜ੍ਹਨ ਦੇ ਧੁਰੇ ਨਾਲ ਜੋੜਦਾ ਹੈ। ਹੋਮਪੇਜ ਦੇ ਹੇਠਾਂ, ਪੰਨਾ ਇੱਕ ਸਿੰਗਲ, ਪੂਰੀ-ਚੌੜਾਈ, ਕਰੀਮ-ਰੰਗੀ ਪੱਟੀ ਹੈ ਜਿਸ ਵਿੱਚ ਫੁੱਟਰ ਵਿੱਚ ਕੇਂਦਰਿਤ ਲਿੰਕ ਹਨ। ਹੋਮਪੇਜ 'ਤੇ ਕੋਈ ਕਾਰਡ ਗਰਿੱਡ, ਵਿਸ਼ੇਸ਼ਤਾ ਭਾਗ, ਜਾਂ ਬਦਲਵੇਂ ਪੱਟੀਆਂ ਨਹੀਂ ਹਨ—ਹੋਮਪੇਜ ਇੱਕ ਪੰਨਾ ਹੈ। ਸਮੱਗਰੀ ਘਣਤਾ ਜਾਣਬੁੱਝ ਕੇ ਘੱਟ ਹੈ: ਇੱਕ ਹੈੱਡਲਾਈਨ, ਇੱਕ ਵਾਕ, ਇੱਕ ਬਟਨ, ਇੱਕ ਚਿੱਤਰ। ਪੰਨਾ ਇੱਕ ਕਵਰ ਹੈ, ਡੈਸ਼ਬੋਰਡ ਨਹੀਂ।
ਇਹ ਚਿੱਤਰ ਸੰਪਾਦਕੀ ਅਤੇ ਐਪੀਸੋਡਿਕ ਹਨ, ਯੋਜਨਾਬੱਧ ਨਹੀਂ ਹਨ। ਮੁੱਖ ਪੰਨੇ 'ਤੇ ਇੱਕ ਹੱਥ ਨਾਲ ਖਿੱਚਿਆ ਗਿਆ ਚਿੱਤਰ (ਇੱਕ ਹਰਾ ਫੁੱਲ, ਇੱਕ ਜਿਓਮੈਟ੍ਰਿਕ ਹੱਥ, ਤਾਰਾਮੰਡਲ ਰੇਖਾਵਾਂ) ਇੱਕ ਢਿੱਲੀ, ਥੋੜ੍ਹੀ ਜਿਹੀ ਭੋਲੀ ਸ਼ੈਲੀ ਵਿੱਚ ਹੈ। ਇਹ ਚਿੱਤਰ ਕਮਿਸ਼ਨਡ ਕੰਮਾਂ ਵਾਂਗ ਦਿਖਾਈ ਦਿੰਦੇ ਹਨ ਜੋ ਇੱਕ ਸਥਾਈ ਲਾਇਬ੍ਰੇਰੀ ਦੀ ਬਜਾਏ ਮੌਸਮੀ ਤੌਰ 'ਤੇ ਬਦਲਦੇ ਹਨ। ਮੁੱਖ ਪੰਨੇ 'ਤੇ ਕੋਈ ਫੋਟੋਆਂ ਨਹੀਂ ਹਨ। ਮੁੱਖ ਪੰਨੇ 'ਤੇ ਕੋਈ ਆਈਕਨ ਨਹੀਂ ਹਨ—ਸਾਰਾ ਕੰਮ ਟੈਕਸਟ ਲੋਗੋ ਅਤੇ ਟੈਕਸਟ ਦੁਆਰਾ ਕੀਤਾ ਜਾਂਦਾ ਹੈ। ਵਿਜ਼ੂਅਲ ਭਾਸ਼ਾ ਮੁੱਖ ਤੌਰ 'ਤੇ ਟੈਕਸਟ-ਅਧਾਰਿਤ ਹੈ, ਚਿੱਤਰ ਵਿਰਾਮ ਚਿੰਨ੍ਹ ਵਜੋਂ ਕੰਮ ਕਰਦੇ ਹਨ।
ਪੈਲੇਟ
ਨਿਰਪੱਖ
- Newsprint Cream
#f7f4ed— ਪੇਜ ਕੈਨਵਸ, ਮੁੱਖ ਵਿੰਡੋ ਬੈਕਗ੍ਰਾਊਂਡ, ਅਤੇ ਸੈਕਸ਼ਨ ਬੈਕਗ੍ਰਾਊਂਡ ਇੱਕ ਨਿੱਘਾ, ਥੋੜ੍ਹਾ ਕਰੀਮੀ ਰੰਗ ਹੈ ਜੋ ਡਿਜੀਟਲ ਇੰਟਰਫੇਸ ਦੀ ਬਜਾਏ ਇੱਕ ਪ੍ਰਿੰਟ ਕੀਤੇ ਇੰਟਰਫੇਸ ਦੀ ਭਾਵਨਾ ਪੈਦਾ ਕਰਦਾ ਹੈ। - Paper White
#ffffff— ਕਾਰਡ ਸਤਹਾਂ, ਉੱਚੇ ਹੋਏ ਪੈਨਲ, ਫਾਰਮ ਐਂਟਰੀ ਫੀਲਡ, ਅਤੇ ਕੋਈ ਵੀ ਸਤਹਾਂ ਜਿਨ੍ਹਾਂ ਨੂੰ ਕਰੀਮ ਕੈਨਵਸ ਤੋਂ ਵੱਖ ਕਰਨ ਦੀ ਲੋੜ ਹੈ। - Ink
#242424— ਬਾਡੀ ਟੈਕਸਟ, ਬਾਡੀ ਟੈਕਸਟ, ਲਿੰਕ, ਹੈਡਿੰਗ - ਸ਼ੁੱਧ ਕਾਲੇ ਨਾਲੋਂ ਥੋੜ੍ਹਾ ਗਰਮ, ਕਰੀਮ ਬੈਕਗ੍ਰਾਊਂਡ 'ਤੇ ਵਧੀਆ ਦਿਖਾਈ ਦਿੰਦਾ ਹੈ। - Body Gray
#333333— ਸੈਕੰਡਰੀ ਟੈਕਸਟ ਰੰਗ ਅਤੇ ਡਿਫਾਲਟ ਫੋਰਗਰਾਉਂਡ ਰੰਗ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ ਜਿੱਥੇ ਸਿਆਹੀ ਦੇ ਰੰਗ ਨਾਲੋਂ ਥੋੜ੍ਹਾ ਹਲਕਾ ਰੰਗ ਲੋੜੀਂਦਾ ਹੁੰਦਾ ਹੈ ਬਿਨਾਂ ਕੰਟ੍ਰਾਸਟ ਗੁਆਏ। - Button Black
#191919— ਸੈਕੰਡਰੀ UI ਐਲੀਮੈਂਟਸ, ਡਿਵਾਈਡਰਾਂ, ਅਤੇ ਮਿਊਟ ਕੀਤੇ ਲੇਬਲਾਂ ਲਈ ਇੱਕ ਨਿਊਟਰਲ ਰੰਗ ਸਮਰਥਿਤ ਹੈ। ਇਸਨੂੰ ਕਾਲ ਟੂ ਐਕਸ਼ਨ ਲਈ ਪ੍ਰਾਇਮਰੀ ਰੰਗ ਵਜੋਂ ਨਹੀਂ ਵਰਤਿਆ ਜਾਣਾ ਚਾਹੀਦਾ। - Marginalia Gray
#6b6b6b— ਸੈਕੰਡਰੀ UI, ਡਿਵਾਈਡਰਾਂ, ਅਤੇ ਮਿਊਟ ਕੀਤੇ ਲੇਬਲਾਂ ਲਈ ਨਿਰਪੱਖ ਰੰਗ ਸਹਾਇਤਾ।
ਟਾਈਪੋਗ੍ਰਾਫੀ
13 ਤੋਂ 120px ਤੱਕ · 5 ਕਦਮ
- medium-content-sans-serif-font — ਬਦਲ: Inter · ਰੂਪਰੇਖਾ 400 · medium-content-sans-serif ਫੌਂਟ - ਕੱਢੇ ਗਏ ਡੇਟਾ ਵਿੱਚ ਪਾਇਆ ਗਿਆ ਪਰ AI ਦੁਆਰਾ ਵਰਣਿਤ ਨਹੀਂ ਕੀਤਾ ਗਿਆ।
- GT Super — ਬਦਲ: Playfair Display · ਰੂਪਰੇਖਾ 400 · ਹੈਡਿੰਗ ਅਤੇ ਬਾਡੀ ਟੈਕਸਟ ਇੱਕ ਬਹੁਤ ਹੀ ਸਕੇਲ 'ਤੇ ਇੱਕ ਪਰਿਵਰਤਨਸ਼ੀਲ ਕਿਤਾਬ ਸੇਰੀਫ ਫੌਂਟ ਹਨ ਜਿਸ ਵਿੱਚ ਅੱਖਰਾਂ ਦੀ ਵਿੱਥ ਤੰਗ ਹੈ ਅਤੇ 0.83 ਲਾਈਨ ਵਿੱਥ ਹੈ। 120px 'ਤੇ 400 ਭਾਰ (ਬੋਲਡ ਨਹੀਂ) ਦੀ ਚੋਣ ਇੱਕ ਦਸਤਖਤ ਵਿਸ਼ੇਸ਼ਤਾ ਹੈ: ਅੱਖਰਾਂ ਦੇ ਰੂਪ, ਭਾਰ ਨਹੀਂ, ਕੰਮ ਕਰਦੇ ਹਨ। ਨਕਾਰਾਤਮਕ ਅੱਖਰ ਵਿੱਥ ਆਪਟੀਕਲ ਪਾੜੇ ਨੂੰ ਘਟਾਉਂਦੀ ਹੈ, ਜਿਸ ਨਾਲ "ਮਨੁੱਖੀ ਕਹਾਣੀਆਂ ਅਤੇ ਵਿਚਾਰ" ਇੱਕ ਸੰਯੁਕਤ ਟਾਈਪੋਗ੍ਰਾਫਿਕ ਬਲਾਕ ਵਾਂਗ ਮਹਿਸੂਸ ਹੁੰਦੇ ਹਨ।
- Söhne — ਬਦਲ: Inter · ਰੂਪਰੇਖਾ 400 · UI sans-serif ਫੌਂਟ ਨੈਵੀਗੇਸ਼ਨ, ਬਟਨਾਂ, ਉਪ-ਸਿਰਲੇਖਾਂ ਅਤੇ ਛੋਟੇ ਸਿਰਲੇਖਾਂ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ। 13–14px ਰੇਂਜ ਨੈਵੀਗੇਸ਼ਨ ਲੇਬਲਾਂ ਅਤੇ ਬਟਨਾਂ ਲਈ ਹੈ; 20–22px ਸਿਰਲੇਖ ਦੇ ਅੰਦਰ ਉਪ-ਸਿਰਲੇਖਾਂ ਅਤੇ ਸੈਕੰਡਰੀ ਟੈਕਸਟ ਲਈ ਹੈ। ਮਨੁੱਖੀ ਅਨੁਪਾਤ ਵਾਲਾ ਇੱਕ ਸਾਫ਼ sans-serif ਛੋਟੇ ਆਕਾਰਾਂ ਵਿੱਚ ਪੜ੍ਹਨਯੋਗ ਹੈ ਅਤੇ ਵੱਡੇ ਆਕਾਰਾਂ ਵਿੱਚ ਰੁਕਾਵਟ ਰਹਿਤ ਹੈ।
ਅੰਤਰਾਲ ਅਤੇ ਰੂਪ
| ਉਦੇਸ਼ | ਭਾਵ |
|---|---|
| ਘਣਤਾ | ਔਸਤ |
| ਮੁੱਢਲਾ ਕਦਮ | 16-24px |
| ਬਟਨ ਦਾ ਘੇਰਾ | 9999px |
| ਕਾਰਡ ਦਾ ਘੇਰਾ | 0px |
| ਪਰਛਾਵੇਂ | ਪਰਛਾਵਿਆਂ ਦੀ ਬਜਾਏ ਕੋਈ - ਬਾਰਡਰ ਨਹੀਂ |
| ਭਾਗਾਂ ਵਿਚਕਾਰ | 64px |
| ਪੰਨੇ ਦੀ ਚੌੜਾਈ | 1200px |
AI ਤੁਹਾਡੀ ਵੈੱਬਸਾਈਟ ਨੂੰ Medium ਸ਼ੈਲੀ ਵਿੱਚ ਬਣਾਏਗਾ ਅਤੇ ਇਸਨੂੰ ਭਰ ਦੇਵੇਗਾ।
- ਲਿੰਕ ਰਾਹੀਂ ਉਤਪਾਦਾਂ ਅਤੇ ਪੋਸਟਾਂ ਨਾਲ ਭਰੋ - Instagram, TikTok, Facebook ।
- ਆਪਣੀ ਪੁਰਾਣੀ ਸਾਈਟ ਤੋਂ ਸਮੱਗਰੀ ਟ੍ਰਾਂਸਫਰ ਕਰੋ—ਬੱਸ ਪਤਾ ਦੱਸੋ।
- ਸਭ ਤੋਂ ਵਧੀਆ ਇੰਜਣ 'ਤੇ ਆਧੁਨਿਕ ਡਿਜ਼ਾਈਨ: ਸਰਵਰ ਰੈਂਡਰਿੰਗ ਅਤੇ SEO ਔਪਟੀਮਾਈਜੇਸ਼ਨ ਦੇ ਨਾਲ React ( Next.js)।
- ਖੋਜ ਨਤੀਜਿਆਂ ਅਤੇ ਨਿਊਰਲ ਨੈੱਟਵਰਕ ਸਿਫ਼ਾਰਸ਼ਾਂ ਲਈ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਵੈਚਾਲਿਤ SEO ਅਨੁਕੂਲਤਾ।
ਮਿਲਦੇ-ਜੁਲਦੇ ਸਟਾਈਲ
- Steep — ਗਰਮ ਕਾਗਜ਼ 'ਤੇ ਸੇਰੀਫ ਫੌਂਟਾਂ ਦਾ ਵਿਸ਼ਲੇਸ਼ਣ
- Newformcap — ਡਰੈਸਿੰਗ ਰੂਮ ਵਿੱਚ ਸੰਪਾਦਕੀ ਅਖ਼ਬਾਰ
- Claude — ਗਰਮ ਚਮਚੇ 'ਤੇ ਛਪੀ ਇੱਕ ਕਲਾਕ੍ਰਿਤੀ—ਹੱਡੀ ਦੇ ਕਾਗਜ਼ 'ਤੇ ਸਿਆਹੀ, ਰੰਗ ਦਾ ਇੱਕੋ ਇੱਕ ਸਾਹ ਮਿੱਟੀ।
- 11x– Digital workers — ਇੱਕ ਸਿਨੇਮੈਟਿਕ ਸੰਪਾਦਕੀ ਬਰਬਾਦੀ—ਭੂਮੀ ਦੀਆਂ ਪੈਨੋਰਾਮਿਕ ਤਸਵੀਰਾਂ ਜੋ ਯਾਦਗਾਰੀ ਸੇਰੀਫ ਸੁਰਖੀਆਂ ਦੇ ਵਿਰੁੱਧ ਸੈੱਟ ਕੀਤੀਆਂ ਗਈਆਂ ਹਨ ਜੋ ਇੱਕ ਲਗਜ਼ਰੀ ਮੈਗਜ਼ੀਨ ਫੈਲਣ ਵਾਂਗ ਪੜ੍ਹਦੀਆਂ ਹਨ।
- Revolut — ਬੱਦਲਾਂ ਦੀ ਇੱਕ ਫੋਟੋ 'ਤੇ ਆਧਾਰਿਤ ਇੱਕ ਮੋਨੋਕ੍ਰੋਮ ਸੰਪਾਦਕੀ ਰਚਨਾ—ਚਿੱਟੀ ਸਿਆਹੀ, ਪਿਲਬਾਕਸ ਬਟਨ, ਇੱਕ ਹੋਰ ਗ੍ਰੇਸਕੇਲ ਦੁਨੀਆਂ ਵਿੱਚ ਰੰਗ ਦੀ ਇੱਕ ਨੀਲੀ ਧਾਰੀ।
- Scheduling — ਕਰੀਮ ਪੇਪਰ 'ਤੇ ਸੰਪਾਦਕੀ ਸਿਆਹੀ
- Titan — ਗਰਮ-ਟੋਨ ਵਾਲਾ ਮੋਨੋਕ੍ਰੋਮ ਪੁਰਾਲੇਖ
- Programa — ਦੁਪਹਿਰ ਵੇਲੇ ਇੱਕ ਸਵਿਸ ਡਿਜ਼ਾਈਨ ਸਟੂਡੀਓ। ਚਿੱਟੀ ਗੈਲਰੀ ਦੀਵਾਰ ਇੱਕ ਸਿੰਗਲ ਪੀਲੇ ਟੇਬਲ ਲੈਂਪ ਨਾਲ ਜਗਮਗਾ ਰਹੀ ਹੈ—ਹਰ ਚੀਜ਼ ਸਲੇਟੀ ਰੰਗਾਂ ਵਿੱਚ ਹੈ ਜਦੋਂ ਤੱਕ ਇੱਕ ਬਟਨ, ਆਈਕਨ, ਜਾਂ ਲਹਿਜ਼ਾ ਅੱਖ ਨੂੰ ਨਹੀਂ ਫੜਦਾ, ਅਤੇ ਫਿਰ ਉਹ ਇੱਕਲਾ ਪੀਲਾ ਲਹਿਜ਼ਾ ਪੂਰੇ ਕਮਰੇ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਦਾ ਹੈ।
- Sana Agents — ਸੰਪਾਦਕੀ ਵਿੱਚ ਚਿੱਟੇ ਪਿਛੋਕੜ 'ਤੇ ਚੂਨੇ ਦੀ ਚਮਕ
- Visual — ਨਿੱਘਾ ਸੰਪਾਦਕੀ ਸਮਿਜ਼ਦਤ। ਕਰੀਮ ਪੇਪਰ, ਸੇਰੀਫ ਪੋਸਟਰ, ਮੋਨੋਕ੍ਰੋਮ ਹਾਸ਼ੀਏ, ਇੱਕ ਪੀਲਾ ਮਾਰਕਰ।
- Midday — ਵੇਲਮ 'ਤੇ ਸੰਪਾਦਕੀ ਬਰੋਸ਼ਰ - ਗਰਮ ਪੱਥਰ ਦੀ ਪਿੱਠਭੂਮੀ 'ਤੇ 72px ਸੇਰੀਫ ਹੈੱਡਲਾਈਨ, ਸਪੇਸਿੰਗ ਦੇ ਨਾਲ ਸੈਨਸ-ਸੇਰੀਫ ਬਾਡੀ ਕਾਪੀ, ਗੋਲੀ ਦੇ ਆਕਾਰ ਦੇ ਨਿਯੰਤਰਣ, ਕੋਈ ਪਰਛਾਵਾਂ ਨਹੀਂ
- Chat for impact — ਪੇਸਟਲ ਰੰਗਾਂ ਵਾਲੇ ਕਮਰਿਆਂ ਵਾਲਾ ਇੱਕ ਜੰਗਲੀ ਹਰਾ ਕਲੀਨਿਕ