Typography & Styles

Configure fonts, spacing, borders, and background images for the stack page (SPA) experience.

Typography

Control the font and text display settings for the stack page experience.

PropertyDescriptionTypeDefault
Font FamilyThe typeface used throughout the stack pageStringSpartan
Page Title Font SizeThe font size of the page title headingPixels16px
Description Font SizeThe font size of description textPixels12px
Action Button Font SizeThe font size of action button labelsPixels17px
Show Page TitleToggle to show or hide the page title on the stack pageBooleanOn

Layout

Fine-tune the visual layout of components on the stack page.

PropertyDescriptionTypeDefault
Action Button Border RadiusThe corner rounding of action buttonsPixels8px
Action Group Border RadiusThe corner rounding of action group containersPixels8px
Action Group Border WidthThe border thickness of action group containersPixels2px
Inline Image Border RadiusThe corner rounding of inline imagesPixels5px
Header/Footer Blur AmountThe blur intensity applied to header and footer overlaysPixels6px
Header/Footer OpacityThe opacity of header and footer overlays (range 0–1)Decimal0.38

Background Image

Configure a background image that appears behind the stack page content. The following properties control its appearance:

PropertyDescriptionTypeDefault
Image URLThe URL of the background imageURL—
PositionThe CSS background position of the imagecenter / top / bottom / left / rightcenter
SizeThe CSS background size of the imagecover / contain / 100% / autocover

Additional Colours

Additional colour settings specific to the stack page experience.

PropertyDescriptionTypeDefault
Progress Bar ColorThe colour of progress bars and loading indicators on the stack pageHex colour#3f6385