Skip to content

Style Guide

Amelicor-styles
Primary#0071A7
 
Secondary#68BA98
 
Background#ffffff
 
Accent 1#f8fafc
 
Accent 2#F6F3AC
 
Accent 3#B2D3A0
 

Typography

Primary FontRoboto
Primary Font
Secondary FontRoboto Slab
Secondary Font
Test Styles
H1 Hero Font: Roboto Slab | Color: #FFF | Size: 65px | 700
H1 Heading Font: Roboto Slab | Color: | Size: 48px | 700
H2 Heading Font: Roboto Slab | Color: #0071A7 | Size: 39px | 600
H3 Heading Font: Roboto Slab | Color: #0071A7 | Size: 30px | 600
H4 Heading Font: Roboto Slab | Color: #000000 | Size: 25px | 500
H5 Heading Font: Roboto Slab | Color: #68BA98 | Size: 20px | 700
H6 Heading Font: Roboto Slab | Color: #68BA98 | Size: 16px | 700
Paragraph, list and more

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc nibh sem, tincidunt in odio nec, vehicula malesuada velit. Suspendisse convallis, orci in ornare laoreet, orci odio mollis quam, et laoreet tellus dui id erat. Mauris non diam eu leo volutpat accumsan.

Quisque lacus ex, auctor nec egestas in, hendrerit vel lectus. Mauris quis enim pellentesque, gravida augue ac, varius neque.

  • Praesent non lacus rhoncus, tempus tellus ut, placerat nisl.
  • Sed vitae nibh cursus, condimentum est eu, tincidunt felis.
  • Nullam posuere metus eu neque pretium sollicitudin.
  • Vivamus facilisis nisi sed varius aliquam.
  • Aliquam et felis at sem bibendum dictum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

Color Scheme

Dark

Text modules don’t have to be simple, you can add personality to them without this being a problem.

All blocks are customizable, add, change and choose the best for your brand.

pexels-mikhail-nilov-8322997

Light

Text modules don’t have to be simple, you can add personality to them without this being a problem.

All blocks are customizable, add, change and choose the best for your brand.

pexels-mikhail-nilov-8322997

Corners

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sagittis aliquam malesuada bibendum arcu vitae elementum curabitur vitae.

Tellus pellentesque eu tincidunt tortor aliquam nulla facilisi cras. Mauris ultrices eros in cursus turpis massa tincidunt dui ut. Elit ullamcorper dignissim cras tincidunt lobortis feugiat vivamus at augue. Sociis natoque penatibus et magnis dis parturient.

Nibh tellus molestie nunc non blandit massa. A condimentum vitae sapien pellentesque habitant morbi.

Mauris pellentesque pulvinar pellentesque habitant morbi tristique senectus et. Ut placerat orci nulla pellentesque dignissim enim. Donec pretium vulputate sapien nec sagittis aliquam malesuada bibendum. Pharetra magna ac placerat vestibulum lectus mauris ultrices eros.

Main Image
Button Styles
PrimaryLarge
.button .button--large
Primary HoverLarge
PrimaryRegular
.button .button--large
Primary HoverRegular
PrimarySmall
.button .button--small
Primary HoverSmall
SecondaryLarge
.button .button--large
Secondary HoverLarge
.button .button--secondary .button--large
SecondaryRegular
.button .button--large
Secondary HoverRegular
.button .button--secondary
SecondarySmall
.button .button--small
Secondary HoverSmall
.button .button--secondary .button--small
Inputs