Website Styleguide & FAQ

Some useful tips to add content to the website

Logo Files

Wherever possible, use the SVG version of the logo — this ensures a crisp logo on all screens.

Monogram

  • Buuuk Monogram Circle Orange Bg

    White on Orange background

    1. SVG
    2. PNG — 2000px , 1000px , 200px
  • Buuuk Monogram Circle White Bg

    Orange on White background

    1. SVG
    2. PNG — 2000px , 1000px , 200px

Full Logo

  • Buuuk Logo Orange Bg

    White on Orange background

    1. SVG
    2. PNG — 2000px , 1000px , 500px
    3. JPEG — 2000px , 1000px , 500px
  • Buuuk Logo White No Bg

    White on no background

    1. SVG
    2. PNG — 2000px , 1000px , 500px
  • Buuuk Logo White Bg

    Orange on White background

    1. SVG
    2. PNG — 2000px , 1000px , 500px
    3. JPEG — 2000px , 1000px , 500px
  • Buuuk Logo Orange No Bg

    Orange on no background

    1. SVG
    2. PNG — 2000px , 1000px , 500px

Layout/Design

Design-menu

Sections

  1. Always start a page with a "Section"
    1. To end a section, add another section
  2. Section are used mainly to give backgrounds to parts of the page

Columns

  1. To divide content into columns, add a "Column Open"
  2. Always add a "Column Close" if you have a "Column Open" on the page.

Video

  1. To upload a video, you need 4 files minimum:
    1. An Image file that serves as the poster before the video starts playing
    2. MP4, OGV & WEBM files
  2. To add a Video in "Media", first create a "New Videos Entry" and then select the uploaded files
  3. The video width is limited by it's poster image. Upload a 1300px wide poster image and it should stretch all the way

Image Guidelines

There are 2 usable templates for project images:

  • Logo on Top Left

    DB-Schenker-White-Top
  • Logo on Bottom Left

    DB-Schenker-Black-Bottom

General Rules for both type of template:

  • Logo should be either White (#FFFFFF), or Black (#242A36). Use the most contrasting color to the background.
  • Product image must have a clear space for the placement of the logo, either on the top left or on the bottom left.
  • DB-Schenker-White-Top-Guide
  • DB-Schenker-Black-Bottom-Guide
  • It is advised to keep the logo inside of the Green area. However, it is also possible to have them at the Orange area at most.
  • Logo must not touch the Blue area.