Stephen Gaynor School
Website UI Kit

Typography Hierarchy

Your eyebrow and headline font is Lexend.

Recommended starting headline size (H1) is 45 px with a minimum of 30 px, but adjust depending on what you're creating. Eyebrows are always all caps. Subsequent headline sizes are as follows (maximum/minimum):
  • H2: 27 px / 22 px
  • H3: 24 px / 20 px
  • H4-5: 18 px / 16 px
  • Eyebrows: 18 px

Your paragraph font is Inter.

Recommended body copy size is 18 px with a minimum of 14 px, but adjust depending on what you're creating.

Your button text is Satoshi.

Recommended button text size is 18 px with a minimum of 16.5 px, but adjust depending on what you're creating. Button text is always all caps.

Color Palette

#014C3A

#116A52

#579677

#42BB7E

#3EE08E

#0C2B35

#095CAA

#C2F3FF

#DCF3FB

#F1F8FB

#D48319

#DDA90D

#FFE394

#FFF3DD

#F9F6F1

148 West 90th Street,
New York, NY 10024
(212) 787-7070
At Stephen Gaynor School, students with learning differences develop essential academic and critical thinking skills through individualized and evidence-based approaches, empowering them to reach their full potential. Students learn to advocate for themselves and others while actively building an inclusive community, a sense of belonging, and a belief in their own possibilities.
© Stephen Gaynor School 2026. All rights reserved.