Adena Styleguide
Color Palette
Primary Color
Primary Light Color
Success Color
Info Color
Warning Color
Danger Color
Typography
Headings

Heading 1

Heading 2

Heading 2 with middle indent

Heading 2 with small indent

Heading 2 with smaller indent

Sub title

Heading 3

Heading 4

Heading 5
Heading 6
Headings with secondary text

Heading 1 Secondary Text

Heading 2 Secondary Text

Heading 3 Secondary Text

Heading 4 Secondary Text

Heading 5 Secondary Text
Heading 6 Secondary Text
ParagraphsBody copy

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis inventore iusto autem harum quisquam assumenda optio, officiis nisi culpa labore error earum cupiditate modi dolorum vel consequatur! Pariatur, quae, suscipit.

Lead body copy

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis inventore iusto autem harum quisquam assumenda optio, officiis nisi culpa labore error earum cupiditate modi dolorum vel consequatur! Pariatur, quae, suscipit.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis inventore iusto autem harum quisquam assumenda optio, officiis nisi culpa labore error earum cupiditate modi dolorum vel consequatur! Pariatur, quae, suscipit.

Atoms
NumberNumber2
ButtonsButton DefaultDefault buttonButton Default RoundedDefault button roundedButton DefaultPrimary btnButton SecondarySecondary btnButton GraySecondary btn
Form elementsInput types
Error input
Error message / notice
Success input
Wrong value
Textarea Select
Molecules
ProductsProducts item default
img-description

Upiditate non provident, similique sunt in culpa sunt in

At vero eos et accusamus et iusto odio dignissimos ducimus qui blan
ditiis.

1995,95
1892,95
Op voorraad
Products without price
img-description

Upiditate non provident, similique sunt in culpa sunt in culpa

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

Conversion button
MediaMedia horizontal
img-description
2 foto’s
TableTable default
Download direct de nieuwste folders Toegevoegd op
Company magazine 2016 (pdf) 03 april 2016
Company magazine 2016 (pdf) 03 april 2016
ListsGeneral list Breadcrumbs list Definition list with social list
Deel deze pagina
Definition list horizontal view
Tel:
0987 654321
E-mail:
info@company.com
Vertical list
  • Quos dolores et quas molestias excepturi
  • Quos dolores et quas molestias excepturi
  • Quos dolores et quas molestias excepturi
Pager list Check list
  • Een unieke USP regel
  • Een unieke USP regel
  • Een unieke USP regel
TemplatesLayout
.grid-col-lg-15
.grid-col-lg-7
.grid-col-lg-8
.grid-col-lg-5
.grid-col-lg-10
.grid-col-lg-4
.grid-col-lg-11
.grid-col-lg-3
.grid-col-lg-12
.grid-col-lg-2
.grid-col-lg-13