Peak Design

ਪੈਲੇਟ

ਨਿਰਪੱਖ

• Carbon Ink #1a211e — ਬਾਡੀ ਟੈਕਸਟ, ਗੂੜ੍ਹੇ ਸਾਈਡਬਾਰ, ਬਾਡੀ ਟੈਕਸਟ, ਆਈਕਨ, ਹਲਕੀਆਂ ਸਤਹਾਂ 'ਤੇ ਫਰੇਮ - ਇੱਕ ਲਗਭਗ ਕਾਲਾ ਰੰਗ ਜੋ ਹਰੇਕ ਸਿਰਲੇਖ ਲਈ ਅਧਾਰ ਵਜੋਂ ਕੰਮ ਕਰਦਾ ਹੈ ਅਤੇ ਵੰਡੇ ਹੋਏ ਭਾਗਾਂ ਦੇ ਗੂੜ੍ਹੇ ਪਿਛੋਕੜ ਵਾਲੇ ਪੈਨਲ ਬਣਾਉਂਦਾ ਹੈ।
• Paper White #ffffff — ਇੱਕ ਹਲਕਾ ਸਹਾਰਾ ਦੇਣ ਵਾਲਾ ਸਤ੍ਹਾ ਜੋ ਇੱਕ ਬੇਰੋਕ ਪਿਛੋਕੜ ਬਣਾਉਣ ਅਤੇ ਭਾਗਾਂ ਨੂੰ ਵੱਖ ਕਰਨ ਲਈ ਹੈ। ਇਸਨੂੰ ਕਾਲ ਟੂ ਐਕਸ਼ਨ ਲਈ ਪ੍ਰਾਇਮਰੀ ਰੰਗ ਵਜੋਂ ਨਹੀਂ ਵਰਤਿਆ ਜਾਣਾ ਚਾਹੀਦਾ।
• True Black #000000 — ਵੱਧ ਤੋਂ ਵੱਧ ਕੰਟ੍ਰਾਸਟ ਵਾਲੇ ਤੱਤ—ਚਿੱਟੇ ਪਿਛੋਕੜ 'ਤੇ ਹੈਡਰ ਫਿਲ, ਘੋਸ਼ਣਾ ਪੱਟੀ, ਫੁੱਟਰ ਡਿਜ਼ਾਈਨ, ਠੋਸ ਆਈਕਨ ਰੂਪਰੇਖਾ—ਉੱਥੇ ਰੱਖੇ ਜਾਂਦੇ ਹਨ ਜਿੱਥੇ ਡਿਜ਼ਾਈਨ ਨੂੰ ਸਭ ਤੋਂ ਸਪੱਸ਼ਟ ਲਾਈਨਾਂ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ।
• Obsidian #0c0c0c — ਡੂੰਘੇ ਪੈਨਲ ਸਤਹਾਂ ਅਤੇ ਚਿੱਤਰ ਓਵਰਲੇ - ਅਸਲੀ ਕਾਲੇ ਨਾਲੋਂ ਥੋੜ੍ਹਾ ਨਰਮ, ਹਨੇਰੇ ਖੇਤਰਾਂ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ ਜੋ ਪੂਰੀ ਸਕ੍ਰੀਨ ਸਤ੍ਹਾ ਨੂੰ ਘੇਰ ਲੈਂਦੇ ਹਨ ਅਤੇ ਠੋਸ ਮਹਿਸੂਸ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ ਪਰ ਫਲੈਟ ਕਾਲੇ ਵਾਂਗ ਕਠੋਰ ਨਹੀਂ ਹੋਣਾ ਚਾਹੀਦਾ।
• Fog #eef1f0 — ਇੱਕ ਹਲਕਾ ਸਹਾਰਾ ਦੇਣ ਵਾਲਾ ਸਤ੍ਹਾ ਜੋ ਇੱਕ ਬੇਰੋਕ ਪਿਛੋਕੜ ਬਣਾਉਣ ਅਤੇ ਭਾਗਾਂ ਨੂੰ ਵੱਖ ਕਰਨ ਲਈ ਹੈ। ਇਸਨੂੰ ਕਾਲ ਟੂ ਐਕਸ਼ਨ ਲਈ ਪ੍ਰਾਇਮਰੀ ਰੰਗ ਵਜੋਂ ਨਹੀਂ ਵਰਤਿਆ ਜਾਣਾ ਚਾਹੀਦਾ।
• Mist #e0e0e0 — ਵੰਡਣ ਵਾਲੀਆਂ ਰੇਖਾਵਾਂ, ਅਯੋਗ ਅਵਸਥਾਵਾਂ, ਸੂਖਮ ਢਾਂਚਾਗਤ ਵਿਭਾਜਕ - ਇੱਕ ਮੱਧਮ-ਹਲਕਾ ਸਲੇਟੀ ਰੰਗ ਜੋ ਇੱਕ ਚਿੱਟੇ ਕੈਨਵਸ 'ਤੇ ਭਾਗਾਂ ਵਿਚਕਾਰ ਸੀਮਾਵਾਂ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਦਾ ਹੈ।

ਟਾਈਪੋਗ੍ਰਾਫੀ

14 ਤੋਂ 80px ਤੱਕ · 6 ਕਦਮ

• Geist — ਬਦਲ: Inter · ਰੂਪਰੇਖਾ 400, 600, 700 · ਮੁੱਖ ਟੈਕਸਟ, ਉਤਪਾਦ ਸਿਰਲੇਖ, ਵਰਣਨ, ਫਾਰਮ ਖੇਤਰ, ਲਿੰਕ ਟੈਕਸਟ, ਅਤੇ ਫੁੱਟਰ ਸਮੱਗਰੀ। ਫੌਂਟ ਭਾਰ: ਮੁੱਖ ਟੈਕਸਟ ਲਈ 400, ਹਾਈਲਾਈਟਸ ਲਈ 600, ਅਤੇ ਉਤਪਾਦ ਸਿਰਲੇਖਾਂ ਅਤੇ ਮਹੱਤਵਪੂਰਨ ਇਨਲਾਈਨ ਨੋਟਸ ਲਈ 700। ਨਿਰਪੱਖ ਗ੍ਰੋਟੇਸਕ ਫੌਂਟ ਡਿਸਪਲੇ ਸੇਰੀਫ ਅਤੇ ਕੰਡੈਂਸਡ ਸੈਨਸ ਫੌਂਟਾਂ ਨੂੰ ਬ੍ਰਾਂਡ ਸ਼ੈਲੀ ਨੂੰ ਦਰਸਾਉਣ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ, ਜਦੋਂ ਕਿ ਗੀਸਟ ਕਾਰਜਸ਼ੀਲਤਾ ਅਤੇ ਸਪਸ਼ਟਤਾ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ।
• Exposure-style serif (Exposure-10) — ਬਦਲ: Playfair Display · ਰੂਪਰੇਖਾ 400 · ਸੁਰਖੀਆਂ ਅਤੇ ਮੁੱਖ ਸਿਰਲੇਖ। ਇੱਕ ਇਟਾਲਿਕ ਸੇਰੀਫ ਫੌਂਟ ਵਿੱਚ ਇੱਕ ਸਿੰਗਲ ਵਜ਼ਨ (400) ਸੰਪਾਦਕੀ ਅਧਿਕਾਰ ਬਣਾਉਂਦਾ ਹੈ—ਇਹ ਸ਼ਬਦ ਬ੍ਰਾਂਡ ਟੋਨ ਸੈੱਟ ਕਰਦੇ ਹਨ, ਜੋ ਕਿ ਪੰਨੇ ਦੀ ਪੂਰੀ ਚੌੜਾਈ ਅਤੇ ਮੁੱਖ ਭਾਗਾਂ ਦੇ ਸ਼ੁਰੂ ਵਿੱਚ ਫੈਲੇ ਗੂੜ੍ਹੇ ਪੈਨਲਾਂ 'ਤੇ ਥੋੜ੍ਹੇ ਜਿਹੇ ਵਰਤੇ ਜਾਂਦੇ ਹਨ। ਤੰਗ ਅੱਖਰਾਂ ਦੀ ਦੂਰੀ (-0.025em) ਵੱਡੇ ਅੱਖਰਾਂ ਨੂੰ ਹਲਕੇ ਹੋਣ ਦੀ ਬਜਾਏ ਸੰਜਮੀ ਦਿਖਾਈ ਦਿੰਦੀ ਹੈ।
• Bryant-style condensed sans (bryant) — ਬਦਲ: Druk Wide · ਰੂਪਰੇਖਾ 700 · ਨੈਵੀਗੇਸ਼ਨ ਲੇਬਲ, ਸ਼੍ਰੇਣੀ ਫਿਲਟਰ ਬਟਨ, ਬਟਨ ਟੈਕਸਟ, "ਆਈਬ੍ਰੋ," ਸੈਕਸ਼ਨ ਟੈਗ, ਅਤੇ ਵਾਧੂ ਸਿਰਲੇਖ। ਸਕਾਰਾਤਮਕ ਅੱਖਰ ਸਪੇਸਿੰਗ ਦੇ ਨਾਲ ਸੰਕੁਚਿਤ ਵੱਡੇ ਅੱਖਰ ਇੱਕ ਉਦਯੋਗਿਕ, ਲੇਬਲ ਵਰਗੀ ਸ਼ੈਲੀ ਬਣਾਉਂਦੇ ਹਨ—ਇਹ ਸ਼ਬਦ ਪਛਾਣਦੇ ਹਨ ਅਤੇ ਨਿਰਦੇਸ਼ ਦਿੰਦੇ ਹਨ, ਪਰ ਕਦੇ ਵੀ ਵਰਣਨ ਨਹੀਂ ਕਰਦੇ।

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

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

• Arsenijs Fabrica — ਸੰਪਾਦਕੀ ਸਮੱਗਰੀ ਦੀ ਅੰਦਰੂਨੀ ਸੁੰਦਰਤਾ ਗੈਲਰੀ ਲਾਈਟਾਂ ਦੇ ਹੇਠਾਂ ਪ੍ਰਗਟ ਹੁੰਦੀ ਹੈ। ਗੈਲਰੀ ਦੀਆਂ ਕਰਿਸਪ ਚਿੱਟੀਆਂ ਕੰਧਾਂ, ਮੋਨੋਕ੍ਰੋਮ ਬੈਕਡ੍ਰੌਪ ਦੇ ਵਿਰੁੱਧ ਇੱਕ ਸਿੰਗਲ ਗਰਮ ਸਟ੍ਰੋਬ ਲਾਈਟ ਜੋ ਕਿ ਸੰਤਰੀ ਰੰਗ ਵਿੱਚ ਚਮਕਦੀ ਹੈ, ਕੱਚ ਵਰਗੀ ਪਤਲੀ ਕਿਸਮ, ਅਤੇ ਚਿੱਟੀ ਜਗ੍ਹਾ ਦੀ ਭਰਪੂਰਤਾ।
• 21 TSI — ਇੱਕ ਲਾਲ ਰੰਗ ਦਾ ਖਾਲੀਪਣ, ਇੱਕ ਸਿੰਗਲ ਸਿਲੂਏਟ - ਇੱਕ ਉੱਚ ਫੈਸ਼ਨ ਸੰਪਾਦਕੀ ਜਿੱਥੇ ਯੂਜ਼ਰ ਇੰਟਰਫੇਸ ਮਾਹੌਲ ਵਿੱਚ ਘੁਲ ਜਾਂਦਾ ਹੈ।
• Aevi Wellness — ਸਕੈਂਡੇਨੇਵੀਅਨ ਐਪੋਥੈਕਰੀ ਸ਼ੈਲੀ, ਭਾਰ ਰਹਿਤ ਟਾਈਪਫੇਸ। ਇੱਕ ਚੁੱਪ ਸਲੇਟੀ-ਨੀਲਾ ਲਹਿਜ਼ਾ ਸੰਪਾਦਕੀ ਸਮੱਗਰੀ ਦੇ ਸਮੁੱਚੇ ਰੰਗਹੀਣ, ਹਵਾਦਾਰ ਲੇਆਉਟ ਨੂੰ ਤੋੜਦਾ ਹੈ, ਜਿੱਥੇ ਉਤਪਾਦ ਦੀਆਂ ਫੋਟੋਆਂ ਨੂੰ ਗਰਮ ਚਿੱਟੇ ਪਿਛੋਕੜ ਦੇ ਵਿਰੁੱਧ ਪਤਲੇ ਬਾਰਡਰ ਵਾਲੇ ਕਾਰਡਾਂ 'ਤੇ ਲਗਾਇਆ ਜਾਂਦਾ ਹੈ।
• Palmer — ਨਰਮ ਦਿਨ ਦੀ ਰੌਸ਼ਨੀ ਵਿੱਚ ਇੱਕ ਸਿਰੇਮਿਕ ਗੈਲਰੀ - ਕੰਧ ਨਾਲ ਪਰਸਪਰ ਪ੍ਰਭਾਵ ਹੁੰਦਾ ਹੈ, ਅਤੇ ਵਸਤੂਆਂ ਕਲਾ ਹਨ।
• PLATFORM — ਵਾਈਟ ਕਿਊਬ ਗੈਲਰੀ ਸਪਾਟਲਾਈਟ ਹੇਠ
• Assembly Coffee London — ਇੱਕ ਹਨੇਰੇ ਰੋਸਟਰੀ ਵਿੱਚ ਕੋਲੇ। ਗਰਮ, ਮੱਧਮ ਰੌਸ਼ਨੀ ਵਾਲੇ ਉਤਪਾਦ ਫੋਟੋਆਂ ਅਤੇ ਕਰਸਿਵ ਸੇਰੀਫ ਅੱਖਰਾਂ ਵਾਲਾ ਲਗਭਗ ਕਾਲਾ ਕੈਨਵਸ - ਅੱਧੀ ਰਾਤ ਦੇ ਸਮਿਜ਼ਦਤ ਵਿੱਚ ਛਾਪੇ ਗਏ ਇੱਕ ਵਿਸ਼ੇਸ਼ ਕੌਫੀ ਮੀਨੂ ਦਾ ਅਹਿਸਾਸ।
• ARTWORLD — ਚਿੱਟੇ ਲਿਨਨ 'ਤੇ ਫੈਸ਼ਨ ਮੈਗਜ਼ੀਨ ਦੀ ਸੁਰਖੀ
• Structured — ਪਲਾਸਟਿਕਾਈਨ ਵਰਗੇ ਕਾਗਜ਼ 'ਤੇ ਪੁਨਰਜਾਗਰਣ ਗੈਲਰੀ
• Airbnb — ਇੱਕ ਸਿੰਗਲ ਕੋਰਲ ਲਾਲ ਬੁੱਕਮਾਰਕ ਵਾਲੀ ਇੱਕ ਸ਼ਾਂਤ ਚਿੱਟੀ ਗੈਲਰੀ ਦੀਵਾਰ
• VISIONNAIRE — ਇੱਕ ਕਰਿਸਪ ਚਿੱਟੇ ਪਿਛੋਕੜ 'ਤੇ ਇੱਕ ਸਟ੍ਰੀਟਵੀਅਰ ਸੰਪਾਦਕੀ ਗੈਲਰੀ। ਬ੍ਰਾਂਡ ਇੱਕ ਪ੍ਰਿੰਟਿਡ ਲੁੱਕਬੁੱਕ ਵਾਂਗ ਵਿਵਹਾਰ ਕਰਦਾ ਹੈ: ਇੱਕ ਫਲੈਟ ਚਿੱਟਾ ਕੈਨਵਸ, ਕਰਿਸਪ ਕਾਲੀ ਸਿਆਹੀ, ਅਤੇ ਇੱਕ ਸਿੰਗਲ ਗਰਮ ਕਰੀਮ ਪੈਨਲ ਜੋ ਕਿਸੇ ਉਤਪਾਦ ਜਾਂ ਲੋਗੋ ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨ ਲਈ ਰੰਗ ਬਲਾਕ ਵਜੋਂ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ।
• Letter — ਸਟੋਰੇਜ ਤੋਂ ਚਮਕਦੀਆਂ ਕਲਾਕ੍ਰਿਤੀਆਂ ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨ ਵਾਲੀ ਇੱਕ ਨਿੱਜੀ ਗੈਲਰੀ। ਇੱਕ ਕਾਲੀ-ਦੀਵਾਰਾਂ ਵਾਲੀ ਪ੍ਰਦਰਸ਼ਨੀ ਜਗ੍ਹਾ ਜਿੱਥੇ ਗੈਲਰੀ ਦੀਆਂ ਰੰਗੀਨ ਕੰਧਾਂ 'ਤੇ ਕ੍ਰੋਮ ਮੂਰਤੀਆਂ ਦੇ ਉੱਪਰ ਸੇਰੀਫਡ ਸੁਰਖੀਆਂ ਤੈਰਦੀਆਂ ਹਨ।
• Ramp — ਸੰਪਾਦਕੀ ਵਿੱਤ ਵਿਭਾਗ, ਇੱਕ ਸਿੰਗਲ ਨਿਓਨ ਮਾਰਕਰ ਵਾਲੇ ਕਾਲੇ ਅਤੇ ਚਿੱਟੇ ਪੰਨੇ। ਪ੍ਰਕਾਸ਼ਨ ਦੀ ਲਗਭਗ ਮੋਨੋਕ੍ਰੋਮ ਸਤ੍ਹਾ, ਜਿੱਥੇ ਇੱਕ ਚਮਕਦਾਰ ਚੂਨਾ-ਹਰਾ ਸਟ੍ਰੋਕ ਹਰ ਪਰਸਪਰ ਪ੍ਰਭਾਵ ਨੂੰ ਇੱਕ ਮੁਦਰਾ ਸੰਕੇਤ ਵਿੱਚ ਬਦਲ ਦਿੰਦਾ ਹੈ।