Notion

ਪੈਲੇਟ

ਬ੍ਰਾਂਡ

• Notion Blue #0075de — ਕਾਲ-ਟੂ-ਐਕਸ਼ਨ (CTA) ਬਟਨ ਨੂੰ ਭਰਨ ਵਾਲਾ ਮੁੱਖ ਤੱਤ, ਸਰਗਰਮ ਨੈਵੀਗੇਸ਼ਨ ਵਿੱਚ ਇੱਕ ਲਹਿਜ਼ਾ, ਭਰੇ ਹੋਏ ਐਕਸ਼ਨ ਬਟਨ ਲਗਭਗ ਮੋਨੋਕ੍ਰੋਮ ਸਿਸਟਮ ਵਿੱਚ ਇੱਕੋ ਇੱਕ ਰੰਗ ਸਕੀਮ ਹਨ ਜੋ ਇੱਕ ਸਵਿੱਚ ਦੇ ਰੂਪ ਵਿੱਚ ਸਮਝੇ ਜਾਣ ਲਈ ਕਾਫ਼ੀ ਸੰਤ੍ਰਿਪਤ ਹਨ।

ਨਿਰਪੱਖ

• Paper Warmth #f6f5f4 — ਪੇਜ ਕੈਨਵਸ, ਮੁੱਖ ਵਿੰਡੋ ਬੈਕਗ੍ਰਾਊਂਡ, ਅਤੇ ਸੈਕਸ਼ਨ ਬੈਕਗ੍ਰਾਊਂਡ ਸਾਰੇ ਗਰਮ, ਥੋੜ੍ਹਾ ਜਿਹਾ ਬੇਜ ਰੰਗ ਹਨ ਜੋ ਸਿਸਟਮ ਨੂੰ ਇੱਕ ਸਪਰਸ਼, ਐਨਾਲਾਗ ਅਹਿਸਾਸ ਦਿੰਦੇ ਹਨ।
• Pure White #ffffff — ਕਾਰਡ ਸਤ੍ਹਾ, ਉੱਚੇ ਪੈਨਲ, ਲੋਗੋ ਬੈਕਗ੍ਰਾਊਂਡ, ਗੂੜ੍ਹੇ ਕਾਰਡਾਂ 'ਤੇ ਵਿਪਰੀਤ ਟੈਕਸਟ।
• Ink Black #000000 — ਮੁੱਖ ਟੈਕਸਟ, ਨੈਵੀਗੇਸ਼ਨ ਲਿੰਕ, ਸਿਰਲੇਖ - ਨਵੇਂ ਰੰਗ ਜੋੜੇ ਬਿਨਾਂ ਦਰਜਾਬੰਦੀ ਬਣਾਉਣ ਲਈ ਵੱਖ-ਵੱਖ ਪਾਰਦਰਸ਼ਤਾ (100%, 95%, 90%, 60%, 40%, 20%) ਨਾਲ ਵਰਤੇ ਜਾਂਦੇ ਹਨ।
• Charcoal #111111 — ਉਹਨਾਂ UI ਖੇਤਰਾਂ ਲਈ ਇੱਕ ਗੂੜ੍ਹਾ ਟੈਕਸਟ ਵਿਕਲਪ ਜਿੱਥੇ ਸ਼ੁੱਧ ਕਾਲਾ ਬਹੁਤ ਸਖ਼ਤ ਦਿਖਾਈ ਦੇਵੇਗਾ।
• Stone #757575 — ਸੈਕੰਡਰੀ ਨੈਵੀਗੇਸ਼ਨ ਟੈਕਸਟ, ਮਿਊਟ ਕੀਤਾ ਸਹਾਇਕ ਟੈਕਸਟ, ਅਯੋਗ ਬਟਨ ਲੇਬਲ - 60% ਸਿਆਹੀ ਅਲਫ਼ਾ
• Graphite #615d59 — ਮੁੱਖ ਲਿਖਤ ਵਿੱਚ ਇੱਕ ਗਰਮ ਸੁਰ ਹੈ - ਭੂਰਾ ਸਲੇਟੀ, ਜੋ ਗਰਮ ਪਿਛੋਕੜ ਨਾਲ ਮੇਲ ਖਾਂਦਾ ਹੈ।

ਟਾਈਪੋਗ੍ਰਾਫੀ

12 ਤੋਂ 96px ਤੱਕ · 10 ਕਦਮ

• NotionInter — ਬਦਲ: Inter · ਰੂਪਰੇਖਾ 400, 500, 600, 700 · ਮੁੱਖ ਸੈਨਸ-ਸੇਰੀਫ ਫੌਂਟ ਇੱਕ ਜਿਓਮੈਟ੍ਰਿਕ ਮਾਨਵਵਾਦੀ ਹੈ ਜਿਸ ਵਿੱਚ ਸੂਖਮ ਸੂਖਮਤਾਵਾਂ ਹਨ, ਜਿਸਨੂੰ ਬਾਡੀ ਟੈਕਸਟ ਲਈ 400 ਆਕਾਰ, ਨੈਵੀਗੇਸ਼ਨ/ਯੂਜ਼ਰ ਇੰਟਰਫੇਸ ਲਈ 500, ਅਤੇ ਹੈਡਿੰਗ ਲਈ 600-700 ਆਕਾਰ ਵਿੱਚ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ। ਫੌਂਟ ਸਕੇਲ ਵੱਡੇ ਆਕਾਰਾਂ (-4.6px 96px, -2px 72px) 'ਤੇ ਹਮਲਾਵਰ ਨਕਾਰਾਤਮਕ ਅੱਖਰ ਸਪੇਸਿੰਗ ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ, ਜੋ ਕਿ ਹੈਡਿੰਗ ਨੂੰ ਹਵਾਦਾਰ ਹੋਣ ਦੀ ਬਜਾਏ ਵਧੇਰੇ ਸੰਖੇਪ ਅਤੇ ਆਤਮਵਿਸ਼ਵਾਸੀ ਮਹਿਸੂਸ ਕਰਵਾਉਂਦਾ ਹੈ।
• Lyon Text — ਬਦਲ: Source Serif Pro · ਰੂਪਰੇਖਾ 400 · ਸੰਪਾਦਕੀ ਸੇਰੀਫ ਫੌਂਟ, ਜੋ ਕਿ ਮੁੱਖ ਟੈਕਸਟ ਦੇ ਵਿਅਕਤੀਗਤ ਭਾਗਾਂ ਅਤੇ ਭਾਗ ਜਾਣ-ਪਛਾਣ ਲਈ ਰਾਖਵਾਂ ਹੈ, ਟਾਈਪਫੇਸ ਨੂੰ ਸਾਹਿਤਕ ਭਾਰ ਦੇਣ ਲਈ ਥੋੜ੍ਹੇ ਜਿਹੇ (ਚਾਰ ਵਾਰ) ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ, ਜੋ ਕਿ ਇੱਕ ਮੈਗਜ਼ੀਨ ਲੇਆਉਟ ਵਿੱਚ ਇੱਕ ਹਵਾਲੇ ਦੇ ਸਮਾਨ ਹੈ। ਇਹ ਇੱਕ ਸਮਾਨਾਂਤਰ ਲੜੀ ਦੀ ਬਜਾਏ ਇੱਕ ਪ੍ਰਣਾਲੀਗਤ ਲਹਿਜ਼ੇ ਵਜੋਂ ਕੰਮ ਕਰਦਾ ਹੈ।

ਅੰਤਰਾਲ ਅਤੇ ਰੂਪ

ਮਿਲਦੇ-ਜੁਲਦੇ ਸਟਾਈਲ

• Mollie — ਇੱਕ ਕਸ਼ਮੀਰੀ ਕਾਊਂਟਰ, ਇੱਕ ਗੂੜ੍ਹਾ ਲੇਜ਼ਰ। ਕਾਲੇ ਟੈਕਸਟ ਦੇ ਆਲੇ-ਦੁਆਲੇ ਸੰਪਾਦਕੀ ਡਿਜ਼ਾਈਨ ਲਈ ਕਾਫ਼ੀ ਖਾਲੀ ਥਾਂ ਛੱਡੋ, ਫਿਰ ਗਰਮ ਕਰੀਮਾਂ, ਐਸਪ੍ਰੈਸੋ ਬ੍ਰਾਊਨ, ਅਤੇ ਅਸਲ ਭੁਗਤਾਨ ਵਿਧੀਆਂ ਦੀਆਂ ਸਪਰਸ਼ ਫੋਟੋਆਂ ਨਾਲ ਉਤਪਾਦ ਨਾਲ ਸਬੰਧਤ ਬਿੰਦੂਆਂ ਨੂੰ ਮਜ਼ਬੂਤ ਕਰੋ।
• Kagi — ਇੱਕ ਵੱਖਰਾ ਪੜ੍ਹਨ ਵਾਲਾ ਕਮਰਾ। ਗੂੜ੍ਹੇ ਗ੍ਰੇਫਾਈਟ ਟੈਕਸਟ ਦੇ ਆਲੇ-ਦੁਆਲੇ ਇੱਕ ਖੁੱਲ੍ਹੀ ਚਿੱਟੀ ਜਗ੍ਹਾ ਬਣਾਓ, ਸ਼ਾਂਤਤਾ ਨੂੰ ਤੋੜਨ ਲਈ ਸੂਖਮ ਜਾਮਨੀ ਲਹਿਜ਼ੇ ਅਤੇ ਗਰਮ ਪੇਸਟਲ ਸਤਹਾਂ ਦੀ ਵਰਤੋਂ ਕਰੋ।
• Milanote — ਮਿਲਾਨੋਟ ਇੱਕ ਸਮਰਪਿਤ ਰਚਨਾਤਮਕ ਸਟੂਡੀਓ ਹੈ। ਫਲੋਟਿੰਗ ਵਿਜ਼ੂਅਲ ਬੋਰਡਾਂ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਸੰਪਾਦਕੀ ਗੈਲਰੀ-ਸ਼ੈਲੀ ਦੇ ਪੰਨੇ ਬਣਾਓ: ਗੂੜ੍ਹੇ ਫਰੇਮ ਵਾਲੀਆਂ ਕੰਧਾਂ, ਚਿੱਟੀ ਡਿਸਪਲੇ ਸਪੇਸ, ਅਤੇ ਸਕ੍ਰੀਨਸ਼ਾਟ ਜੋ ਨਰਮ ਡੂੰਘਾਈ ਨਾਲ ਅਸਲੀ ਵਸਤੂਆਂ ਵਰਗੇ ਦਿਖਾਈ ਦਿੰਦੇ ਹਨ।
• Co2 — ਸਰਦੀਆਂ ਦੀ ਰੌਸ਼ਨੀ ਵਿੱਚ ਇੱਕ ਜਲਵਾਯੂ ਐਟਲਸ। ਇੱਕ ਏਰੀਅਲ ਦਸਤਾਵੇਜ਼ ਲੈਂਡਸਕੇਪ ਵਰਗੇ ਪੰਨੇ ਬਣਾਓ, ਜਿੱਥੇ ਸੇਰੀਫ ਸਿਰਲੇਖ, ਸ਼੍ਰੇਣੀ-ਕੋਡ ਕੀਤਾ ਡੇਟਾ, ਅਤੇ ਬਰਫੀਲੇ ਚਿੱਤਰ ਚੌੜੇ ਚਿੱਟੇ ਹਾਸ਼ੀਏ ਨੂੰ ਉਜਾਗਰ ਕਰਦੇ ਹਨ।
• GitButler — ਟੈਕਸਟ ਦੇ ਅੰਤ ਵਿੱਚ ਫਿਰੋਜ਼ੀ। ਸੂਖਮ ਤਕਨੀਕੀ ਗਰਿੱਡਾਂ, ਗਰਮ ਗ੍ਰੇਫਾਈਟ ਸਤਹਾਂ, ਅਤੇ ਇੱਕ ਸਮਝਦਾਰ ਫਿਰੋਜ਼ੀ ਲਹਿਜ਼ੇ ਦੇ ਨਾਲ ਉੱਚ-ਕੰਟਰਾਸਟ ਸੇਰੀਫ ਸੁਰਖੀਆਂ ਦਾ ਸੁਮੇਲ।
• ElevenLabs — ਨਿੱਘੇ ਕਰੀਮ ਰੰਗਾਂ ਵਿੱਚ ਇੱਕ ਫੋਟੋ ਲੇਖ ਜਿਸ ਵਿੱਚ ਸੂਖਮ ਸੁਰਖੀਆਂ ਹਨ। ਇੱਕ ਬੌਹੌਸ-ਸ਼ੈਲੀ ਦੀ ਨੋਟਬੁੱਕ—ਅੰਡੇ ਦੇ ਰੰਗ ਦਾ ਕਾਗਜ਼, ਕਾਲੀ ਸਿਆਹੀ, ਅਤੇ ਉਤਪਾਦ ਪ੍ਰਦਰਸ਼ਨੀ ਲਈ ਇੱਕ ਸਿੰਗਲ ਜਾਮਨੀ ਅਤੇ ਸੰਤਰੀ ਲਹਿਜ਼ਾ।
• Awesomic — ਸੰਪਾਦਕੀ ਜ਼ਿੰਕ ਜਾਲ ਜਿਸ ਵਿੱਚ ਸੰਤਰੀ ਵਿਰਾਮ ਚਿੰਨ੍ਹ ਹਨ ਜੋ ਕੰਫੇਟੀ ਦੀ ਯਾਦ ਦਿਵਾਉਂਦੇ ਹਨ
• Monad — ਗਰਮ ਚਮਚੇ 'ਤੇ ਸੰਪਾਦਕੀ ਤਕਨੀਕੀ ਜਰਨਲ
• Dub — ਲਿੰਕ ਦਾ ਮੈਟ ਰਾਈਸ ਪੇਪਰ ਕੰਟਰੋਲ ਪੈਨਲ
• Seline Analytics — ਗਰਮ ਕਾਗਜ਼ 'ਤੇ ਇੱਕ ਸ਼ਾਂਤ ਵਿਸ਼ਲੇਸ਼ਣਾਤਮਕ ਮੇਜ਼
• Anthropic — ਗਰਮ ਵੇਲਮ 'ਤੇ ਇੱਕ ਵਿਗਿਆਨਕ ਫੀਲਡ ਜਰਨਲ—ਸ਼ਾਂਤ ਹਾਥੀ ਦੰਦ ਦੀਆਂ ਸਤਹਾਂ, ਸੇਰੀਫਡ ਸੰਪਾਦਕੀ ਸਿਰਲੇਖ, ਅਤੇ ਇੱਕ ਸਿੰਗਲ ਮਿੱਟੀ ਦਾ ਲਹਿਜ਼ਾ ਜੋ ਸਿਰਫ਼ ਉਦੋਂ ਹੀ ਪ੍ਰਗਟ ਹੁੰਦਾ ਹੈ ਜਦੋਂ ਕਾਰਵਾਈ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ।
• Calendly — ਠੰਡੇ ਸੰਗਮਰਮਰ ਉੱਤੇ ਗੂੜ੍ਹੀ ਨੀਲੀ ਸਿਆਹੀ

ਸ਼੍ਰੇਣੀ ਅਨੁਸਾਰ ਸ਼ੈਲੀਆਂ ਦਾ ਕੈਟਾਲਾਗ