Brand - Annapurna Interactive

Skip to content

Headline Typography

Type	Example	Class
H1	We Kill Monsters	text-h1
H2	Established in 2016	text-h2
H3	Add to Wishlist	text-h3
H4	Release Date	text-h4

Body Typography

Type	Example	Class
small	Occaecat commodo sit sit ullamco. Non eiusmod cupidatat ad reprehenderit et occaecat adipisicing sunt incididunt. Labore Lorem anim commodo ad enim dolor Lorem irure consequat aute ullamco consequat fugiat amet. Lorem elit Lorem velit cupidatat tempor fugiat excepteur. Commodo eu minim sit nostrud eu veniam pariatur eiusmod.	text-small
regular	Occaecat commodo sit sit ullamco. Non eiusmod cupidatat ad reprehenderit et occaecat adipisicing sunt incididunt. Labore Lorem anim commodo ad enim dolor Lorem irure consequat aute ullamco consequat fugiat amet. Lorem elit Lorem velit cupidatat tempor fugiat excepteur. Commodo eu minim sit nostrud eu veniam pariatur eiusmod.	text-base
large	Occaecat commodo sit sit ullamco. Non eiusmod cupidatat ad reprehenderit et occaecat adipisicing sunt incididunt. Labore Lorem anim commodo ad enim dolor Lorem irure consequat aute ullamco consequat fugiat amet. Lorem elit Lorem velit cupidatat tempor fugiat excepteur. Commodo eu minim sit nostrud eu veniam pariatur eiusmod.	text-large

Colors

Black

bg-black

White

bg-white

Buttons

Sizes

<Button size="default" />

<Button size="large" />

Tones

<Button tone="primary" />

<Button tone="primary" disabled />

<Button tone="secondary" />

<Button tone="secondary" disabled />

<Button tone="ghost" />

<Button tone="ghost" disabled />

Misc

<Button tone="primary" icon={...} />

<Button tone="primary" size="large" icon={...} />

<Button tone="secondary" icon={...} />

<Button tone="secondary" size="large" icon={...} />