Design manual examples

Logo

White variant

Favicon

URL

https://technozvar.eu

Homepage SEO

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad beatae blanditiis culpa delectus, doloremque fugit impedit maxime mollitia nesciunt nisi perferendis quam ratione ut voluptate!

Heading font:

A Á B C D E É F G H I Í J K LMN O Ó Ô Q P R S T U Ú V WX Y Ý Z
a á b c d e é f g h i í j k lmn o ó ô q p r s t u ú v w x y ý z
, : ; . ! ? ( ) [] / ‘ “ “ ” „ &@ - – — - ´
0 1 2 3 4 5 67 8 9

Text font:

A Á B C D E É F G H I Í J K LMN O Ó Ô Q P R S T U Ú V WX Y Ý Z
a á b c d e é f g h i í j k lmn o ó ô q p r s t u ú v w x y ý z
, : ; . ! ? ( ) [] / ‘ “ “ ” „ &@ - – — - ´
0 1 2 3 4 5 67 8 9

Heading H1

Heading H2

Heading H3

Heading H4

Heading H5
Heading H6

Extra bold (800): Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium assumenda consequuntur magnam molestiae.

Bold (700): Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium assumenda consequuntur magnam molestiae.

Semi bold (600): Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium assumenda consequuntur magnam molestiae.

Medium (500): Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium assumenda consequuntur magnam molestiae.

Normal (400): Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium assumenda consequuntur magnam molestiae.

Light (300): Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium assumenda consequuntur magnam molestiae.

Lighter (200): Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium assumenda consequuntur magnam molestiae.

Thin (100): Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium assumenda consequuntur magnam molestiae.

Lorem ipsum dolor sit amet, consectetur adipi sicing elit. Beatae deleniti enim est excepturi laborum click me laudantium laudantium maxime mollitia odio, optio, porro quasi reprehenderit rerum sequi vitae.

Link colored only on hover

Headlines Page Title Headlines Section Title Headlines Product/Post/Item Title Decorative title and emphases Lead Title in bars Running text Running text Emphases Captions and measurements Enumerations


Input

Input Invalid

Looks bad!

Input success

Looks good!

Input group

Textarea

Contact form default

Chyba: Kontaktný formulár nebol nájdený.

Primary
Secondary
Danger
Success
Info
Dark
Light