FAQ | This is a LIVE service | Changelog

Skip to content

Create Landing Page with Styling

Description

Landing Page and styling (ie from MyCapp Form Builder).

Figma proto link

Figma design link

See uis/devops&175 (closed)

Task List

  • Check with DA MyCApp code if there is style/components that can be reused
  • Use MUI Theming should be used so normal react/html components get styling rather than styling each separately
  • Use Dark mode support, if provided for free but not to put a lot of effort in it ("stretch goal")
  • Should have Header and Footer separate components to be included in all pages
  • Check Figma templates show how mobile devices should be handled and replicate. If not, take best guess/practice (or go back Jonathan)

Acceptance criteria

  • Visually matches the style in Figma (and MyCapp Form Builder)
  • Works responsively across size ranges (e.g. MUI's xs, sm, md, ...)
  • Re-use components wherever practical
  • On clicking 'Get your University IT account' button, throws up an alert
  • Meets WCAG 2.2 Guidelines
  • HTML Links are operational
Edited by Robin Goodall