diff --git a/src/theme/foundations/textStyles.ts b/src/theme/foundations/textStyles.ts index 746b438436..37951de963 100644 --- a/src/theme/foundations/textStyles.ts +++ b/src/theme/foundations/textStyles.ts @@ -15,6 +15,50 @@ export const textStyles = { letterSpacing: '4%', color: 'body' }, + homepageH1: { + fontFamily: 'heading', + fontWeight: { base: 700, md: 500 }, + fontSize: { base: '2.75rem', md: '6rem' }, + outline: '1px solid red', + lineHeight: { base: '3.375rem', md: '6rem' } + }, + header1: { + fontFamily: 'heading', + fontWeight: 700, + fontSize: '2.125rem', + letterSpacing: '3%', + lineHeight: 'auto' + }, + header2: { + fontFamily: 'heading', + fontSize: '1.75rem', + letterSpacing: '4%', + lineHeight: 'auto' + }, + header3: { + fontFamily: 'heading', + fontSize: '1.375rem', + letterSpacing: '4%', + lineHeight: 'auto' + }, + header4: { + fontFamily: 'heading', + fontSize: '1.125rem', + letterSpacing: '4%', + lineHeight: 'auto' + }, + header5: { + fontFamily: 'heading', + fontSize: '1rem', + letterSpacing: '2%', + lineHeight: 'auto' + }, + header6: { + fontFamily: 'heading', + fontSize: '0.875rem', + letterSpacing: '2%', + lineHeight: 'auto' + }, 'header-font': { fontFamily: 'heading', fontWeight: 700,