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!

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

Sweap logo

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

  • #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

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