Design manual and press
Our design manual is the go-to resource for developers when creating visual and graphic elements that represent our brand. It includes guidelines and rules for our logo, symbol, color scheme, typography, imagery, and tone of voice, ensuring consistency and cohesion in our branding across all touchpoints. The manual provides a clear and concise roadmap for developers to ensure that they are aligned with our company's values, goals, and messaging, helping to create a strong and recognizable brand in the marketplace.
Logo Guidelines
Learn how to use our logo correctly and the rules that govern its use in all applications.
Transparent Background | Dark Background | Lite Background | Usage |
---|---|---|---|
![]() .svg, .png | ![]() .svg, .png | On lite backgrounds (Default) | |
![]() .svg, .png | ![]() .svg, .png | On lite backgrounds. | |
![]() .svg, .png | ![]() .svg, .png | On lite backgrounds. | |
![]() .svg, .png | ![]() .svg, .png | On dark backgrounds. (Default) | |
![]() .svg, .png | ![]() .svg, .png | On dark backgrounds. | |
![]() .svg, .png | ![]() .svg, .png | On dark backgrounds. |
Symbol Guidelines
Learn how to use our logo correctly and the rules that govern its use in all applications.
Transparent Background | Dark Background | Lite Background | Usage |
---|---|---|---|
![]() .svg, .png | ![]() .svg, .png | ![]() .svg, .png | Srcful Green (Default) |
![]() .svg, .png | ![]() .svg, .png | Srcful White | |
![]() .svg, .png | ![]() .svg, .png | Srcful Dark | |
![]() .svg, .png | ![]() .svg, .png | ![]() .svg, .png | Srcful Gold (Rare) |
Typography Rules
Understand how to choose and use the right fonts in our designs, and their appropriate sizes and weights.
Example | Name/Download | Usage |
---|---|---|
The quick brown fox jumps over the lazy dog | Gilroy Light | Headlines |
The quick brown fox jumps over the lazy dog | Glober | Paragraphs |
Color Scheme
Learn about our brand colors and how to use them consistently across all marketing materials and products.
Example | HEX | RGB | Usage |
---|---|---|---|
#00BF63 | RGB(0, 191, 990) | Srcful Green | |
#FFFFFF | RGB(255, 255, 255) | Srcful White | |
#AD9024 | RGB(173, 144, 36) | Srcful Gold | |
#112532 | RGB(17, 37, 50) | Srcful Dark | |
#E6E6E6 | RGB(230, 230, 230) | Off white | |
#2E2E2E | RGB(46, 46, 46) | Dark grey | |
#6E6E6E | RGB(110, 110, 110) | Light grey |
Team
Name | Role | |||
---|---|---|---|---|
Fredrik Ahlgren | CEO, co-founder | |||
Tobias Ohlsson | CTO, co-founder | |||
Viktor Olofsson | CFO, co-founder | |||
Johan Leitet | CCC, co-founder | |||
Nikas Emevi | co-founder | |||
David Mozart | co-founder |
Fredrik Ahlgren, CEO
"Dr. Fredrik Ahlgren, co-founder and CEO of Srcful"
Color Transparent | Color Solid | Black and White Transparent | Black and White Solid |
---|---|---|---|
![]() .png, .heic | ![]() .jpeg, .heic | ![]() .png, .heic | ![]() .jpeg, .heic |
![]() .png, .heic | ![]() .jpeg, .heic | ![]() .png, .heic | ![]() .jpeg, .heic |
![]() .png, .heic | ![]() .jpeg, .heic | ![]() .png, .heic | ![]() .jpeg, .heic |