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 ਦੁਆਰਾ ਵਰਣਨ ਨਹੀਂ ਕੀਤਾ ਗਿਆ।

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

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

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

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