Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/communotey/branding

:art: Logos, icons, stickers, pictures, etc.
https://github.com/communotey/branding

Last synced: 10 days ago
JSON representation

:art: Logos, icons, stickers, pictures, etc.

Awesome Lists containing this project

README 

        
Branding Manual

===============



Logos, icons, stickers, pictures, etc. for Communote



We love [the seafoam theme](https://kuler.adobe.com/Seafoam-color-theme-3883656/).



This work is licensed under a [Creative Commons Attribution-NonCommercial 2.5 License](http://creativecommons.org/licenses/by-nc/2.5/). See the LICENSE file. There are also other restrictions of using the graphics in this folder.



### Restrictions



* You are not allowed to overprint type, photos, or elements over the brandmark.

* You are not allowed to change the dimension ratio within 90% accuracy, which means you're free to try to draw out the symbol even if you're bad at drawing, have an unsteady hand, or if you make an accident.



### Freedoms



* You are free to change the size and blow up the vectors as much as you want

* You are free to copy and reuse any of the graphics (noncommercially) as long as you tell people where they're from. That is, you don't need permission to post these pictures on your website (and hotlinking with  is fine); just include a link back to this page.

* You are free to change the colours of the shapes as much as you want.



### How to use the Colouring Sheets (in the `Colour Schemes` Folder)



Note: To be accurate with the colours of the institution that you would like to colour it, I recommend you look up the branding manual of the company or sample from a logo on the company website.



#### Icon with Border

1. Download the picture onto your computer ![template](Colour%20Schemes/Templates/logo_bw.png)

2. Fill in the colours

3. Tweet it to us [@communotey](https://twitter.com/communotey) or Print it out



#### Icon without border



Use the inverted template:



![inverted template](Colour%20Schemes/Templates/logo_bw_invert.png)



1. Fill in the black parts inside the triangle

2. Fill in the outside of the triangle with white

3. Tweet it to us [@communotey](https://twitter.com/communotey) or Print it out



#### Make your own logo colours in Python



1. Get Python

2. Go to the folder `./Text Logo` and follow the instructions in the file `logo_change_readme.md`



### Technical Details



* **Font**: Josefin Sans Light

* **Font-Size**: font height of tallest letter should match the height of the symbol

* **Spacing**: the space between the symbol and the text should be the same as the spacing between the letters



#### Colours:



The official colours are as follows:



![Colour map](/Colour%20Schemes/logo_bw_label.png)



1. The green section: rgb(34,177,76)

2. The red section: rgb(217,13,20)

3. The blue section: rgb(0,162,232)



#### Details of the shape

*In progress*



* The larger and smaller triangles are both equilateral triangles

* The smaller triangle has a side length of 1/3 the side length of the larger triangle

* The distance between the left and right parts of the top shape is the same as the side length of the smaller triangle

* The thickness of the outline is 1/5 the side length of the smaller triangle

* The centre-point of the curve can be found by taking the thickness of the outline, multiplying that by 2.5 and going that distance down from the top of the larger triangle (including outline)

* It's probably easier if you just use the vector, though



### Questions



If you have any questions or suggestions, post it as an issue!