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 · ਸੰਪਾਦਕੀ ਸੇਰੀਫ ਫੌਂਟ, ਜੋ ਕਿ ਮੁੱਖ ਟੈਕਸਟ ਦੇ ਵਿਅਕਤੀਗਤ ਭਾਗਾਂ ਅਤੇ ਭਾਗ ਜਾਣ-ਪਛਾਣ ਲਈ ਰਾਖਵਾਂ ਹੈ, ਟਾਈਪਫੇਸ ਨੂੰ ਸਾਹਿਤਕ ਭਾਰ ਦੇਣ ਲਈ ਥੋੜ੍ਹੇ ਜਿਹੇ (ਚਾਰ ਵਾਰ) ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ, ਜੋ ਕਿ ਇੱਕ ਮੈਗਜ਼ੀਨ ਲੇਆਉਟ ਵਿੱਚ ਇੱਕ ਹਵਾਲੇ ਦੇ ਸਮਾਨ ਹੈ। ਇਹ ਇੱਕ ਸਮਾਨਾਂਤਰ ਲੜੀ ਦੀ ਬਜਾਏ ਇੱਕ ਪ੍ਰਣਾਲੀਗਤ ਲਹਿਜ਼ੇ ਵਜੋਂ ਕੰਮ ਕਰਦਾ ਹੈ।

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

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

• ElevenLabs — ਨਿੱਘੇ ਕਰੀਮ ਰੰਗਾਂ ਵਿੱਚ ਇੱਕ ਫੋਟੋ ਲੇਖ ਜਿਸ ਵਿੱਚ ਸੂਖਮ ਸੁਰਖੀਆਂ ਹਨ। ਇੱਕ ਬੌਹੌਸ-ਸ਼ੈਲੀ ਦੀ ਨੋਟਬੁੱਕ—ਅੰਡੇ ਦੇ ਰੰਗ ਦਾ ਕਾਗਜ਼, ਕਾਲੀ ਸਿਆਹੀ, ਅਤੇ ਉਤਪਾਦ ਪ੍ਰਦਰਸ਼ਨੀ ਲਈ ਇੱਕ ਸਿੰਗਲ ਜਾਮਨੀ ਅਤੇ ਸੰਤਰੀ ਲਹਿਜ਼ਾ।
• Awesomic — ਸੰਪਾਦਕੀ ਜ਼ਿੰਕ ਜਾਲ ਜਿਸ ਵਿੱਚ ਸੰਤਰੀ ਵਿਰਾਮ ਚਿੰਨ੍ਹ ਹਨ ਜੋ ਕੰਫੇਟੀ ਦੀ ਯਾਦ ਦਿਵਾਉਂਦੇ ਹਨ
• Monad — ਗਰਮ ਚਮਚੇ 'ਤੇ ਸੰਪਾਦਕੀ ਤਕਨੀਕੀ ਜਰਨਲ
• Dub — ਲਿੰਕ ਦਾ ਮੈਟ ਰਾਈਸ ਪੇਪਰ ਕੰਟਰੋਲ ਪੈਨਲ
• Seline Analytics — ਗਰਮ ਕਾਗਜ਼ 'ਤੇ ਇੱਕ ਸ਼ਾਂਤ ਵਿਸ਼ਲੇਸ਼ਣਾਤਮਕ ਮੇਜ਼
• Anthropic — ਗਰਮ ਵੇਲਮ 'ਤੇ ਇੱਕ ਵਿਗਿਆਨਕ ਫੀਲਡ ਜਰਨਲ—ਸ਼ਾਂਤ ਹਾਥੀ ਦੰਦ ਦੀਆਂ ਸਤਹਾਂ, ਸੇਰੀਫਡ ਸੰਪਾਦਕੀ ਸਿਰਲੇਖ, ਅਤੇ ਇੱਕ ਸਿੰਗਲ ਮਿੱਟੀ ਦਾ ਲਹਿਜ਼ਾ ਜੋ ਸਿਰਫ਼ ਉਦੋਂ ਹੀ ਪ੍ਰਗਟ ਹੁੰਦਾ ਹੈ ਜਦੋਂ ਕਾਰਵਾਈ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ।
• Calendly — ਠੰਡੇ ਸੰਗਮਰਮਰ ਉੱਤੇ ਗੂੜ੍ਹੀ ਨੀਲੀ ਸਿਆਹੀ
• Augen Pro — ਐਪਲ ਦੀ ਚਿੱਟੀ ਪੇਸ਼ਕਾਰੀ ਵਿੱਚ ਇੱਕ ਮੋਨੋਕ੍ਰੋਮ ਸਪੇਸ ਵਿੱਚ ਇੱਕਮਾਤਰ ਲਹਿਜ਼ਾ ਵਜੋਂ ਇੱਕ ਕਲੀਨਿਕਲ, ਭਾਰ ਰਹਿਤ, ਇਲੈਕਟ੍ਰਿਕ ਨੀਲਾ ਰੰਗ ਹੈ।
• Antimetal — ਕਰੀਮ ਪੇਪਰ 'ਤੇ ਇੱਕ ਸੰਪਾਦਕੀ ਇਤਹਾਸ—ਇੱਕ ਵਿਗਿਆਨਕ ਜਰਨਲ ਵਿੱਚ ਇੱਕ ਸ਼ਾਂਤ ਸਵੇਰ, ਜਿੱਥੇ ਸੰਜਮ ਆਤਮਵਿਸ਼ਵਾਸ ਪ੍ਰਗਟ ਕਰਦਾ ਹੈ ਅਤੇ ਸੇਰੀਫ ਭਾਰੀ ਕੰਮ ਕਰਦੇ ਹਨ।
• Perk — ਗਰਮ ਚਮਚੇ ਦੇ ਕਾਗਜ਼ 'ਤੇ ਬਿਜਲੀ ਦਾ ਚੂਨਾ
• Ditto — ਜੰਗਲੀ ਫੁੱਲਾਂ ਦੇ ਨਮੂਨੇ ਤਿਆਰ ਕਰਨ ਵਾਲੀ ਇੱਕ ਧੁੱਪ ਵਾਲੀ ਵਰਕਸ਼ਾਪ। ਗਰਮ ਕਰੀਮ ਸਤਹਾਂ, ਇੱਕ ਚਮਕਦਾਰ ਪੀਲਾ ਬੇਸ ਰੰਗ, ਡੂੰਘੀ ਨੇਵੀ ਨੀਲੀ ਸਿਆਹੀ, ਟੁਕੜੇ ਦੇ ਪਿੱਛੇ ਖਿੜਦੇ ਜੈਵਿਕ ਰੰਗ ਦੇ ਰੂਪ।
• Officevibe — ਗਰਮ ਕਰੀਮ ਰੰਗ ਦੇ ਕਾਗਜ਼ 'ਤੇ ਇੱਕ ਸੰਪਾਦਕੀ ਮੈਗਜ਼ੀਨ। HR ਪ੍ਰਬੰਧਨ 'ਤੇ ਇੱਕ ਵਿਚਾਰਸ਼ੀਲ ਲੇਖ ਦੀ ਕਲਪਨਾ ਕਰੋ, ਜਿਸਨੂੰ ਇੱਕ ਉਤਪਾਦ ਦੇ ਰੂਪ ਵਿੱਚ ਪੇਸ਼ ਕੀਤਾ ਗਿਆ ਹੈ - ਇੱਕ ਆਧੁਨਿਕ ਨੀਲੇ ਇੰਟਰਫੇਸ ਦੁਆਰਾ ਇੱਕ ਕਰਸਿਵ ਸੇਰੀਫ ਫੌਂਟ ਫੁਸਫੁਸਾਉਂਦਾ ਹੋਇਆ।