[Epic] Implement Elastic design

[bmorelli25]

Summary

Implement the Elastic design

Tasks

• Decide on any CSS/HTML frameworks that we want to use
• Update Landing page
• Update Page format
• Update Nav items
• Update components:
  • Applies to tag
  • Code blocks (waiting on design — see Additional design elements needed #284)
  • Admonitions (waiting on design — see Additional design elements needed #284)
  • Note (waiting on design — see Additional design elements needed #284)
  • Warning (waiting on design — see Additional design elements needed #284)
  • Tip (waiting on design — see Additional design elements needed #284)
  • Important (waiting on design — see Additional design elements needed #284)
  • Plain (waiting on design — see Additional design elements needed #284)
  • Tabs (waiting on design — see Additional design elements needed #284)
  • Dropdowns (waiting on design — see Additional design elements needed #284)
• Remove unused CSS & clean up

Other notes

See the following sub-issues for writer-suggested improvements.

cc @KOTungseth

[reakaleek]

Status Update

Base frontend setup

• Parceljs setup for transpiling, minifying js and css: Set up parceljs #389
• Enhance developer experience: Add ./build.sh watch to integrate all continuous builds. #390
• REDESIGN feature flag with basic tailwindcss setup: Add redesign feature flag #392

[bmorelli25]

other figma: https://www.figma.com/design/PBZ7zrwFQ7kUNZ3dcvwwSB/Doc-review-01%2F28?node-id=71-1436&p=f&t=7elpTlLXxQX9kfns-0