Style Guide

Heading 1

Figtree Bold
(42px) 2.625em | 3.25em | 2.5em
#572cf5

Heading 2

Figtree Regular
(36px) 2.25em | 2.75em | 2.25em
#572cf5

Heading 3

Figtree Regular
(36px) 2.25em | 2.25em | 2em
#572cf5

HEADING 4

Figtree Regular
(24px) 1.5em | 1.8em | 1.6em
#572cf5

Heading 5

Figtree Light All Caps
(18px) 1.13em | 1em | 0.9em
#572cf5

Heading 6

*Use for lists

Figtree Regular
(16px) 1em | 0.9em | 0.8em
#572cf5

Body Large (Intro Copy)

Figtree Regular
(20px) 1.31em | 1.31em | 1.2em
#373e40

Body Medium (Standard Copy)

Figtree Regular
(18px) 1.13em | 1em | 0.9em
#373e40

Body Small

Figtree Regular
(16px) 1em | 0.9em | 0.8em
#373e40

Link Text

Figtree Regular
(16px) 1em | 0.9em | 0.8em
#8c7a63
Hover: #dd9a08

Quote/Testimonial

PT Serif Pro Regular Italic
(16px) 1em | 0.9em | 0.8em
#373e40

Caption Text
Figtre Regular
14px (0.78em)
#b3b3b3

Color/Photo Blocks

BUTTON 03

Color/Photo Blocks

BUTTON 03

Lists

  • List item 1
  • List item 2
  • List item 3

Figtree Regular
(16px) 1em | 0.9em | 0.8em
1.6 line height
#373e40

Button 01

Figtree Semi Bold All Caps
(18px) 1.13em | 1em | 0.9em
#572cf5
Letter Spacing: 1px

Background: #ffffff
Hover background: ghost
Hover border color: #d2abd8
Hover text color: #d2abd8
Margin (top and bottom): 2vw
Padding (top and bottom): 0.6em
Padding (left and right): 2em
Border: 3px
Border radius: 3px

Button 02

Figtree Semi Bold All Caps
(18px) 1.13em | 1em | 0.9em
#572cf5
Letter Spacing: 1px

Background: #ffffff
Hover background: ghost
Hover border color: #d2abd8
Hover text color: #d2abd8
Margin (top and bottom): 2vw
Padding (top and bottom): 0.6em
Padding (left and right): 2em
Border: 3px
Border radius: 3px

Color/Photo Blocks

BUTTON 03

Figtree Semi Bold All Caps
(18px) 1.13em | 1em | 0.9em
#74d2e7
Letter Spacing: 1px

Background: ghost
Hover background: #74d2e7
Hover text color: #ffffff
Margin (top and bottom): 2vw
Padding (top and bottom): 0.6em
Padding (left and right): 2em
Border: 2px
Border radius: 3px
Border Color: #74d2e7;
Hover Border Color: #74d2e7

Key

Default pixel size = 16
(Be sure to set font sizes in ems)

Gathered Grace

#572C5F

#a457b2

#d2abd8

Open Aspiration

#74D2E7

Flourish Forward

#D0DF00

16px  =  1em
18px  =  1.125em
20px  =  1.25em
21px  =  1.3125em
24px  =  1.5em
28px  =  1.75em
30px  =  1.875em
32px  =  2em
36px  =  2.25em
40px  =  2.5emm
42px  =  2.625em
48px  =  3em
50px  =  3.125em
54px  =  3.375em
60px  =  3.75em
72px  =  4.5em
90px  =  5.625em
120px  =  7.5em

 

 

#290b38

#79577f

#9a819f

#bbabc0

#ddd5df

#f3f0f4

#2f92a3

#90dbec

#ace4f1

#c8edf6

#e3f6fa

#f5fcfd

#b7ba32

#d9e64b

#e3ec7b

#ecf2a7

#f6f9d3

#fcfdef

VISIT

223 S Main St
Goshen, IN 46526

CONTACT

(574) 533-9680
[email protected]

GET HELP TODAY

Program Hours →

CONNECT

NEWSLETTER SIGN-UP

© 2025. All Rights Reserved.
Made with ♥ by LightBox

Terms & Conditions | Privacy Policy