# Trinity Ostomy Care.
A healthcare website with a challenging triangular graphic design, a Norwegian language variant, and careful attention to accessibility contrast and EU compliance.
## The brief
The client wanted a bold design for the website that would stand out in the healthcare space, and the design team delivered a striking layout with large triangular background graphics. The challenge was building the site to match the design while ensuring it was fully responsive and that the text content would always be legible and not overlap with the graphic elements at any screen size.
Due to the company being EU-based, I had to ensure the website complied with EU regulations that differ from UK rules. The site also has a full Norwegian language version at trinityostomycare.no, with careful attention to the target audience's needs — particularly visual contrast for readability given the healthcare context.
## Scope
- [x] Triangular background design with responsive text positioning
- [x] Norwegian language variant (trinityostomycare.no)
- [x] High-contrast design for healthcare audience readability
- [x] EU internet law compliance (cookies, privacy, policies)
- [x] Responsive testing across all breakpoints for graphic overlap
## Responsive triangle design
Each triangular background section uses carefully calculated CSS positioning to keep text within the transparent zone at every breakpoint — tested at every width to prevent overlap with the graphic elements.
