LEADING THE P&C INDUSTRY
Transform Today. Navigate Next.
Enlyte brings together the brightest minds and smartest technology from Mitchell, Genex and Coventry. The people you know and businesses you trust are working together to transform P&C performance today, while charting the course to a better future.
Logo
From Causten TO Segment, match customization for the “t” et all. Refine the dot in the “I” in Mitchell so that it is only 4px larger than the base of the “I”. Segment stock the dot in the I is noticeably large. See provided working file - NOT FINAL - but internal team agreed to move forward with Segment so we don’t have open “a” in future logos which is different from main font families that we selected.
Color
#28005A
Alt #5A0AA0
#0F197D
#333333
Alt #666666
#5023FA
#00C8F0
Alt #049FBE
#F2F2F2
#EC13DE
Alt #BE18B3
#00E6AD
Alt #00C896
#FFFFFF
Linear Gradient
#5023FA
#EC13DE
Angled Gradient
#5023FA
#EC13DE
Gradient ALWAYS goes in this direction linear OR angle when in container that permits
Typography
H1
Typography
font-family: inter;
font-style: normal;
font-weight: bold;
font-size: 52px;
line-height: 60px;
color: #5A0AA0;
text-align: left;
margin-bottom: 32px
H2
Typography
font-family: inter;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 46px;
color: #28005A;
text-align: left;
margin-bottom: 32px
H3
Typography
font-family: inter;
font-style: normal;
font-weight: bold;
font-size: 36px;
line-height: 36px;
color: #28005A;
text-align: left;
margin-bottom: 32px
H4
Typography
font-family: inter;
font-style: normal;
font-weight: bold;
font-size: 32px;
line-height: 48px;
color: #28005A;
text-align: left;
margin-bottom: 32px
H5
Typography
font-family: inter;
font-style: normal;
font-weight: bold;
font-size: 28px;
line-height: 36px;
color: #28005A;
text-align: left;
margin-bottom: 32px
H6
Typography
font-family: inter;
font-style: normal;
font-weight: bold;
font-size: 20px;
line-height: 32px;
color: #28005A;
text-align: left;
margin-bottom: 32px
Paragraph Regular
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
font-family: inter;
font-style: normal;
font-weight: regular;
font-size: 18px;
line-height: 30px;
color: #444444;
text-align: left
Paragraph Small
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
font-family: inter;
font-style: normal;
font-weight: regular;
font-size: 14px;
line-height: 26px;
color: #444444;
text-align: left
Paragraph Medium
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
font-family: inter;
font-style: normal;
font-weight: regular;
font-size: 20px;
line-height: 32px;
color: #444444;
text-align: left
Paragraph Large
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
font-family: inter;
font-style: normal;
font-weight: regular;
font-size: 24px;
line-height: 36px;
color: #444444;
text-align: left
Ordered list
- list item
- list item
- list item
- list item
- list item
Unordered List Style - 1
- list item
- list item
- list item
- list item
- list item
Unordered List Style - 2
- list item
- list item
- list item
- list item
- list item
Eyebrow Text
Heading Title one
Heading Title two
Heading Title three
Heading Title four
Heading Title five
Heading Title six
Paragraph Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam erat urna, pulvinar eu nunc vitae, blandit facilisis nunc.
Regular P tag with an A tag in it ----- Lorem ipsum dolor sit amet, consectetur adipiscing elit
Regular P tag with strong tag ----- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam erat urna, pulvinar eu nunc vitae, blandit facilisis nunc.
Quoted Text
Regular P tag "quoted" ----- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam erat urna, pulvinar eu nunc vitae, blandit facilisis nunc.
Ordered List
- Enlyte brings together the brightest minds and smartest technology from Mitchell, Genex and Coventry.
- The people you know and businesses you trust are working together to transform P&C performance today, while charting the course to a better future.
Unordered List Style - 1
- Enlyte
- Mitchell
- Genex
- Coventry
Unordered List Style - 2
- Enlyte
- Mitchell
- Genex
- Coventry
Eyebrow Text
Heading Title one
Heading Title two
Heading Title three
Heading Title four
Heading Title five
Heading Title six
Paragraph Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam erat urna, pulvinar eu nunc vitae, blandit facilisis nunc.
Regular P tag with an A tag in it ----- Lorem ipsum dolor sit amet, consectetur adipiscing elit
Regular P tag with strong tag ----- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam erat urna, pulvinar eu nunc vitae, blandit facilisis nunc.
Quoted Text
Regular P tag "quoted" ----- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam erat urna, pulvinar eu nunc vitae, blandit facilisis nunc.
Ordered List
- Enlyte brings together the brightest minds and smartest technology from Mitchell, Genex and Coventry.
- The people you know and businesses you trust are working together to transform P&C performance today, while charting the course to a better future.
Unordered List Style - 1
- Enlyte
- Mitchell
- Genex
- Coventry
Unordered List Style - 2
- Enlyte
- Mitchell
- Genex
- Coventry
Eyebrow Text
Heading Title one
Heading Title two
Heading Title three
Heading Title four
Heading Title five
Heading Title six
Paragraph Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam erat urna, pulvinar eu nunc vitae, blandit facilisis nunc.
Regular P tag with an A tag in it ----- Lorem ipsum dolor sit amet, consectetur adipiscing elit
Regular P tag with strong tag ----- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam erat urna, pulvinar eu nunc vitae, blandit facilisis nunc.
Quoted Text
Regular P tag "quoted" ----- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam erat urna, pulvinar eu nunc vitae, blandit facilisis nunc.
Ordered List
- Enlyte brings together the brightest minds and smartest technology from Mitchell, Genex and Coventry.
- The people you know and businesses you trust are working together to transform P&C performance today, while charting the course to a better future.
Unordered List Style - 1
- Enlyte
- Mitchell
- Genex
- Coventry
Unordered List Style - 2
- Enlyte
- Mitchell
- Genex
- Coventry
Eyebrow Text
Heading Title one
Heading Title two
Heading Title three
Heading Title four
Heading Title five
Heading Title six
Paragraph Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam erat urna, pulvinar eu nunc vitae, blandit facilisis nunc.
Regular P tag with an A tag in it ----- Lorem ipsum dolor sit amet, consectetur adipiscing elit
Regular P tag with strong tag ----- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam erat urna, pulvinar eu nunc vitae, blandit facilisis nunc.
Quoted Text
Regular P tag "quoted" ----- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam erat urna, pulvinar eu nunc vitae, blandit facilisis nunc.
Ordered List
- Enlyte brings together the brightest minds and smartest technology from Mitchell, Genex and Coventry.
- The people you know and businesses you trust are working together to transform P&C performance today, while charting the course to a better future.
Unordered List Style - 1
- Enlyte
- Mitchell
- Genex
- Coventry
Unordered List Style - 2
- Enlyte
- Mitchell
- Genex
- Coventry
Eyebrow Text
Heading Title one
Heading Title two
Heading Title three
Heading Title four
Heading Title five
Heading Title six
Paragraph Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam erat urna, pulvinar eu nunc vitae, blandit facilisis nunc.
Regular P tag with an A tag in it ----- Lorem ipsum dolor sit amet, consectetur adipiscing elit
Regular P tag with strong tag ----- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam erat urna, pulvinar eu nunc vitae, blandit facilisis nunc.
Quoted Text
Regular P tag "quoted" ----- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam erat urna, pulvinar eu nunc vitae, blandit facilisis nunc.
Ordered List
- Enlyte brings together the brightest minds and smartest technology from Mitchell, Genex and Coventry.
- The people you know and businesses you trust are working together to transform P&C performance today, while charting the course to a better future.
Unordered List Style - 1
- Enlyte
- Mitchell
- Genex
- Coventry
Unordered List Style - 2
- Enlyte
- Mitchell
- Genex
- Coventry
Eyebrow Text
Heading Title one
Heading Title two
Heading Title three
Heading Title four
Heading Title five
Heading Title six
Paragraph Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam erat urna, pulvinar eu nunc vitae, blandit facilisis nunc.
Regular P tag with an A tag in it ----- Lorem ipsum dolor sit amet, consectetur adipiscing elit
Regular P tag with strong tag ----- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam erat urna, pulvinar eu nunc vitae, blandit facilisis nunc.
Quoted Text
Regular P tag "quoted" ----- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam erat urna, pulvinar eu nunc vitae, blandit facilisis nunc.
Ordered List
- Enlyte brings together the brightest minds and smartest technology from Mitchell, Genex and Coventry.
- The people you know and businesses you trust are working together to transform P&C performance today, while charting the course to a better future.
Unordered List Style - 1
- Enlyte
- Mitchell
- Genex
- Coventry
Unordered List Style - 2
- Enlyte
- Mitchell
- Genex
- Coventry
Eyebrow Text
Heading Title one
Heading Title two
Heading Title three
Heading Title four
Heading Title five
Heading Title six
Paragraph Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam erat urna, pulvinar eu nunc vitae, blandit facilisis nunc.
Regular P tag with an A tag in it ----- Lorem ipsum dolor sit amet, consectetur adipiscing elit
Regular P tag with strong tag ----- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam erat urna, pulvinar eu nunc vitae, blandit facilisis nunc.
Quoted Text
Regular P tag "quoted" ----- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam erat urna, pulvinar eu nunc vitae, blandit facilisis nunc.
Ordered List
- Enlyte brings together the brightest minds and smartest technology from Mitchell, Genex and Coventry.
- The people you know and businesses you trust are working together to transform P&C performance today, while charting the course to a better future.
Unordered List Style - 1
- Enlyte
- Mitchell
- Genex
- Coventry
Unordered List Style - 2
- Enlyte
- Mitchell
- Genex
- Coventry
Eyebrow Text
Heading Title one
Heading Title two
Heading Title three
Heading Title four
Heading Title five
Heading Title six
Paragraph Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam erat urna, pulvinar eu nunc vitae, blandit facilisis nunc.
Regular P tag with an A tag in it ----- Lorem ipsum dolor sit amet, consectetur adipiscing elit
Regular P tag with strong tag ----- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam erat urna, pulvinar eu nunc vitae, blandit facilisis nunc.
Quoted Text
Regular P tag "quoted" ----- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam erat urna, pulvinar eu nunc vitae, blandit facilisis nunc.
Ordered List
- Enlyte brings together the brightest minds and smartest technology from Mitchell, Genex and Coventry.
- The people you know and businesses you trust are working together to transform P&C performance today, while charting the course to a better future.
Unordered List Style - 1
- Enlyte
- Mitchell
- Genex
- Coventry
Unordered List Style - 2
- Enlyte
- Mitchell
- Genex
- Coventry
Buttons
Form
Components
Web Grid at 1920px Wide
12 Columns
40px Gutter
104px Side Margins
Design System Formula
4
leading / line-height = font size + 12px
font size = divisible by 4
12 Column Grid, divisible by 4
Dividing your space into 4, 8, or 12 columns gives you the basis of the system to organize your content
32px padding between elements
16px padding between small elements
52px min to 152max top/bottom margins