TWE Design System: Create Generic Design Components and Mockups

[cbutcher318]

Overview

We need to create generic components and a mockup of a website homepage that aligns to our brand and style guides to be used to complete website design in the future.

Background Information

• website will not focus on intern application, but will provide information to interns

Items

• Create issues and track these issues
  • TWE Design System Components : Drop Down Menus #399
  • TWE Design System Components: Buttons  #400
  • TWE Design System Components: Generic Homepage #401
  • TWE Design System Components: Cards #402
  • TWE Design System Components: Headers #403
  • TWE Design System Components: Accordion Menu #404
  • TWE Design System Components: Typography #406
  • TWE Design System Components: Colors #407
  • TWE Design System Components: Footers #408
  • TWE Design System Components: Dialogs (Modals/Pop-ups) #409
  • TWE Design System Components: Toggles #410
  • TWE Design System Components: Check Boxes #411
  • TWE Design System Components: Radio Buttons #412
  • TWE Design System Components: Tags #413
  • TWE Design System Components: Layout #414
  • TWE Design System Components: Grid System #415
  • TWE Design System Components: Input Fields #416
  • TWE Design System Components: Text Area #417 Replaced by TWE Design System Components: Update Input field according to M3 #540
  • TWE Design System Components: Notifications #418
  • TWE Design System Components: Date Pickers #419
  • TWE Design System Components: Sliders #420
  • TWE Design System Components: Progress Bars (Progress Steppers) #421
  • TWE Design System Components: Breadcrumbs #422
  • TWE Design System Components: Tabs #423 Replaced by Create Tabs in the style of Material Design #623
  • TWE Design System Components: Paginations #424
  • TWE Design System Components: Tooltips #425
  • TWE Design System Components: Icons #426
  • TWE Design System Components: Snackbar #464
  • TWE Design System Components: Feedback alert #510
  • TWE Design System Components: Banner #511
  • TWE Design System: Web Typography Standards Research #528
  • TWE Design System Components: Dropdown with checkbox #538 Replaced by TWE Design System Components: Update Dropdown according to M3 #543
  • Create Input Chips in the style of Material Design  #622
  • TWE Design System Components: Update Buttons according to M3 #619 (an issue to update the work done on TWE Design System Components: Buttons  #400)
  • TWE Design System Components: Text Button #625 Replaced by TWE Design System Components: Update Buttons according to M3 #619
  • TWE Design System Components: logo variations #626
  • TWE Design System Components: Badges #693
  • TWE Design System Components: Icon Buttons #731
  • Put a designer's name next to items they are responsible for and check each off (as assigned)

Resources/Instructions

• Figma

[priyatalwar]

@RobinElayn @bryannalim @meetminji Please create separate issues for each component. We can do one together. Thanks!