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

Logo for use in navigation

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.