Styleguide

Für jede Anforderung das passende META Regal

Text

H1 - Aenean commodo ligula eget dolor aenean massa

H2 - Aenean commodo ligula eget dolor aenean massa

H3 - Aenean commodo ligula eget dolor aenean massa

h4 - Aenean commodo ligula eget dolor aenean massa

h5 - Aenean commodo ligula eget dolor aenean massa
h6 - Aenean commodo ligula eget dolor aenean massa

H1 - mit Heading 6 Style dolor aenean massa

H2 - mit Heading 5 Style dolor aenean massa

H3 - mit Heading 4 Style dolor aenean massa

h4 - mit Heading 3 Style dolor aenean massa

h5 - mit Heading 2 Style dolor aenean massa
H6 - mit Heading 1 Style dolor aenean massa

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa strong. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede text link mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.


Spaltenraster

Full Column

Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus. Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum. Donec id elit non mi porta gravida at eget metus. Lorem ipsum dolor sit amet. 

Half Column

Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus. Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum. Donec id elit non mi porta gravida at eget metus. Lorem ipsum dolor sit amet.

Half Column

Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus. Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum. Donec id elit non mi porta gravida at eget metus. Lorem ipsum dolor sit amet.

Three Column

Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus.

Three Column

Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus.

Three Column

Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus.

Four Columns

Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus.

Four Columns

Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus.

Four Columns

Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus.

Four Columns

Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus.

col-md-2

Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat.

col-md-10

Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus. Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum. Donec id elit non mi porta gravida at eget metus. Lorem ipsum dolor sit amet.

col-md-4

Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat.

col-md-8

Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus. Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum. Donec id elit non mi porta gravida at eget metus. Lorem ipsum dolor sit amet.

Primärfarben

  • color-red
  • color-darkblue
  • color-lightblue
  • bg-color-red
  • bg-color-darkblue
  • bg-color-lightblue

Sekundärfarben

  • color-black
  • color-white
  • bg-color-black
  • bg-color-white

Auflistungen

Unstyled
  • Lorem ipsum dolor
    sit amet consectetuer.

  • Aenean commodo ligula eget dolor.

  • Aenean massa cum sociis natoque penatibus.

Icons
  • Lorem ipsum dolor
    sit amet consectetuer.

  • Aenean commodo ligula eget dolor.

  • Aenean massa cum sociis natoque penatibus.

Inline
  • Lorem ipsum dolor

  • Aenean commodo ligula eget dolor.

  • Aenean massa cum sociis natoque penatibus.

Zähler
  1. Lorem ipsum dolor
    sit amet consectetuer.

  2. Aenean commodo ligula eget dolor.

  3. Aenean massa cum sociis natoque penatibus.

Default
  • Lorem ipsum dolor
    sit amet consectetuer.

  • Aenean commodo ligula eget dolor.

  • Aenean massa cum sociis natoque penatibus.

Description
Lorem ipsum dolor:

Lorem ipsum dolor
sit amet consectetuer.

Donec quam felis:

Aenean commodo ligula eget dolor.

Pellentesque:

Aenean massa cum sociis natoque penatibus.

Tabs

Nav Pills

Akkordeon

Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus. Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum. Donec id elit non mi porta gravida at eget metus. Lorem ipsum dolor sit amet.

Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus. Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum. Donec id elit non mi porta gravida at eget metus. Lorem ipsum dolor sit amet.

Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus. Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum. Donec id elit non mi porta gravida at eget metus. Lorem ipsum dolor sit amet.

Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus. Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum. Donec id elit non mi porta gravida at eget metus. Lorem ipsum dolor sit amet.

Buttons


Boxen

Well

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

  • Lorem ipsum dolor sit amet consectetuer.
  • Aenean commodo ligula eget dolor.
  • Aenean massa cum sociis natoque penatibus.

Well

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

  • Lorem ipsum dolor sit amet consectetuer.
  • Aenean commodo ligula eget dolor.
  • Aenean massa cum sociis natoque penatibus.

Well

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

  • Lorem ipsum dolor sit amet consectetuer.
  • Aenean commodo ligula eget dolor.
  • Aenean massa cum sociis natoque penatibus.

Well

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

  • Lorem ipsum dolor sit amet consectetuer.
  • Aenean commodo ligula eget dolor.
  • Aenean massa cum sociis natoque penatibus.

Well

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

  • Lorem ipsum dolor sit amet consectetuer.
  • Aenean commodo ligula eget dolor.
  • Aenean massa cum sociis natoque penatibus.

Cards

Büroregale

passen sich jeder Bürolandschaft harmonisch an

Owlcarousel

Bild und Text (vertikal zentriert)

Beispiele

Doppelzeilige Regale mit vormontierten
Rahmen & Diagonalverstrebung

  • Beide Zeilen rückseitig fest verbunden, Zugriff-Seite beidseitig
  • Konsequente Raumausnutzung durch „Rücken-an-Rücken- Aufbau“

Ein- und Doppelzeilige Großfachregale

  • mit vormontierten Rahmen & Diagonalverstrebung
  • Fachlänge 1.300 mm für großvolumiges Lagergut

Formulare

Tabellen

Entry Header 1 Entry Header 2 Entry Header 3 Entry Header 4
Entry First Line 1 Entry First Line 2 Entry First Line 3 Entry First Line 4
Entry Line 1 Entry Line 2 Entry Line 3 Entry Line 4
Entry Last Line 1 Entry Last Line 2 Entry Last Line 3 Entry Last Line 4
Entry Header 1 Entry Header 2 Entry Header 3 Entry Header 4
Entry First Line 1 Entry First Line 2 Entry First Line 3 Entry First Line 4
Entry Line 1 Entry Line 2 Entry Line 3 Entry Line 4
Entry Last Line 1 Entry Last Line 2 Entry Last Line 3 Entry Last Line 4
Entry Header 1 Entry Header 2 Entry Header 3 Entry Header 4
Entry First Line 1 Entry First Line 2 Entry First Line 3 Entry First Line 4
Entry Line 1 Entry Line 2 Entry Line 3 Entry Line 4
Entry Last Line 1 Entry Last Line 2 Entry Last Line 3 Entry Last Line 4

Sections

Default

Darkblue

Lightblue

Red

BG-Image Fixed

BG-Image