Pro-tips: Paste this content into a dedicated page named “Style guide”. Convert each color style below to global swatches so they can be used in text, borders, backgrounds, and gradients. To do this, select a color style element, navigate to the Background Color section in the Style panel, edit the color, and add it as a global swatch.
Inter Bold 44px/64px
Inter Bold 40px/56px
Inter Bold 36px/48px
Inter Bold 52px/72px
Inter Regular 18px/32px
Inter Regular 18px/32px
Inter Regular 16px/32px
Inter Regular 14px/24px
Inter Bold 14px/24px
Inter Medium Italic 20px/32px
neutral/50 - #F9FAFB
neutral/100 - #F3F4F6
neutral/200 - #E5E7EB
neutral/300 - #D1D5DB
neutral/400 - #9CA3AF
neutral/500 - #6B7280
neutral/600 - #4B5563
neutral/700 - #374151
neutral/800 - #172231
neutral/900 - #111827
primary/main - #6CE7BE
button/main - stop 1 / 0% / #6CE7BE stop 2 / 100% / #4EA78A
button/hover - stop 1 / 0% / #92FEDB stop 2 / 100% / #5FB398