Scale: 1.250 – Major Third
Base Size: 20px (100% = 1em)
Generated with type-scale.com
Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis ullam blanditiis cupiditate alias eveniet porro sed laborum pariatur quisquam, sunt sit deleniti dolore sequi. Expedita illo cupiditate rem pariatur architecto.
font-family: 'Lucida';
font-size: 90px;
font-weight: 500;
font-style: normal;
Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis ullam blanditiis cupiditate alias eveniet porro sed laborum pariatur quisquam, sunt sit deleniti dolore sequi. Expedita illo cupiditate rem pariatur architecto.
font-family: 'Lucida';
font-size: 70px;
font-weight: 500;
font-style: normal;
Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis ullam blanditiis cupiditate alias eveniet porro sed laborum pariatur quisquam, sunt sit deleniti dolore sequi. Expedita illo cupiditate rem pariatur architecto.
font-family: 'Lucida;
font-size: 50px;
font-weight: 500;
font-style: normal;
Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis ullam blanditiis cupiditate alias eveniet porro sed laborum pariatur quisquam, sunt sit deleniti dolore sequi. Expedita illo cupiditate rem pariatur architecto.
font-family: 'Lucida;
font-size: 30px;
font-weight: 500;
font-style: normal;
Body Text
Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis ullam blanditiis cupiditate alias eveniet porro sed laborum pariatur quisquam, sunt sit deleniti dolore sequi. Expedita illo cupiditate rem pariatur architecto.
font-family: 'Lucida;
font-size: 20px/1rem;
font-weight:500;
font-style: normal;
Emphasized Text
Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis ullam blanditiis cupiditate alias eveniet porro sed laborum pariatur quisquam, sunt sit deleniti dolore sequi. Expedita illo cupiditate rem pariatur architecto.
font-family: 'Lucida;
font-size: 20px;
font-weight: 600;
font-style: italic;
Inline Link: Hover
Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis ullam blanditiis cupiditate alias eveniet porro sed laborum pariatur quisquam, sunt sit deleniti dolore sequi. Expedita illo cupiditate rem pariatur architecto.
font-size: 20px;
font-weight: 500;
color: hsl(0, 76%, 43%);
text-decoration: underline;
color: hwb(309 40% 27%);
text-decoration: none;;
Hover
font-size: 14px;
font-weight: 300;
color: hwb(258 37% 27%);