Seline Analytics

ਪੈਲੇਟ

ਬ੍ਰਾਂਡ

• Cyan Signal #3ba6f1 — ਮੁੱਖ ਕਾਲ ਟੂ ਐਕਸ਼ਨ, ਐਕਟਿਵ ਲਿੰਕ, ਅਤੇ ਬ੍ਰਾਂਡ ਆਈਕਨਾਂ ਦੀ ਰੂਪਰੇਖਾ ਪੰਨੇ 'ਤੇ ਇੱਕੋ-ਇੱਕ ਰੰਗ ਲਹਿਜ਼ਾ ਹਨ, ਜੋ ਕਿ ਕਾਰਵਾਈ ਵੱਲ ਧਿਆਨ ਖਿੱਚਣ ਲਈ ਥੋੜ੍ਹੇ ਜਿਹੇ ਵਰਤੇ ਜਾਂਦੇ ਹਨ।
• Cyan Edge #3398e1 — ਨੀਲੇ ਰੰਗ ਦੀ ਵਰਤੋਂ ਐਕਸ਼ਨ ਆਊਟਲਾਈਨ, ਲਿੰਕ ਲੇਬਲ ਅਤੇ ਇੰਟਰਐਕਟਿਵ ਐਲੀਮੈਂਟਸ ਨੂੰ ਉਜਾਗਰ ਕਰਨ ਲਈ ਕੀਤੀ ਜਾਂਦੀ ਹੈ। ਇਸਨੂੰ ਕਾਲ ਟੂ ਐਕਸ਼ਨ ਲਈ ਪ੍ਰਾਇਮਰੀ ਰੰਗ ਵਜੋਂ ਨਹੀਂ ਵਰਤਿਆ ਜਾਣਾ ਚਾਹੀਦਾ।

ਨਿਰਪੱਖ

• Ink Black #0c0a09 — ਮੁੱਖ ਸਿਰਲੇਖ, ਹਾਈਲਾਈਟ ਕੀਤੇ ਬਾਡੀ ਟੈਕਸਟ, ਅਤੇ ਭਾਵਪੂਰਨ ਆਈਕਨ ਇੱਕ ਨਿੱਘੇ, ਲਗਭਗ ਕਾਲੇ ਰੰਗ ਵਿੱਚ ਹਨ।
• Stone Canvas #fafaf9 — ਪੰਨੇ ਦੀ ਪਿੱਠਭੂਮੀ ਇੱਕ ਗਰਮ, ਕਰੀਮੀ ਰੰਗਤ ਹੈ ਜੋ ਸਕ੍ਰੀਨ ਦੇ ਚਿੱਟੇ ਰੰਗ ਦੀ ਬਜਾਏ ਕਾਗਜ਼ ਵਾਂਗ ਮਹਿਸੂਸ ਹੁੰਦੀ ਹੈ।
• Pure White #ffffff — ਨਕਸ਼ੇ ਦੀਆਂ ਸਤਹਾਂ, ਫੈਲੇ ਹੋਏ ਪੈਨਲ, ਅਤੇ ਇਨਪੁਟ ਫੀਲਡ ਫਿਲ ਡਿਫਾਲਟ ਤੌਰ 'ਤੇ ਸਮਤਲ ਅਤੇ ਪਰਛਾਵੇਂ ਰਹਿਤ ਹੁੰਦੇ ਹਨ।
• Stone Border #e8e6e5 — ਕਾਰਡਾਂ, ਨੈਵੀਗੇਸ਼ਨ, ਅਤੇ ਇਨਪੁਟ ਖੇਤਰਾਂ 'ਤੇ ਪਤਲੇ ਬਾਰਡਰ ਪ੍ਰਾਇਮਰੀ ਢਾਂਚਾਗਤ ਤੱਤ ਹਨ, ਵਿਭਾਜਕ ਨਹੀਂ।
• Stone Muted #d6d3d1 — ਵਾਧੂ ਫਰੇਮ, ਸੂਖਮ ਪਿਛੋਕੜ ਵਾਲੇ ਸ਼ੇਡ, ਸਜਾਵਟੀ ਡਿਵਾਈਡਰ।
• Ash Gray #a8a29e — ਮਦਦ ਟੈਕਸਟ, ਆਈਕਨ ਰੂਪਰੇਖਾ, ਅਯੋਗ ਸਥਿਤੀਆਂ - ਪੜ੍ਹਨਯੋਗ ਪਰ ਅਕਿਰਿਆਸ਼ੀਲ।

ਟਾਈਪੋਗ੍ਰਾਫੀ

10 ਤੋਂ 52px ਤੱਕ · 5 ਕਦਮ

• Roobert — ਬਦਲ: Inter Tight or Satoshi · ਰੂਪਰੇਖਾ 400, 500 · ਸਿਰਲੇਖਾਂ ਅਤੇ ਟੈਕਸਟ ਲੇਆਉਟ ਲਈ ਫੌਂਟ ਇੱਕ ਵਿਲੱਖਣ ਜਿਓਮੈਟ੍ਰਿਕ ਸੈਨਸ-ਸੇਰੀਫ ਹੈ ਜਿਸ ਵਿੱਚ ਘੱਟੋ-ਘੱਟ ਨਕਾਰਾਤਮਕ ਅੱਖਰ ਸਪੇਸਿੰਗ ਹੈ (32px 'ਤੇ -0.025em, 52px 'ਤੇ -0.021em)। 400 x 52px ਭਾਰ ਫੌਂਟ ਦਾ ਦਸਤਖਤ ਹੈ: ਅਸਾਧਾਰਨ, ਸੂਖਮ, ਪਰ ਅਧਿਕਾਰਤ, ਪਰ ਘੱਟ ਦੱਸਿਆ ਗਿਆ। ਸੁਰਖੀਆਂ ਬਿਨਾਂ ਕਿਸੇ ਦਬਾਅ ਦੇ ਆਪਣੀ ਜਗ੍ਹਾ ਰੱਖਦੀਆਂ ਹਨ।
• Inter — ਬਦਲ: Inter · ਰੂਪਰੇਖਾ 400, 500, 600 · ਬਾਡੀ ਟੈਕਸਟ, ਨੈਵੀਗੇਸ਼ਨ, UI, ਅਤੇ ਹੈਡਿੰਗ ਲਈ ਪ੍ਰਾਇਮਰੀ ਫੌਂਟ ਸਾਰੇ ਆਫ-ਸਕ੍ਰੀਨ ਟੈਕਸਟ ਲਈ ਇੱਕ ਨਿਰਪੱਖ, ਯੂਨੀਵਰਸਲ ਫੌਂਟ ਹੈ। 400 ਦੇ ਭਾਰ ਅਤੇ 1.64 ਦੀ ਲਾਈਨ ਸਪੇਸਿੰਗ ਦੇ ਨਾਲ 14px ਬਾਡੀ ਟੈਕਸਟ (ਫ੍ਰੀਕੁਐਂਸੀ 1174) ਲਈ ਪ੍ਰਮੁੱਖ ਆਕਾਰ ਹੈ। ਛੋਟੇ ਆਕਾਰਾਂ 'ਤੇ ਸਕਾਰਾਤਮਕ ਅੱਖਰ ਸਪੇਸਿੰਗ (0.004em) ਸੰਘਣੀ UI ਦੀ ਪੜ੍ਹਨਯੋਗਤਾ ਨੂੰ ਯਕੀਨੀ ਬਣਾਉਂਦੀ ਹੈ।

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

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

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

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