Styleguide

Introduction

Hello! Welcome to the B2 Styleguide. A styleguide is a set of standards, principles and rules every developer or designer should follow in order to improve the digital presence of the product.

Logo



Colors

Without black, no color has any depth. - Amy Grant

.Bg-black
.Bg-red
.Bg-blue
.Bg-blue-light

Grey variants

Grey and gray are both accepted in the English language. They refer to a color of a neutral tone between black and white, and can also be used metaphorically to convey gloom and dullness.

.Bg-black
.Bg-gray
.Bg-gray-light

Blue variants

Blue is one of the three primary colours of pigments in painting and traditional colour theory, as well as in the RGB colour model.

.Bg-blue
.Bg-blue-dark
.Bg-blue-light

Typography


Paragraphs - Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been
Source Sans Pro, Regular, 16px

Headline 1

Source Sans Pro, Black, 65px

Headline 2

Source Sans Pro, Black, 55px

Headline 3

Source Sans Pro, Regular, 27px

Headline 4

Source Sans Pro, Regular, 18px

Headline 5
Source Sans Pro, Regular, 16px

Buttons

Kolektor has three type of buttons: Regular, Transparent and Blue.



Card A

11.
06
2019.
Styleguide

Labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris

Read more

 

11.
06
2019.
Styleguide

Labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris

Read more

Card B

Styleguide

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.

 

Styleguide

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.

Card C

Styleguide

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.

Card D

B2Holding Group

Styleguide

Labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris

Read more

Card D

B2Holding Group

Styleguide

Labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris

Read more

B2 kapital

© Copyright 2019 B2 Kapital d.o.o. All rights reserved.