Superteam Brand Guidelines_ Branding Design

Branding

1. Brand Guidelines April 2022 ‹#›

2. ‹#› Contents 1. Introduction 2. Brand Identity 2.1 Primary Logo 2.2 Secondary Logo 2.3 Symbol 2.4 Colour Variations 2.5 Clear Space 2.6 Incorrect Usage 2.7 Colour Palette 2.8 Typography 3. Brand Language 3.1 Patterns 3.2 Value Animations 4. Communication 4.1 SuperCoin 4.2 Social Media 4.3 Super Backgrounds 4.4 Bounties 4.5 Website—1920x1080 4.6 Website—1440x900 4.7 Website—360x640

3. Introduction ‹#› 1.

4. ‹#› Introduction At Superteam, we help the most promising projects in the Solana ecosystem in the ascending world (India, South East Asia, Eastern Europe, and Africa) launch and grow. We are organized as a co-operative of creatives, operators, and investors who are experienced in launching and growing technology businesses. We value the sovereignty that comes with founding a company, the skin in the game that comes with investing, and the joy that comes with getting sh*t done. In a pre-crypto world, we had to fit into broiler categories — founder, investor, or employee. Crypto allows us to be free-range and be all 3 at the same time. There is strength in numbers. A strength that comes from working together as a whole. A strength created by a sense of community where the sum of the parts is greater than the individuals. The identity design for Superteam takes on from this notion. Stronger Together.

5. Brand Identity ‹#› 2.

6. ‹#› 2.1 Primary Logo This is the primary mark that should be used on all collateral. Click here for files↗

7. ‹#› 2.2 Secondary Logo The secondary marks should be used sparingly or only on collarateral that wouldn’t be suitable for the primary mark to have an impact. This version is not to be used inside other frames, such as in circular social media profiles. Click here for files↗

8. ‹#› 2.3 Symbol The symbol without the word ‘Superteam’ is to be used in spaces where the name already is mentioned adjacently, in formats such as Twitter and Youtube. Click here for files↗

9. ‹#› 2.4 Colour Variations The Superteam logo is primarily used in yellow against the purple background or vice versa. Otherwise it can be used in black, yellow or purple in white backgrounds but only in white on black backgrounds.

10. ‹#› 2.5 Clear Space There is a strict exclusion zone around the logo; using proportions of sections of the logo as opposed to exact measurements. Please apply the following rules to ensure our logo sits within a good breathing space and is seen at its best. Please use your discretion for each application.

11. ‹#› 2.6 Incorrect Usage Always use approved master artwork. Never alter or recreate the logo. Opposite are examples of incorrect use of logo.

12. ‹#› 2.7 Colour Palette The colour palette of Superteam is set to a theme of Super Purple and Super Yellow. Purple connoting the Solana ecosystem works as a background both conceptually and literally for Superteam. These are accompanied with a tint version of both these colours for highlights.

13. ‹#› 2.7 Colour Palette Another usage is the use of gradients between Super Purple and Super Yello on objects or as backgrounds. Remember to not mix differently oriented backgrounds in the same composition.

14. ‹#› 2.8 Typography The chosen typeface for Superteam is Archivo Semi Expanded, in various weights. Click here for files↗

15. ‹#› 2.8 Typography The hierarchy is intuitive and is expanded upon for the website.

16. Brand Language ‹#› 3.

17. ‹#› 3.1 Patterns Characteristic patterns from shapes got from deconstructing the logo are used to extend the visual language. These have been made in dimensions of Twitter and Youtube. Click here for files↗

18. ‹#› 3.2 Value Animations The shapes are also used to animate the values that guide Superteam. These have been conceptualising these values and attributing them simple motion that can be looped and used across media. Note, that if and when new values are introduced, these animations can work as a good public announcement. New animations must be made only from the two shapes that have been used in the other animations. New shapes cannot be introduced. Click here for files↗

19. Brand Communication ‹#› 4.

20. ‹#› 4.1 SuperCoin The SuperCoin is a graphic made from the identity as an extension to be used as a memento for members, as a shared asset of a community. Possibilities of materialising this and using it as a tangible asset is also possible. Click here for files↗

21. ‹#› 4.2 Social Media Templates Social Media plays a huge role when it comes to Superteam. A range of post and story templates have been made to be used for the brand. Story templates are in 9:16 ratio and post templates are in ratio 1:1, 5:4, 8:5 and 2:1 Click here for files↗

22. ‹#› 4.2 Social Media Templates Social Media plays a huge role when it comes to Superteam. A range of post and story templates have been made to be used for the brand. Story templates are in 9:16 ratio and post templates are in ratio 1:1, 5:4, 8:5 and 2:1 Click here for files↗

23. ‹#› 4.2 Social Media Templates Social Media plays a huge role when it comes to Superteam. A range of post and story templates have been made to be used for the brand. Story templates are in 9:16 ratio and each post templates are in ratio 1:1, 5:4, 8:5 and 2:1 Click here for files↗

24. ‹#› 4.3 Super Backgrounds Super Backgrounds have been created taking forward the identity visuals and constructing frames where images, text or just the visuals themselves can be used to keep the identity dynamic. Story templates are in 9:16 ratio and each post templates are in ratio 1:1, 5:4, 8:5 and 2:1 Click here for files↗

25. ‹#› 4.3 Super Backgrounds Super Backgrounds have been created taking forward the identity visuals and constructing frames where images, text or just the visuals themselves can be used to keep the identity dynamic. Story templates are in 9:16 ratio and each post templates are in ratio 1:1, 5:4, 8:5 and 2:1 Click here for files↗

26. ‹#› 4.3 Super Backgrounds Super Backgrounds have been created taking forward the identity visuals and constructing frames where images, text or just the visuals themselves can be used to keep the identity dynamic. Story templates are in 9:16 ratio and each post templates are in ratio 1:1, 5:4, 8:5 and 2:1 Click here for files↗

27. ‹#› 4.3 Super Backgrounds Super Backgrounds have been created taking forward the identity visuals and constructing frames where images, text or just the visuals themselves can be used to keep the identity dynamic. Story templates are in 9:16 ratio and each post templates are in ratio 1:1, 5:4, 8:5 and 2:1 Click here for files↗

28. ‹#› 4.3 Super Backgrounds Super Backgrounds have been created taking forward the identity visuals and constructing frames where images, text or just the visuals themselves can be used to keep the identity dynamic. Story templates are in 9:16 ratio and each post templates are in ratio 1:1, 5:4, 8:5 and 2:1 Click here for files↗

29. ‹#› 4.3 Super Backgrounds Super Backgrounds have been created taking forward the identity visuals and constructing frames where images, text or just the visuals themselves can be used to keep the identity dynamic. Story templates are in 9:16 ratio and each post templates are in ratio 1:1, 5:4, 8:5 and 2:1 Click here for files↗

30. ‹#› 4.4 Bounties Bounties are mainly used in the website to highlight earning opportunities. These are to be made with different backgrounds that have been provided to create excitement and extend the identity. Click here for files↗

31. ‹#› 4.4 Bounties Bounties are mainly used in the website to highlight earning opportunities. These are to be made with different backgrounds that have been provided to create excitement and extend the identity. Click here for files↗

32. ‹#› 4.4 Bounties Bounties are mainly used in the website to highlight earning opportunities. These are to be made with different backgrounds that have been provided to create excitement and extend the identity. Click here for files↗

33. ‹#› 4.5 Website 1920x1080 The website has been made in two laptop sizes and one phone size. Click here for view files↗ Click here for edit files↗

34. ‹#› 4.4 Website 1440x900 The website has been made in two laptop sizes and one phone size. Click here for view files↗ Click here for edit files↗

35. ‹#› 4.4 Website 360x640 The website has been made in two laptop sizes and one phone size. Click here for edit files↗ The website has been made in two laptop sizes and one phone size. Click here for view files↗

36. Thank You. ‹#›