Style Guide
A collection of components that can be copied to provide a consistent theme across the site. Right now, we have a large amount of variations across the sites, so the plan is to update both sites to match these styles.
Some key differences:
- Use a darker text color because FCAP's is a bit hard to read and doesn't meet accessibility standards.
- Standardize sizes to be multiples of 4px so that everything looks more consistent.
- Create themed form components so that we can copy/paste them to get consistent forms.
Colors
#2F4160 - Primary
#D3A900 - Accent
#838694 - Current text
#3b3c40- Proposed new text color
Buttons
Typography
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
ACCENT HEADER
Paragraph - Our mission is to see Christians connect in every area of the airline/aviation workplace throughout the world; to display God’s glory and to be His influence while on the job.
Forms
#C4C4C4 - Input border
#959595 - Input border hover
#2F4160 - Input border focus (primary color)
#3b3c40 - Label and text color
#790000 - Required star *
#D32F2F - Input border error
Label font-size: 14px
Input font-size: 16px
border-radius: 4px