Sushi & japanischer Lifestyle

Maecenas sed diam eget risus varius blandit sit amet non magna. Maecenas sed diam eget risus varius blandit sit amet non magna.

Styleguide

DMT relaunch - styleguide

Branding

Logos

Available font families and weights

Circular Book / 400

circular-light

Circular Black, Bold / 700

circular-bold

Elements

Basic paragraph styling.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Default heading styles

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet

Unordered List

Ordered List

  1. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Praesentium maiores soluta velit eius facilis.
  2. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Praesentium maiores soluta velit eius facilis.
  3. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Praesentium maiores soluta velit eius facilis.
  4. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Praesentium maiores soluta velit eius facilis.
  5. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Praesentium maiores soluta velit eius facilis.

Table

Table Head
Tellus Inceptos Ridiculus Malesuada Ornare Ipsum Vestibulum
Magna Nullam Cras Sollicitudin Mollis Amet
Nibh Pellentesque Etiam Ornare Condimentum Tellus Ultricies
Bibendum
  • Praesent commodo
  • Cursus magna
  • Scelerisque consectetur
  • Praesent commodo
  • Cursus magna
  • Scelerisque consectetur
Nibh Pellentesque Amet Quam Consectetur

Link

Ich bin ein normaler Text Link

Objects

Section

The section object adds vertical spacing to the bottom of an element. There are modifiers available to change the spacing: .o-section--lg and .o-section--xl.

Container

The container object adds a max-width and centers the content horizontally.
Modifier which can be used to further limit the max width are: .o-container--sm
Buttons

Button

Divider




Container

Node Type Text

Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Maecenas faucibus mollis interdum. Cras mattis consectetur purus sit amet fermentum. Etiam porta sem malesuada magna mollis euismod.

Cras justo odio, dapibus ac facilisis in, egestas eget quam.

Nibh Inceptos Magna

Donec ullamcorper nulla non metus auctor fringilla. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

DolorParturientVulputateVulputate
Parturient MalesuadaNibhPharetra Lorem Ultricies AeneanInceptos Ullamcorper Parturient

Image

Ich bin der Alt Text

Hier ist die Beschriftung – © Copyright by Fotograph XYZ

Contact

Wir helfen Ihnen gerne

Kostelose Beratung & Kontakt

+49 211 17 202-867

info@duesseldorf-tourismus.de
Container
Die toten Hosen - Tage wie diese (only testing)
Teaser

IconTeaser

Icon Teaser

Wir helfen Ihnen gerne

Kostenlose Beratung & Kontakt

+49 211 1767

info@duesseldorf-tourismus.de
Container
Label