FOLEON ATOMIC DESIGN

Customer name

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

Logos

Logo for use on pages

Logo for use in navigation

Browser icon

Fonts and headings

Header 1: Gotham Bold 56 pixels

Satatium voloration pos volorem aut inuscip santur sa etus.

Header 2: Gotham Bold 40 pixels

Satatium voloration pos volorem aut inuscip santur sa etus.

Header 3: Gotham Bold 32 pixels

Satatium voloration pos volorem aut inuscip santur sa etus.

Header 4: Gotham Bold 24 pixels

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

Paragraph: Gotham Regular 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.

Quote: Gotham Italic 30 pixels

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

Color

Name of color: 333333

Name of color: 333333

Name of color: 9B9B9B

Name of color: FFFFFFF

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.