Website Style Guide

Colours

Primary Colour

Indian red
#fe5066
Colar
#fd7e51
Tomato
#ff6433
Mightny blue
#0a2a43

Secondary Colour

Crimson
#cc1e35
mind red
#e2204a
Silver
#c9c9c9

Other Colours

White
#EEEEEE
Black
#333333
Success
#00b04f
Error
#b00020

Typography

El color primario para toda la tipografía de su sitio web es #0a2a43

El tamaño de sus encabezados difiere entre los puntos de rotura de escritorio y móviles. Tanto los puntos de rotura de escritorio como los de móvil tienen un tamaño de fuente base de 18px (1em).

Todos los valores en píxeles se han redondeado.Escritorio - Tercera escala mayor (1.25)44px | 35px | 28px | 23px | 18px | 14px | 12pxMóvil - Tercera escala menor (1.20)37px | 31px | 26px | 22px | 18px | 15px | 12pxTraducción realizada con la versión gratuita del traductor www.DeepL.com/Translator

H1

The quick brown fox jumps over the lazy dog.

Desktop: Arial | 44px / 2.44em | 110% | Bold
Mobile: Arial | 37px / 2.05em | 110% | Bold
H2

The quick brown fox jumps over the lazy dog.

Desktop: Arial | 35px / 1.94em | 120% | Bold
Mobile: Arial | 31px / 1.72em | 120% | Bold
H3

The quick brown fox jumps over the lazy dog.

Desktop: Arial | 28px / 1.56em | 120% | Bold
Mobile: Arial | 26px / 1.44em | 120% | Bold
H4

The quick brown fox jumps over the lazy dog.

Desktop: Arial | 23px / 1.28em | 130% | Bold
Mobile: Arial | 22px / 1.22em | 130% | Bold
H5
The quick brown fox jumps over the lazy dog.
Desktop & Mobile: Arial | 18px / 1em | 140% | Bold
H6
The quick brown fox jumps over the lazy dog.
Desktop & Mobile: Arial | 14px / 0.78em | 140% | Bold | All Caps
Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Desktop & Mobile: Arial | 18px / 1em | 150% | Normal

Logos & Assets

Logo - White
Logo - Black
Favicon - 32x32px
Webclip - 256x256px
Go to Homepage