Skip to main content

Interface: ThemeTypography

Defined in: src/theme/types.ts:268

Typography system interface for text styling. Defines font families, sizes, weights, and line heights.

Propertiesโ€‹

fontFamilyโ€‹

fontFamily: {
mono: readonly string[];
sans: readonly string[];
};

Defined in: src/theme/types.ts:270

Font family definitions

monoโ€‹

mono: readonly string[];

Monospace font stack

sansโ€‹

sans: readonly string[];

Sans-serif font stack


fontSizeโ€‹

fontSize: {
2xl: string;
3xl: string;
4xl: string;
base: string;
lg: string;
sm: string;
xl: string;
xs: string;
};

Defined in: src/theme/types.ts:277

Font size scale

2xlโ€‹

2xl: string;

Extra extra large font size (2xl)

3xlโ€‹

3xl: string;

Extra extra extra large font size (3xl)

4xlโ€‹

4xl: string;

Extra extra extra extra large font size (4xl)

baseโ€‹

base: string;

Base font size for body text

lgโ€‹

lg: string;

Large font size

smโ€‹

sm: string;

Small font size

xlโ€‹

xl: string;

Extra large font size

xsโ€‹

xs: string;

Extra small font size


fontWeightโ€‹

fontWeight: {
bold: string;
medium: string;
normal: string;
semibold: string;
}

Defined in: src/theme/types.ts:296

Font weight scale

boldโ€‹

bold: string;

Bold font weight for emphasis

mediumโ€‹

medium: string;

Medium font weight for moderate emphasis

normalโ€‹

normal: string;

Normal font weight for body text

semiboldโ€‹

semibold: string;

Semi-bold font weight for subtle emphasis


lineHeightโ€‹

lineHeight: {
normal: string;
relaxed: string;
tight: string;
}

Defined in: src/theme/types.ts:307

Line height scale

normalโ€‹

normal: string;

Normal line height for readable text

relaxedโ€‹

relaxed: string;

Relaxed line height for improved readability

tightโ€‹

tight: string;

Tight line height for compact text