RubySpeeders / Drum-Roulette

https://drum-roulette.vercel.app
3 stars 3 forks source link

DR-89-Style the Landing Page #89

Open RubySpeeders opened 1 year ago

RubySpeeders commented 1 year ago

ISSUE TEMPLATE

User Story

As a user, I want to see the landing page as styled in figma.

1) Style the landing page to match the Figma prototype

depends on: PR-69


General Description

___ ### Technical Steps - [x] Replace copy on existing landing page to match Figma prototype - [x] Perform css reset using CssBaseLine component from Material ui (normalizes padding, margins, box-sizing, etc.) - [x] Add inter as a font to material ui theme - [x] Add default background color to material ui theme - [x] Add default primary text color to material ui theme - [x] Add module augmentation for material ui DefaultTheme (Typescript) - [x] Add styling to landing page to match Figma prototype ___ ### Acceptance Criteria - [x] When landing page is loaded, the design should match the Figma prototype ___ ### Accessibility Acceptance Criteria - [x] Tested with voice over / screen reader on
RubySpeeders commented 1 year ago

Story points: 5