Monad

ਪੈਲੇਟ

ਬ੍ਰਾਂਡ

• Parchment #f6f3f1 — ਪੰਨੇ ਦਾ ਕੈਨਵਸ ਅਤੇ ਸਤ੍ਹਾ ਦਾ ਬਹੁਤ ਸਾਰਾ ਹਿੱਸਾ - ਇਹ ਗਰਮ, ਕਰੀਮੀ ਰੰਗ - ਬ੍ਰਾਂਡ ਦਾ ਸਿਗਨੇਚਰ ਰੰਗ ਹੈ, ਜੋ ਸਾਈਟ ਨੂੰ SaaS ਟੈਂਪਲੇਟਾਂ ਤੋਂ ਤੁਰੰਤ ਵੱਖਰਾ ਕਰਦਾ ਹੈ ਜੋ ਸਾਰੇ ਚਿੱਟੇ ਹਨ।
• Lake Blue #2b59d1 — ਜਾਮਨੀ ਰੰਗ ਦੀ ਵਰਤੋਂ ਪਿਛੋਕੜ, ਸਜਾਵਟੀ ਧਾਰੀਆਂ ਨੂੰ ਉਜਾਗਰ ਕਰਨ ਲਈ ਅਤੇ ਸਮੱਗਰੀ ਦੇ ਪਿੱਛੇ ਇੱਕ ਸੂਖਮ ਲਹਿਜ਼ੇ ਵਜੋਂ ਕੀਤੀ ਜਾਂਦੀ ਹੈ। ਇਸਨੂੰ ਕਾਲ ਟੂ ਐਕਸ਼ਨ ਲਈ ਪ੍ਰਾਇਮਰੀ ਰੰਗ ਵਜੋਂ ਨਹੀਂ ਵਰਤਿਆ ਜਾਣਾ ਚਾਹੀਦਾ।

ਨਿਰਪੱਖ

• Off-Black #242424 — ਹਲਕੀਆਂ ਸਤਹਾਂ 'ਤੇ ਪ੍ਰਾਇਮਰੀ ਬਟਨਾਂ ਲਈ ਉੱਚ-ਕੰਟਰਾਸਟ ਨਿਊਟ੍ਰਲ ਫਿਲ।
• Periwinkle Mist #cfdaf5 — ਅਯੋਗ ਨਿਯੰਤਰਣਾਂ, ਘੱਟ-ਜ਼ੋਰ ਵਾਲੇ ਪੈਨਲਾਂ, ਅਤੇ ਪਲੇਸਹੋਲਡਰ ਬਲਾਕਾਂ ਲਈ ਇੱਕ ਸੁਸਤ ਇੰਟਰਫੇਸ।
• Sky Blue #a0b5eb — ਸਜਾਵਟੀ ਗਰੇਡੀਐਂਟ ਸਟਾਪ - ਪਾਈਪਿੰਗ ਡਾਇਗ੍ਰਾਮ ਵਿੱਚ ਵਾਯੂਮੰਡਲੀ ਭਰਾਈਆਂ ਅਤੇ ਪ੍ਰਵਾਹ ਲਾਈਨਾਂ ਵਿੱਚ ਦਿਖਾਈ ਦਿੰਦਾ ਹੈ, ਕਦੇ ਵੀ UI ਭਰਾਈ ਵਜੋਂ ਨਹੀਂ ਵਰਤਿਆ ਜਾਂਦਾ।
• Mint #a7fccd — ਜਦੋਂ ਮੁੱਖ ਰੰਗ ਪੈਲੇਟ ਨੂੰ ਕੰਟ੍ਰਾਸਟ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ ਤਾਂ ਛੋਟੇ ਸਜਾਵਟੀ ਲਹਿਜ਼ੇ ਲਈ ਇੱਕ ਸੈਕੰਡਰੀ ਰੰਗ ਪੈਲੇਟ।
• Coral #ff9473 — ਜਦੋਂ ਮੁੱਖ ਰੰਗ ਪੈਲੇਟ ਨੂੰ ਕੰਟ੍ਰਾਸਟ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ ਤਾਂ ਛੋਟੇ ਸਜਾਵਟੀ ਲਹਿਜ਼ੇ ਲਈ ਇੱਕ ਸੈਕੰਡਰੀ ਰੰਗ ਪੈਲੇਟ।
• Gold #ecda98 — ਇੱਕ ਸਜਾਵਟੀ ਗਰੇਡੀਐਂਟ ਬਿੰਦੀ ਗਰੇਡੀਐਂਟ ਪਰਿਵਰਤਨ ਵਿੱਚ ਇੱਕ ਗਰਮ ਲਹਿਜ਼ਾ ਹੈ, ਜੋ ਕਦੇ ਵੀ ਕਾਰਜਸ਼ੀਲ ਉਪਭੋਗਤਾ ਇੰਟਰਫੇਸਾਂ ਵਿੱਚ ਨਹੀਂ ਵਰਤਿਆ ਜਾਂਦਾ।

ਟਾਈਪੋਗ੍ਰਾਫੀ

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

• ABC Diatype Mono — ਬਦਲ: JetBrains Mono · ਰੂਪਰੇਖਾ 400, 500 · ਮੁੱਖ ਟੈਕਸਟ, ਨੈਵੀਗੇਸ਼ਨ, ਬਟਨ, ਆਈਕਨ, ਟੈਗ, ਅਤੇ ਸਾਰਾ UI ਟੈਕਸਟ। ਸਾਰੇ ਫੰਕਸ਼ਨਲ ਐਲੀਮੈਂਟਸ ਵਿੱਚ ਇੱਕ ਮੋਨੋਸਪੇਸਡ ਫੌਂਟ ਇੰਟਰਫੇਸ ਨੂੰ ਇੱਕ ਤਕਨੀਕੀ ਮੈਨੂਅਲ ਦਾ ਅਹਿਸਾਸ ਦਿੰਦਾ ਹੈ—16-20px 'ਤੇ ਪ੍ਰਾਇਮਰੀ ਟੈਕਸਟ ਨੂੰ ਡੇਟਾ ਵਜੋਂ ਸਮਝਿਆ ਜਾਂਦਾ ਹੈ, ਮਾਰਕੀਟਿੰਗ ਜਾਣਕਾਰੀ ਵਜੋਂ ਨਹੀਂ। ਨੈਵੀਗੇਸ਼ਨ ਲੇਬਲ ਅਤੇ ਆਈਕਨ ਵਧੇਰੇ ਸਟੀਕ ਅੱਖਰ ਸਪੇਸਿੰਗ ਦੇ ਨਾਲ 18px ਫੌਂਟ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਨ; ਛੋਟੇ ਫੌਂਟ ਅਤੇ ਮੈਟਾਟੈਕਸਟ ਸਾਰੇ ਕੈਪਸ ਦੇ ਨਾਲ 12px ਫੌਂਟ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਨ। ਇੱਕ 500px ਫੌਂਟ ਆਕਾਰ ਪ੍ਰਮੁੱਖ UI ਐਲੀਮੈਂਟਸ ਲਈ ਰਾਖਵਾਂ ਹੈ।
• Untitled Serif — ਬਦਲ: Times New Roman · ਰੂਪਰੇਖਾ 400 · ਸਿਰਫ਼ ਸਿਰਲੇਖਾਂ ਅਤੇ ਉਪ-ਸਿਰਲੇਖਾਂ ਲਈ—80px (ਮੁੱਖ ਟੈਕਸਟ), 48px (ਸੈਕਸ਼ਨ), 40px ਅਤੇ 32px (ਉਪ-ਸੈਕਸ਼ਨ), ਅਤੇ 24px (ਵਰਣਨ ਕਾਰਡ ਸਿਰਲੇਖ) 'ਤੇ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ। ਸਾਰੇ ਆਕਾਰਾਂ ਲਈ ਫੌਂਟ ਭਾਰ 400 'ਤੇ ਸਥਿਰ ਹੈ; ਸੇਰੀਫ ਫੌਂਟ ਦਾ ਕੁਦਰਤੀ ਵਿਪਰੀਤ ਅਤੇ -0.02em ਅੱਖਰ ਸਪੇਸਿੰਗ ਬੋਲਡ ਦੀ ਬਜਾਏ ਮੁੱਖ ਫੋਕਸ ਪ੍ਰਦਾਨ ਕਰਦੀ ਹੈ। ਇਹ ਸੰਪਾਦਕੀ ਸ਼ੈਲੀ ਹੈ: ਸਿਰਲੇਖ ਭਾਰ ਨਾਲ ਚੀਕਣ ਦੀ ਬਜਾਏ ਟਾਈਪੋਗ੍ਰਾਫਿਕ ਸੂਝ-ਬੂਝ ਨਾਲ ਫੁਸਫੁਸਾਉਂਦੇ ਹਨ।
• Untitled Sans — ਬਦਲ: Inter · ਰੂਪਰੇਖਾ 400 · ਬਿਨਾਂ ਸਿਰਲੇਖ ਵਾਲਾ ਸੈਨਸ ਫੌਂਟ - ਕੱਢੇ ਗਏ ਡੇਟਾ ਵਿੱਚ ਮਿਲਿਆ ਪਰ AI ਦੁਆਰਾ ਵਰਣਨ ਨਹੀਂ ਕੀਤਾ ਗਿਆ।

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

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

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