Preview image. Unlock full-res
A website application page showing the CIBSE homepage on a laptop against a yellow field, with QR codes linking to desktop and mobile examples.
Summary
The website application page: the CIBSE homepage rendered on a floating laptop against a saturated yellow background, with two QR codes linking to live desktop and mobile examples.
Visual description
A bold mustard-yellow field fills the page. A laptop, shown head-on and floating, displays the CIBSE homepage: a white top nav with the hawk lockup and menu, then a hero where a diagonal blue panel overlays a photo of two colleagues, carrying the white/blue "Inspiring people. Transforming places." headline, sub-copy and a "Scroll down to find out more" prompt. The left margin holds a white "Website" heading, two short paragraphs about punchy colours, warm people-focused photography and white space, and two labelled QR codes ("desktop page," "mobile page"). The same diagonal-cut device from the print system carries straight into the web hero.
Key takeaway
Demonstrating the web application against an off-brand vivid yellow so the laptop pops, while proving the signature diagonal-cut photo device works as a website hero. The QR codes linking to the live responsive pages are a practical touch for a static guideline.
Reuse notes
Shows the brand's core device translating from print to screen. The yellow staging background and QR-to-live-example pattern are reusable ideas for any guideline documenting a website.
