A
Accueil > Constants > CustomTypography

CustomTypography

Titres alternatifs
{
"XS": {
"fontFamily": "Barlow, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', sans-serif",
"fontWeight": "600",
"fontSize": 48,
"lineHeight": 56,
"letterSpacing": 0
},
"SM": {
"fontFamily": "Barlow, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', sans-serif",
"fontWeight": "600",
"fontSize": 56,
"lineHeight": 64,
"letterSpacing": 0
},
"MD": {
"fontFamily": "Barlow, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', sans-serif",
"fontWeight": "600",
"fontSize": 64,
"lineHeight": 72,
"letterSpacing": 0
},
"LG": {
"fontFamily": "Barlow, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', sans-serif",
"fontWeight": "600",
"fontSize": 72,
"lineHeight": 80,
"letterSpacing": 0
},
"XL": {
"fontFamily": "Barlow, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', sans-serif",
"fontWeight": "600",
"fontSize": 80,
"lineHeight": 88,
"letterSpacing": 0
}
}
Titres
{
"H6 - XXS": {
"fontFamily": "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', sans-serif",
"fontWeight": "600",
"fontSize": 20,
"lineHeight": 28,
"letterSpacing": 0
},
"H5 - XS": {
"fontFamily": "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', sans-serif",
"fontWeight": "600",
"fontSize": 22,
"lineHeight": 28,
"letterSpacing": 0
},
"H4 - SM": {
"fontFamily": "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', sans-serif",
"fontWeight": "600",
"fontSize": 24,
"lineHeight": 32,
"letterSpacing": 0
},
"H3 - MD": {
"fontFamily": "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', sans-serif",
"fontWeight": "600",
"fontSize": 28,
"lineHeight": 36,
"letterSpacing": 0
},
"H2 - LG": {
"fontFamily": "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', sans-serif",
"fontWeight": "600",
"fontSize": 32,
"lineHeight": 36,
"letterSpacing": 0
},
"H1 - XL": {
"fontFamily": "Barlow, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', sans-serif",
"fontWeight": "600",
"fontSize": 40,
"lineHeight": 48,
"letterSpacing": 0
}
}
Corps de texte
{
"XS": {
"Regular": {
"fontFamily": "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', sans-serif",
"fontWeight": "400",
"fontSize": 12,
"lineHeight": 20,
"letterSpacing": 0
},
"Bold": {
"fontFamily": "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', sans-serif",
"fontWeight": "600",
"fontSize": 12,
"lineHeight": 20,
"letterSpacing": 0
},
"Caps": {
"fontFamily": "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', sans-serif",
"fontWeight": "400",
"fontSize": 12,
"lineHeight": 20,
"letterSpacing": 0,
"textTransform": "uppercase"
},
"CapsBold": {
"fontFamily": "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', sans-serif",
"fontWeight": "600",
"fontSize": 12,
"lineHeight": 20,
"letterSpacing": 0,
"textTransform": "uppercase"
},
"SemiBold": {
"fontFamily": "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', sans-serif",
"fontWeight": "600",
"fontSize": 12,
"lineHeight": 20,
"letterSpacing": 0
}
},
"SM": {
"Regular": {
"fontFamily": "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', sans-serif",
"fontWeight": "400",
"fontSize": 14,
"lineHeight": 20,
"letterSpacing": 0
},
"Medium": {
"fontFamily": "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', sans-serif",
"fontWeight": "500",
"fontSize": 14,
"lineHeight": 20,
"letterSpacing": 0
},
"SemiBold": {
"fontFamily": "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', sans-serif",
"fontWeight": "600",
"fontSize": 14,
"lineHeight": 20,
"letterSpacing": 0
},
"Bold": {
"fontFamily": "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', sans-serif",
"fontWeight": "600",
"fontSize": 14,
"lineHeight": 20,
"letterSpacing": 0
},
"CapsBold": {
"fontFamily": "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', sans-serif",
"fontWeight": "600",
"fontSize": 14,
"lineHeight": 20,
"letterSpacing": 0,
"textTransform": "uppercase"
}
},
"MD": {
"Regular": {
"fontFamily": "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', sans-serif",
"fontWeight": "400",
"fontSize": 16,
"lineHeight": 24,
"letterSpacing": 0
},
"Medium": {
"fontFamily": "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', sans-serif",
"fontWeight": "500",
"fontSize": 16,
"lineHeight": 24,
"letterSpacing": 0
},
"SemiBold": {
"fontFamily": "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', sans-serif",
"fontWeight": "600",
"fontSize": 16,
"lineHeight": 24,
"letterSpacing": 0
},
"Bold": {
"fontFamily": "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', sans-serif",
"fontWeight": "600",
"fontSize": 16,
"lineHeight": 24,
"letterSpacing": 0
}
},
"LG": {
"Regular": {
"fontFamily": "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', sans-serif",
"fontWeight": "400",
"fontSize": 18,
"lineHeight": 28,
"letterSpacing": 0
},
"Medium": {
"fontFamily": "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', sans-serif",
"fontWeight": "500",
"fontSize": 18,
"lineHeight": 28,
"letterSpacing": 0
},
"SemiBold": {
"fontFamily": "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', sans-serif",
"fontWeight": "600",
"fontSize": 18,
"lineHeight": 28,
"letterSpacing": 0
}
}
}
Alveole UI Kit — v1.9.0