02 / Typography
Typography Scale
Display Hero
Display Hero -- 56px / 300 / 1.03 / -1.4px / sohne-var "ss01"
Display Large
Display Large -- 48px / 300 / 1.15 / -0.96px / sohne-var "ss01"
Section Heading
Section Heading -- 32px / 300 / 1.10 / -0.64px / sohne-var "ss01"
Sub-heading Large
Sub-heading -- 26px / 300 / 1.12 / -0.26px / sohne-var "ss01"
Sub-heading
Sub-heading -- 22px / 300 / 1.10 / -0.22px / sohne-var "ss01"
Body Large -- Financial infrastructure for the internet. Millions of companies use Stripe to accept payments.
Body Large -- 18px / 300 / 1.40 / normal / sohne-var "ss01"
Body -- Standard reading text for descriptions and content.
Body -- 16px / 300 / 1.40 / normal / sohne-var "ss01"
Button Text
Button -- 16px / 400 / 1.00 / normal / sohne-var "ss01"
Link / Navigation
Link -- 14px / 400 / 1.00 / normal / sohne-var "ss01"
Caption -- Small labels and metadata
Caption -- 12px / 300 / 1.45 / normal / sohne-var "ss01"
$1,234,567.89
Tabular Numbers -- 12px / 300 / 1.33 / -0.36px / sohne-var "tnum"
const stripe = require('stripe')('sk_test_...');
Code Body -- 12px / 500 / 2.00 / Source Code Pro
API VERSION
Code Label -- 12px / 500 / uppercase / Source Code Pro