SGDS App Layout Pattern

SGDS provides two recommended application layout templates. Choose based on your app type.

Prerequisites

Import these CSS files before using any layout:

import "@govtechsg/sgds-web-component/themes/day.css";
import "@govtechsg/sgds-web-component/css/sgds.css";       // foundation + grid
import "@govtechsg/sgds-web-component/css/utility.css";    // sgds: utility classes

See sgds-components-setup for full installation.

Quick Decision Guide

Public-facing website, informational or transactional pages? → Simple App Layout