Use link styles for interactive text that needs to be recognisable, accessible, and consistent.
Link styles are used for interactive text within content and interface patterns. They should stay visually aligned with surrounding typography while remaining clearly actionable.
Link large regular
Prominent text links paired with large body text or heading-adjacent content.
sgds-font-size-link-lgsgds-font-weight-regularsgds-line-height-mdsgds-letter-spacing-normalLink medium regular
Default inline link style within standard body content.
sgds-font-size-link-mdsgds-font-weight-regularsgds-line-height-xssgds-letter-spacing-normalLink small regular
Secondary or compact links in dense layouts.
sgds-font-size-link-smsgds-font-weight-regularsgds-line-height-2-xssgds-letter-spacing-normalLink XS regular
Smallest supporting links, including metadata actions and compact controls.
sgds-font-size-link-xssgds-font-weight-regularsgds-line-height-3-xssgds-letter-spacing-normalThe Singapore Government Design System was developed to empower teams in creating fast, accessible and mobile-friendly digital services.