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.

This showcase is set-up to be as accessible as possible

Logo's

Logo for use on pages

Placeholder logo, dark on light background

Logo for use in navigation

Placeholder logo, light on dark background

Browser icon

Favicon browser icon

Fonts and headings

Header 1: Arial Bold 60 pixels

Satatium voloration pos volorem aut inuscip santur sa etus.

Header 2: Arial Bold 40 pixels

Satatium voloration pos volorem aut inuscip santur sa etus.

Header 3: Arial Bold 25 pixels

Satatium voloration pos volorem aut inuscip santur sa etus.

Header 4: Arial Bold 18 pixels

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

Paragraph: Arial 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: Arial Bold Italic 30 pixels

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

Color

Name of color: 000000

Name of color: 4A4A4A

Name of color: 9B9B9B

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.

Accessibility statistics

15% of the world population, experience some form of disability!

General

62% of employees with a disability have an invisible disability or a disability that one cannot immediately identify upon meeting a person.

71% of people with disabilities leave a website immediately if it is not accessible.

Visual

Up to 10% of people in the US have reading difficulties, including dyslexia

3,5% of the world population is visually handicapt

14% of this group is fully blind

(this translates to 36 million people world wide)

41% of videos are incomprehensible without sound or captions.

  • In fact, 80% of viewers react negatively to videos autoplaying with sound. So now, many social media outlets now autoplay videos on silent.
  • 80% of people who use captions aren't Deaf or hard of hearing.
  • Captions help with comprehension of dialogue, clarification of terminology, concentration, and engagement.

8% of caucasian males in the US suffer from some form of color blindness

compared to 0.5% of females.

Hearing

5% of the world population has hearing loss

Incidence increases sharply in over-60s, with more than 20% of over-75s affected.

Physical

7% of working age adults have a severe dexterity difficulty.

Severe dexterity difficulties mean users are unlikely to use a mouse, and rely on the keyboard instead.