Caldera

ਪੈਲੇਟ

ਬ੍ਰਾਂਡ

• Ember #fc5000 — ਪ੍ਰਾਇਮਰੀ ਐਕਸ਼ਨ ਬਟਨ, ਸਟੇਟ ਕਾਰਡ, ਅਤੇ ਮੁੱਖ ਵਿਜ਼ੂਅਲ ਐਕਸੈਂਟ ਇੱਕੋ ਇੱਕ ਹਮਲਾਵਰ ਰੰਗ ਐਕਸੈਂਟ ਹਨ; ਗਰਮ ਸਲੇਟੀ ਟੋਨਾਂ ਦੇ ਵਿਰੁੱਧ ਇਸਦੀ ਅਮੀਰੀ ਵਾਧੂ ਸਜਾਵਟੀ ਤੱਤਾਂ ਦੀ ਲੋੜ ਤੋਂ ਬਿਨਾਂ ਜ਼ਰੂਰੀਤਾ ਦੀ ਭਾਵਨਾ ਪੈਦਾ ਕਰਦੀ ਹੈ।
• Plasma Violet #524ae9 — ਮੁੱਖ ਹਾਫਟੋਨ ਗਰੇਡੀਐਂਟ ਬੇਸ, ਇੱਕ ਵਾਧੂ ਕਾਰਡ ਸਤ੍ਹਾ - ਲਗਭਗ ਵਿਸ਼ੇਸ਼ ਤੌਰ 'ਤੇ ਮੁੱਖ ਡੌਟ ਪੈਟਰਨ ਵਿੱਚ ਅਤੇ ਇੱਕ ਸਮਰਪਿਤ ਕਾਰਡ 'ਤੇ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ; ਕਦੇ ਵੀ ਨਿਯੰਤਰਣਾਂ ਲਈ ਨਹੀਂ ਵਰਤਿਆ ਜਾਂਦਾ।

ਨਿਰਪੱਖ

• Sulfur #f5f28e — ਟੈਗ ਅਤੇ ਸ਼੍ਰੇਣੀ ਆਈਕਨਾਂ ਦਾ ਪਿਛੋਕੜ, ਛੋਟੇ ਹਾਈਲਾਈਟਸ, ਇੱਕ ਨਰਮ ਪੀਲਾ ਰੰਗ ਹੈ ਜੋ ਬਲੌਗ ਪੋਸਟ ਸ਼੍ਰੇਣੀਆਂ ਅਤੇ ਪ੍ਰੋਗਰਾਮ ਘੋਸ਼ਣਾਵਾਂ ਨੂੰ ਦਰਸਾਉਣ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ।
• Limestone #f7f6f2 — ਕਾਰਡ ਸਤਹਾਂ, ਸਮੱਗਰੀ ਬਲਾਕ ਬੈਕਗ੍ਰਾਊਂਡ, ਅਤੇ ਵਾਧੂ ਬਟਨ ਫਿਲ ਚਿੱਟੇ ਰੰਗ ਦੇ ਹਲਕੇ, ਗਰਮ ਰੰਗ ਹਨ ਜੋ ਤੱਤਾਂ ਨੂੰ ਪੰਨੇ ਦੇ ਕੈਨਵਸ ਦੇ ਸਾਹਮਣੇ ਵੱਖਰਾ ਬਣਾਉਂਦੇ ਹਨ।
• Pumice #e2e2df — ਪੰਨੇ ਦਾ ਮੁੱਖ ਪਿਛੋਕੜ ਇੱਕ ਗਰਮ ਦਰਮਿਆਨਾ ਸਲੇਟੀ ਹੈ ਜੋ ਹਰੇਕ ਭਾਗ ਲਈ ਨੀਂਹ ਵਜੋਂ ਕੰਮ ਕਰਦਾ ਹੈ; ਇਹ ਕਾਰਡਸਟਾਕ ਦੀ ਸਤ੍ਹਾ ਨਾਲੋਂ ਥੋੜ੍ਹਾ ਗੂੜ੍ਹਾ ਹੈ, ਜਿਸ ਨਾਲ ਚਿੱਤਰ ਅਤੇ ਪਿਛੋਕੜ ਨੂੰ ਬਿਨਾਂ ਪਰਛਾਵੇਂ ਦੇ ਇੱਕ ਸੂਖਮ ਵੱਖਰਾ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ।
• Obsidian #070607 — ਮੁੱਖ ਟੈਕਸਟ, ਹੈਡਿੰਗ, ਲਿੰਕ ਟੈਕਸਟ, ਅਤੇ ਬਟਨ ਫਰੇਮ ਲਗਭਗ ਕਾਲੇ ਹਨ ਜਿਨ੍ਹਾਂ ਵਿੱਚ ਇੱਕ ਬਹੁਤ ਹੀ ਘੱਟ ਧਿਆਨ ਦੇਣ ਯੋਗ ਗਰਮ ਰੰਗ ਹੈ ਜੋ ਕੈਨਵਸ ਦੇ ਗਰਮ ਰੰਗਾਂ ਨਾਲ ਮੇਲ ਖਾਂਦਾ ਹੈ।
• Chalk #ffffff — ਗੂੜ੍ਹੇ ਭਾਗਾਂ ਵਿੱਚ ਟੈਕਸਟ, ਗੂੜ੍ਹੇ ਬੈਕਗ੍ਰਾਊਂਡਾਂ 'ਤੇ ਟੈਕਸਟ ਇਨਪੁੱਟ ਕਰੋ, ਉੱਚ-ਕੰਟਰਾਸਟ ਓਵਰਲੇ - ਸ਼ੁੱਧ ਚਿੱਟਾ ਸਿਰਫ਼ ਉੱਥੇ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ ਜਿੱਥੇ ਗੂੜ੍ਹੇ ਸਤਹਾਂ ਨਾਲ ਵੱਧ ਤੋਂ ਵੱਧ ਕੰਟਰਾਸਟ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ।

ਟਾਈਪੋਗ੍ਰਾਫੀ

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

• PP Neue Corp Compact — ਬਦਲ: Bebas Neue · ਰੂਪਰੇਖਾ 400 (Ultrabold cut) · ਸਾਰੇ ਸਿਰਲੇਖ ਅਤੇ ਡਿਸਪਲੇ ਟੈਕਸਟ। ਇੱਕ ਕਸਟਮ-ਡਿਜ਼ਾਈਨ ਕੀਤਾ ਗਿਆ, ਸੰਘਣਾ, ਅਤਿ-ਬੋਲਡ ਫੌਂਟ ਸਿਰਲੇਖਾਂ ਨੂੰ ਇੱਕ ਉਦਯੋਗਿਕ, ਚਿੰਨ੍ਹ ਵਰਗਾ ਭਾਰ ਦਿੰਦਾ ਹੈ। ਮੁੱਖ ਬਲਾਕ ਵਿੱਚ 189px ਦਾ ਆਕਾਰ ਬ੍ਰਾਂਡ ਦੀ ਦਸਤਖਤ ਸ਼ੈਲੀ ਨੂੰ ਦਰਸਾਉਂਦਾ ਹੈ: ਸੰਘਣਾ, ਟਾਈਪੋਗ੍ਰਾਫਿਕ ਦੀ ਬਜਾਏ ਲਗਭਗ ਢਾਂਚਾਗਤ। "ss06" ਅਤੇ "ss10" ਸੈਟਿੰਗਾਂ ਇੱਕ ਵਧੇਰੇ ਹਮਲਾਵਰ, ਸੰਘਣਾ ਤਾਲ ਲਈ ਵਿਕਲਪਿਕ ਅੱਖਰ ਰੂਪਾਂ ਅਤੇ ਸਪੇਸਿੰਗ ਨੂੰ ਸਰਗਰਮ ਕਰਦੀਆਂ ਹਨ। ਸਕਾਰਾਤਮਕ ਅੱਖਰ ਸਪੇਸਿੰਗ (+0.02em) ਡਿਸਪਲੇ ਆਕਾਰਾਂ ਲਈ ਅਸਾਧਾਰਨ ਹੈ ਅਤੇ 80–189px 'ਤੇ ਤੰਗ ਟੈਕਸਟ ਦੀ ਭਾਵਨਾ ਨੂੰ ਰੋਕਦੀ ਹੈ।
• DM Sans — ਬਦਲ: Inter · ਰੂਪਰੇਖਾ 500 (Medium only — never Regular or Bold) · ਮੁੱਖ ਟੈਕਸਟ, ਨੈਵੀਗੇਸ਼ਨ ਲਿੰਕ, ਬਟਨ ਲੇਬਲ, ਅਤੇ ਸੈਕੰਡਰੀ ਹੈਡਿੰਗ 30px ਤੱਕ ਹਨ। ਦਰਮਿਆਨੇ ਫੌਂਟ ਦਾ ਭਾਰ ਜਾਣਬੁੱਝ ਕੇ ਚੁਣਿਆ ਗਿਆ ਸੀ—ਰੈਗੂਲਰ ਵਾਧੂ-ਬੋਲਡ ਹੈਡਿੰਗ ਫੌਂਟ ਦੇ ਮੁਕਾਬਲੇ ਬਹੁਤ ਪਤਲਾ ਦਿਖਾਈ ਦੇਵੇਗਾ, ਅਤੇ ਬੋਲਡ ਇਸਦਾ ਮੁਕਾਬਲਾ ਕਰੇਗਾ। DM Sans ਉਦਯੋਗਿਕ ਹੈਡਿੰਗ ਫੌਂਟ ਲਈ ਇੱਕ ਮਾਨਵਵਾਦੀ, ਥੋੜ੍ਹਾ ਜਿਹਾ ਜਿਓਮੈਟ੍ਰਿਕ ਵਿਰੋਧੀ ਬਿੰਦੂ ਬਣਾਉਂਦਾ ਹੈ।
• System sans-serif — ਬਦਲ: Inter · ਰੂਪਰੇਖਾ 400 · ਸੁਰਖੀਆਂ, ਮੈਟਾਟੈਕਸਟ, ਤਾਰੀਖਾਂ, ਮਾਈਕ੍ਰੋਟੈਗ। ਸਿਰਫ਼ 12px ਵਿੱਚ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ, ਜਿੱਥੇ ਭਾਰ ਅਤੇ ਬ੍ਰਾਂਡ ਦੀ ਪਛਾਣ ਆਕਾਰ ਦੀ ਬੱਚਤ ਨਾਲੋਂ ਘੱਟ ਮਹੱਤਵਪੂਰਨ ਹੁੰਦੀ ਹੈ।

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

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

• teenage engineering — ਸਟੂਡੀਓ ਲਾਈਟਿੰਗ ਵਿੱਚ ਉਦਯੋਗਿਕ ਕੈਟਾਲਾਗ - ਉਤਪਾਦ ਪੰਨੇ 'ਤੇ ਇੱਕੋ ਇੱਕ ਮਹੱਤਵਪੂਰਨ ਵਸਤੂ ਹੈ, ਅਤੇ ਬਾਕੀ ਸਭ ਕੁਝ ਇਸਦੇ ਆਲੇ-ਦੁਆਲੇ ਚਰਚਾ ਕੀਤਾ ਜਾਂਦਾ ਹੈ।
• basement — ਸਵੇਰੇ 3 ਵਜੇ ਇੱਕ ਖਾਲੀ ਪ੍ਰਿੰਟਿੰਗ ਪ੍ਰੈਸ - ਕਾਲੇ ਰੰਗ ਵਿੱਚ ਵੱਡੇ-ਵੱਡੇ, ਕੰਪਰੈੱਸਡ ਫੌਂਟ ਫੈਲ ਰਹੇ ਸਨ, ਨੈਵੀਗੇਸ਼ਨ ਬਾਰ 'ਤੇ ਸੰਤਰੀ ਰੌਸ਼ਨੀ ਦੀ ਇੱਕ ਝਲਕ, ਬਾਕੀ ਸਭ ਕੁਝ ਚਿੱਟਾ ਜਾਂ ਭੂਤ-ਪ੍ਰੇਤ ਸਲੇਟੀ।
• amra — ਚਿੱਟੇ ਪਿਛੋਕੜ 'ਤੇ ਇੱਕ ਚਮਕਦਾਰ ਗੋਲਾ - ਲੈਵੈਂਡਰ ਲਹਿਜ਼ਾ ਇੱਕ ਲਗਭਗ ਪੂਰੀ ਤਰ੍ਹਾਂ ਐਕ੍ਰੋਮੈਟਿਕ ਪੰਨੇ 'ਤੇ ਇੱਕੋ ਇੱਕ ਰੰਗ ਦੀ ਨਬਜ਼ ਹੈ, ਅਤੇ ਸਿੰਗਲ ਗਰੇਡੀਐਂਟ ਗੋਲਾ ਉਹ ਕੰਮ ਕਰਦਾ ਹੈ ਜੋ ਮੁੱਖ ਚਿੱਤਰ ਆਮ ਤੌਰ 'ਤੇ ਕਰਦਾ ਹੈ।
• Stink Studios — ਅੱਧੀ ਰਾਤ ਨੂੰ ਇੱਕ ਫਿਲਮ ਸਟੂਡੀਓ - ਪ੍ਰੋਜੈਕਟਰ ਗੂੰਜਦਾ ਹੈ, ਕਮਰਾ ਹਨੇਰਾ ਹੈ, ਸਿਰਫ਼ ਫਿਲਮ ਹੀ ਜਗਦੀ ਹੈ
• Andrei Rybin — ਇੱਕ ਮੋਨੋਕ੍ਰੋਮ ਸਕੈਚਬੁੱਕ ਇੱਕ ਡਿਜ਼ਾਈਨਰ ਨੋਟਬੁੱਕ ਹੁੰਦੀ ਹੈ ਜਿਸ ਵਿੱਚ ਫ਼ੋਨ ਦੀਆਂ ਸਕ੍ਰੀਨਾਂ ਇੱਕ ਚਿੱਟੀ ਕੰਧ ਨਾਲ ਸੰਪਰਕ ਸ਼ੀਟਾਂ ਵਾਂਗ ਜੁੜੀਆਂ ਹੁੰਦੀਆਂ ਹਨ।
• Uniswap Cup — ਈਸਪੋਰਟਸ ਮੁਕਾਬਲੇ ਦਾ ਪ੍ਰਸਾਰਣ ਇੱਕ ਮੌਕ-ਅੱਪ ਸਾਈਟ 'ਤੇ ਹੁੰਦਾ ਹੈ - ਇੱਕ ਗੁਲਾਬੀ ਮਾਰਕਰ ਚਿੱਟੇ ਵਰਗਾਂ ਅਤੇ ਪਤਲੀਆਂ ਲਾਈਨਾਂ ਦੇ ਗਰਿੱਡ ਦੀ ਰੂਪਰੇਖਾ ਦਿੰਦਾ ਹੈ।
• Freytag Anderson — ਸਿਨੇਮਾ ਦਾ ਪਰਦਾ ਇੱਕ ਸ਼ਬਦ 'ਤੇ ਉੱਠਦਾ ਹੈ। ਇੱਕ ਵੱਡੀ ਚਲਦੀ ਹੋਈ ਤਸਵੀਰ ਪੂਰੀ ਸਕ੍ਰੀਨ ਨੂੰ ਘੇਰ ਲੈਂਦੀ ਹੈ, ਬ੍ਰਾਂਡ ਦਾ ਨਾਮ ਇੱਕ ਸਿਰਲੇਖ ਵਾਂਗ ਕੋਨੇ ਵਿੱਚ ਬੈਠਾ ਹੁੰਦਾ ਹੈ, ਅਤੇ ਹੋਰ ਕੁਝ ਵੀ ਧਿਆਨ ਭਟਕਾਉਂਦਾ ਨਹੀਂ ਹੈ।
• Integrated Biosciences — ਅੱਧੀ ਰਾਤ ਨੂੰ ਬਾਇਓਲੂਮਿਨਿਸੈਂਸ ਲੈਬ
• Vercel — ਚਿੱਟੇ ਕਾਗਜ਼ 'ਤੇ ਛਾਪਿਆ ਗਿਆ ਟਰਮੀਨਲ
• Mintlify — ਇੱਕ ਸ਼ੀਸ਼ੇ ਦੀ ਮੇਜ਼ ਦੇ ਉੱਪਰ ਇੱਕ ਬੱਦਲਾਂ ਵਾਲਾ ਬਾਗ਼। ਹੱਥ ਨਾਲ ਬਣਾਇਆ ਅਸਮਾਨ ਅਤੇ ਦਸਤਾਵੇਜ਼ੀ ਫਿਲਮ ਇਕੱਠੇ ਫਰੇਮ ਕੀਤੇ ਗਏ ਹਨ - ਇੱਕੋ ਇੱਕ ਜਗ੍ਹਾ ਜਿੱਥੇ ਰੰਗ ਅਤੇ ਸੰਕਲਪ ਪੰਨੇ ਦੇ ਮੱਠ ਦੇ ਚਿੱਟੇ ਰੰਗ ਵਿੱਚ ਫਿੱਕੇ ਪੈਣ ਤੋਂ ਪਹਿਲਾਂ ਟਕਰਾਉਂਦੇ ਹਨ।
• Gleap — ਗ੍ਰੇਫਾਈਟ ਲਹਿਜ਼ੇ ਦੇ ਨਾਲ ਗਰਮ ਕਰੀਮ ਟੋਨਾਂ ਵਿੱਚ ਸਜਾਇਆ ਗਿਆ ਇੱਕ ਵਰਕਸਪੇਸ - ਇੱਕ ਸਟੂਡੀਓ ਜਿੱਥੇ ਮੈਟ ਕਾਲੇ ਸਿਆਹੀ ਦੇ ਬਿੰਦੀਆਂ ਲਿਨਨ ਆਰਕੀਟੈਕਚਰ ਦੇ ਉੱਪਰ ਤੈਰਦੇ ਜਾਪਦੇ ਹਨ।
• ClickUp — ਚਿੱਟੇ ਸੰਗਮਰਮਰ 'ਤੇ ਇੱਕ ਸ਼ਕਤੀਸ਼ਾਲੀ ਡੈਸ਼ਬੋਰਡ। ਇਹ ਪੰਨਾ ਇੱਕ ਉਤਪਾਦਕਤਾ ਟੂਲ ਲਈ ਇੱਕ ਉਤਪਾਦ ਬਰੋਸ਼ਰ ਹੈ, ਇਸ ਲਈ ਵਿਜ਼ੂਅਲ ਭਾਸ਼ਾ ਉਤਪਾਦ ਤੋਂ ਹੀ ਉਧਾਰ ਲਈ ਗਈ ਹੈ: ਸੰਘਣੀ ਸੂਚੀਆਂ, ਸਥਿਤੀ ਸੂਚਕ, ਅਵਤਾਰਾਂ ਦੇ ਸਮੂਹ, ਅਤੇ ਬੋਲਡ ਟਾਈਪੋਗ੍ਰਾਫਿਕ ਸਟੇਟਮੈਂਟ ਜੋ ਡਿਸਪਲੇ 'ਤੇ ਇੱਕ ਉਤਪਾਦ ਨਿਰਧਾਰਨ ਵਾਂਗ ਦਿਖਾਈ ਦਿੰਦੇ ਹਨ।