Styleguide
The sky is the limit - and it is where it all began.
Intro
A planet gives people their only natural environment. It unites what belongs together and is the most constant geometric form of all.
We see the “S” logomark slightly from below. Ascending from a flat circle to a three-dimensional sphere, it unites gathered knowledge in itself and distributes it in all directions using genuine social connections. The perspective portraits the power of personal gathering, which always leaves a lasting impression - and learnings. Because the collective is smarter than any individual.
Let's get back down to earth: Sweap - that’s a unique name. Simplicity and efficiency are our core values. We empower marketing experts to organise perfect events at ease.
Because commitment is hard enough. We have the tool to bring people and their knowledge together!
Logo
Construction
„S“ Shape Characteristics
To achieve a perfect 1:1 shape, the signet was intentionally scaled out of a circle. Although this does not result in a mathematical circular shape for the "S", it does simplify design processes and implementations.
Logo Gradient
Logo layouts
There are two logo layouts for different applications.
Both variants consist of the Sweap Sphere - our signet - and the lettering. Please do not separate or adjust the proportions of these two elements.
1. Standard - preferred version
Cross-format arrangement for as many applications as possible
2. Compact
Portrait layout for applications where the standard logo cannot be used optimally e.g. square social media profile images.
Logo application on different backgrounds
onlight
For use on light backgrounds
ondark
For use on dark backgrounds
onblue = white
For use on blue background
ongreen = white
For use on green background
ongradient = white
For use on the Sweap background gradient
Logo Download
Color Scheme
Colour system with primary and secondary colors
-
#E9F5F9
-
#B4DCEB
-
#70BEDA
-
Sweap
Blue
HEX
#339cc2
RGB
51/156/194
CMYK
70/15/10/10
-
#287C9A
-
#1A5064
-
#DCF7EF
-
#B2EDDC
-
#7BE1C3
-
Sweap
Ocean Green
HEX
#44d4aa
RGB
68/212/170
CMYK
60/0/50/0
-
#28AC86
-
#1B755B
-
#fff4e0
-
#ffd48b
-
#ffc258
-
Sweap
Orange
HEX
#ffaf25
RGB
255/175/37
CMYK
0/38/90/0
-
#f19900
-
#be7800
-
#F3F3F3
-
#B8B8B8
-
#747474
-
Sweap
Anthracite
HEX
#303030
RGB
48/48/48
CMYK
70/60/60/65
-
#E5F7E7
-
#B1E7B9
-
#71D27E
-
Sweap
Green
HEX
#39b54a
RGB
57/181/74
CMYK
74/0/91/0
-
#2D9C3B
-
#268232
-
#F2FAE9
-
#D8F0BD
-
#AADC70
-
Sweap
Light Green
HEX
#8acf39
RGB
138/207/57
CMYK
55/0/95/0
-
#679E26
-
#436719
-
#EFDEFF
-
#DAB5FF
-
#BD86F4
-
Sweap
Purple
HEX
#AB79DD
-
#9066B9
-
#745296
-
#fcf9cf
-
#f8f29f
-
#f5ec70
-
Sweap
Yellow
HEX
#f2e640
RGB
242/230/64
CMYK
9/0/82/0
-
#efe010
-
#cfc20e
-
#ffb7b7
-
#ff7373
-
#ff4040
-
Sweap
Alert Red
HEX
#ff0d0d
RGB
255/13/13
Nur digital
einsetzbar!
-
#d90000
-
#a60000
Gradient (Blue to Ocean Green)
CSS Code of the Gradient
background-image: linear-gradient(342deg,#44D4AA 0%,#2BCFB2 11.11%,#00C9B8 22.22%,#00C3BE 33.33%,#00BDC2 44.44%,#00B7C5 55.56%,#00B1C6 66.67%,#00AAC6 77.78%,#1EA3C5 88.89%,#339CC2 100%);
opacity: .8;
Color Scheme Download
The ZIP archive contains both the RGB and the CMYK colors, which are available in the file formats .ai and .ase.
If you want to use the Sweap colors in your files or pass them on to other designers, please use the Adobe Swatch Exchange file (.ase). You can import this file into Adobe InDesign as well as Illustrator and Adobe Photoshop.
Typography
The Rubik Typeface
Rubik is a sans serif typeface family designed by Philipp Hubert and Sebastian Fischer on behalf of Google for the Chrome Cube Lab. It features bold proportions with rounded corners and low stroke contrast. As part of the Google Fonts library, Rubik is freely available through an Open Font License.
Font styles in use
Regular
Medium
Type scale
Font size XXL
font-size: 60px | line-height: 1.2 | letter-spacing: 0 | font-weight: 400;
Font size XL
font-size: 48px | line-height: 1.2 | letter-spacing: 0 | font-weight: 400;
Font size L
font-size: 38px | line-height: 1.2 | letter-spacing: 0 | font-weight: 400;
Font size M
font-size: 24px | line-height: 1.5 | letter-spacing: 0 | font-weight: 400;
Font size Basis
font-size: 20px | line-height: 1.6 | letter-spacing: 0 | font-weight: 400;
Font size S
font-size: 18 px | line-height: 1.5 | letter-spacing: .125px | font-weight: 400;
Font size XS
font-size: 16px | line-height: 1.5 | letter-spacing: .125px | font-weight: 400;
Font size XXS
font-size: 14px | line-height: 1.5 | letter-spacing: .125px | font-weight: 400;
Font size XXXS
font-size: 12px | line-height: 1.5 | letter-spacing: .125px | font-weight: 400;
Font size XXL
font-size: 60px | line-height: 1.2 | letter-spacing: 0 | font-weight: 500;
Font size XL
font-size: 48px | line-height: 1.2 | letter-spacing: 0 | font-weight: 500;
Font size L
font-size: 38px | line-height: 1.2 | letter-spacing: 0 | font-weight: 500;
Font size M
font-size: 24px | line-height: 1.5 | letter-spacing: 0 | font-weight: 500;
Font size Basis
font-size: 20px | line-height: 1.6 | letter-spacing: 0 | font-weight: 500;
Font size S
font-size: 18 px | line-height: 1.5 | letter-spacing: .125px | font-weight: 500;
Font size XS
font-size: 16px | line-height: 1.5 | letter-spacing: .125px | font-weight: 500;
Font size XXS
font-size: 14px | line-height: 1.5 | letter-spacing: .125px | font-weight: 500;
Font size XXXS
font-size: 12px | line-height: 1.5 | letter-spacing: .125px | font-weight: 500;
Typeface Download