Change the Header content on the Raft Home Page

[victoriaatraft]

Link to the Figma Design File/Page

Together, we’ll make waves in technology (50px or 3 rem) AI/ML Battle Management Tools · COP-Agnostic Data Fabric · DDIL Platform Designed for the Tactical Edge · Complex Software Application Software Factory (Ubuntu 24px 1.5 rem) We’re building the sharpest digital solutions and solving the most complex problems, while having fun (Space Mono 18px or 1.125rem)

Animation

• When I load the page, the header is typed out like this and the text line cursor is blinking.
• The last word deletes and types the following:
  1. technology
  2. data
  3. software
  4. DDIL platforms
  5. artificial intelligence
  6. complex apps
• Delay between each word: 2 second delay, infinitely loops CSS Animation example here

Design Notes:

• 16px or 1rem between each header
• Align the text to the logo (it changes on screen size, but can it remain consistent on wide screens?)
• Place text to the bottom left corner of the screen instead of centered (might need to eyeball)
• "having fun": #D263FA
• text color for all lines: #F5E3F1
• purple radial gradient over the last word would be nice
• changing words in Space Mono Regular