FOLEON ATOMIC DESIGN

International

Trade

Centre

For this Showcase, we translated your brand identity into the elements of our editor. You can find this 'Atomic Design' below.

Logo's

Logo for use on pages

Logo for use in navigation

Browser icon

Fonts and headings

Header 1: Source serif pro 56 pixels

Satatium voloration pos volorem aut inuscip santur sa etus.

Header 2: Source serif pro 40 pixels

Satatium voloration pos volorem aut inuscip santur sa etus.

Header 3: Source serif pro 32 pixels

Satatium voloration pos volorem aut inuscip santur sa etus.

Header 4: Source serif pro 24 pixels

Nostiam es egi aleris noxim me vernica vividi patquodiu menius in simissoliis etiquam.

Paragraph: Source sans pro 18 pixels

Nostiam es egi aleris noxim me vernica vividi patquodiu menius in simissoliis etiquam. Nostiam es egi aleris noxim me vernica vividi patquodiu menius in simissoliis etiquam. Genius in simissoliis etiquam. Nostiam es egi aleris noxim me vernica vividi patquodiu menius in simissoliis etiquam.

Header 4: Source sance pro italic 24 pixels

“Nostiam es egi aleris noxim me vernica vividi patquodiu menius.”

Color

Name of color: 002B54

Name of color: 3081C8

Name of color: 333333

Name of color: CCCCCC

Name of color: FFFFFFF

Button styling

Text on a visual

Text on a light image

Nostiam es egi aleris noxim me vernica vividi patquodiu menius etiam.

Text on a dark image

Nostiam es egi aleris noxim me vernica vividi patquodiu menius etiam.

Photo caption

Nostiam es egi aleris noxim me vernica vividi patquodiu menius etiam.

Photo caption

Nostiam es egi aleris noxim me vernica vividi patquodiu menius etiam.

Contact form

Light background form

Become a member

Et voloris nossi nonsectaquid es perore sequi corum re dolum audigen dendel intiam fugiaspe earciamus adi alitati nimet rae ilicill.

Dark background form

Become a member

Et voloris nossi nonsectaquid es perore sequi corum re dolum audigen dendel intiam fugiaspe earciamus adi alitati nimet rae ilicill.