Background and Header Test
Body Background Test
This page tests the black body background and white text visibility.
The body background should be black and this text should be white and clearly visible.
Card on Black Background
This card should have a white/light background and be clearly visible against the black body background.
Card text should be black and readable on the white card background.
Elevated Card Test
This elevated card should also be clearly visible with proper contrast.
Mobile Header Test
The header at the top of the page should be:
- Visible on all screen sizes (mobile, tablet, desktop)
- Have a black/dark background
- Have white text and logo
- Have a visible hamburger menu button on mobile (< 1024px)
- Hamburger icon should be white/light colored
To test mobile: Resize your browser window to less than 1024px width or use browser dev tools to emulate mobile device.
Scroll Test
Scroll down this page to test if the header remains visible and properly styled when scrolling.
Spacer Section 1
Scroll past this section to test header behavior.
Spacer Section 2
Continue scrolling to test header visibility.
End of Test Page
If you can read this, scrolling and visibility are working correctly!