Guidelines for affiliate partners

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
Download guidelines

Brand Logo

Our logo and logo variations are our own property and we retain all rights afforded by international Law. As an affiliate partner, you can use our logo on your site to promote our products. But please ensure you follow the color, sizing and other branding guidelines.
Dowload logo pack  
Wordmark logo
Wordmark colors
We usually use our wordmark against white background or in its inverse to achieve the best contrast. We can use different contasting colors combinations from our palette, but the logo should be perfectly seen and readable...
Favicon logo
Favicon colors
We usually use our favicon against white background or in its inverse to achieve the best contrast. We can use different contasting colors combinations from our palette, but the logo should be perfectly seen and readable...
Clear Space
For maximum visibility, we like to give our logo space to breathe.
x is equal to the width of the letter “u” stem.
This is the amount of empty space that should sit around it at all times.
When in doubt, allow more than the stated clear space.
Minimum Size
For digital use, our logo should be displayed in no less than 60px in width. Exceptions to this rule may apply as long as the logo still keeps it legibility. Remember to keep the logo proportions when scaling up or down.
Improper logo usage
Using our logos consistently ensures brand recognition and allows for creativity elsewhere. Avoid these usages.
Don’t change the colour.
Don’t change the font.
Don’t tilt or rotate.
Don’t add gradients or effects.
Don’t overlap with any graphic.
Don’t place inside a shape.
Don’t stretch the height or width.
Don't display in poor quality.

Typography

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Dowload fonts pack  
Primary
Our primary typeface is NT Wagner. 
Use for titles and headlines.

NT Wagner is a modern soft retro serif typeface. with unique curves and soft corners. It is friendly, dynamic and expressive but also neutral and conventional when it needs to be.
AaBbCcDdEe123
NT Wagner
Secondary
Our secondary typeface is Poppins.
Use for body texts and paragraphs.

Geometric sans serif typefaces have been a popular design tool ever since these actors took to the world’s stage. Poppins is one of the new comers to this long tradition.
AaBbCcDdEe123
Poppins Bold
AaBbCcDdEe123
Poppins Semi Bold
AaBbCcDdEe123
Poppins Regular
Type hierarchy
To establish an order of importance within our words, we need to size them properly. Here are examples of font proportions that you may use as a guide to scale words correctly.

Simple plans, free to try

Our titles and headlines are often short and fits in one or two lines.
Font:
NT Wagner
Font Size:
42 pts (desktop), 32 (mobile)
Line height:
48 pts (desktop), 40 (mobile)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vulputate vel ex id ultricies. Nam gravida risus non erat feugiat dapibus. Nunc rhoncus ut enim sit amet temxpus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vulputate vel ex id ultricies. Nam gravida risus non erat feugiat dapibus. Nunc rhoncus ut enim sit amet temxpus.
Unlimited monthly broadcasts
13 Ft per extra viewer
Unlimited brodacast length
Chat function
max. 1600 viewers
Calendar Sync
Unlimited re-streams
Dashboard stats
Our body text is often kept short and concise in order to keep your interest. A maximum of 3 to 4 lines per paragraph is great for this. We also use listed text where it’s possible.
Font:
Poppins Regular
Font Size:
14 pts (desktop), 12 (mobile)
Line height:
18 pts (desktop), 14 (mobile)
2022 © All Rights Reserved
Our miniature text is used for footnotes, labels and less important
Font:
Poppins Regular
Font Size:
12 pts
Line height:
16 pts

Colors

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Primary Colors
Smuc Brand
RGB:
56, 19, 142
CMYK:
34, 48, 0, 44
HEX:
#38138E
Smuc Dark
RGB:
29, 33, 40
CMYK:
4, 3, 0, 84
HEX:
#1D2128
Smuc Lime
RGB:
233, 255, 172
CMYK:
0.09, 0.3, 0, 0
HEX:
#E9FFAC
Secondary Colors
Smuc Mint
RGB:
228, 247, 222
CMYK:
7, 0, 10, 2
HEX:
#E4F7DE
Smuc Liliac
RGB:
237, 239, 255
CMYK:
7, 6, 0, 0
HEX:
#EDEFFF
Smuc Light Green
RGB:
230, 246, 182
CMYK:
6, 0, 25, 4
HEX:
#E6F6B6
Smuc Purple
RGB:
170, 139, 236
CMYK:
26, 38, 0, 7
HEX:
#AA8BEC
Smuc Greyish
RGB:
243, 243, 243
CMYK:
0, 0, 0, 5
HEX:
#F3F3F3
Smuc Pink
RGB:
255, 174, 194
CMYK:
0, 32 ,24, 0
HEX:
#FFAEC2
Smuc Yellow
RGB:
255, 240, 185
CMYK:
0, 6, 27, 0
HEX:
#FFF0B9
Smuc Sky Blue
RGB:
193, 225, 255
CMYK:
24, 12, 0, 0
HEX:
#C1E1FF
NOTE:
To allow for greater flexibility, you can introduce tints and shades. It should be subordinate and complementary to our main palette. If expanding this palette further on, consider exploring around the spectrum of purples, blues and greens.

Graphik Assets

We use strokes as background elements to highlight the block or to add balance on the page by placing strokes in the corners if there are enough space. They can also be used as masks for images.
Dowload graphic asset pack  
Graphic Accents
They are decorative elements and are often used to embellish a stark canvas and put more focus on key phrases. They should complement rather than outshine or clutter our key phrases. It is recommended to choose between Circles vs. Underlines and Ornaments vs. Arrows when deciding what use.
Circles
Ornaments
Underlines
Arrows
Brush Strokes
They are decorative elements and are often used to embellish a stark canvas. We use it as background elements to highlight the block or to add balance on the page by placing strokes in the corners if there are enough space.
They can also be used as masks for images.

Banner Ads / Creatives

Feel free to create your own banners and graphics to promote us. Something your audience will resonate with. We’ve found that works best. Here are some banners that you can use as-is, or as an inspiration.
Dowload banners pack
Facebook Ad (1200×628 px)
Google Small Square (200×200 px)
Google Square (250×250 px)
Google Inline Rectangle (300×250 px)
Google Vertical Rectangle (240×400 px)
Google Banner (468×60 px)
Google Skyscraper (120×600 px)
Google Wide Skyscraper (160×600 px)
Google Leaderboard (728×90 px)
Google HalfPage Ad (300×600 px)
Google Large Leaderboard (970×90 px)
Google Billboard (970×250 px)
Google Large Mobile Banner (320×100 px)
Google Mobile Banner (320×50 px)
Twitter Lead Generation Card (800×200 px)
Twitter Image App Card (800×320 px)
Youtube Display Ad (300×60 px)
Youtube Display Ad (300×250 px)
Adroll Rectangle (180×150 px)
Youtube Overlay Ad (480×70 px)