Hi ​@Hillary Curran we cannot wait to publish our ideas on Pages! Some use cases we are planning on implementing at the moment are 1) Incidents page to gather all incidents our agents need to be aware of in order to minimize the noise from announcements and 2) Newsletter page with giving different stakeholders the option to add content related to their area, allowing our team to gain back some time we would normally spend to create the newsletter from top to bottom.

What I’m struggling with is the banner - I create custom banners in Canva and I have to move the graphics and text around, download it and crop it several times before it looks as intended on the page. Also, it then looks good on the 13’ inch MacBook screen but when I open the page on any other screen, the banner looks different, changes size, is not visible as intended and is even blurry - we need it to be responsive so that it looks the same regardless of what screen we view the page on (we have users with screens from 13’ to 27’). 

What are the recommended dimensions of the banner? I do not mean the 16:3 ratio, we need the exact dimensions in px.

Thanks!

YAHOOOOOOO! I learned so much at the workshop and am excited to share a feature request. 

We would love to create a verification score that can be specific to the custom pages. For example, we are going to create and R&D custom page and we would love to say ‘of only R&D content, this is our verification score’. Or even have a friendly competition across R&D teams : Product verification score, Engineering verf. score, and UX verf score all listed on the homepage! 

:) 

Hi ​@Lucia Delicova,

I love the ideas you’re working on for Pages—your Incidents and Newsletter use cases sound like such a great way to streamline communication and save your team time. Kudos for diving in and getting creative with Guru!

About the banner / header image: I totally understand how tricky it can be to get it looking just right on different screen sizes. A few tips to help:

1. Keep it Simple: The header image is best used to showcase your brand’s colors, patterns, or visual style. Think of it as a way to add flair to the page. Any text or important info should live on the page itself to ensure it’s always readable.

2. Responsive Design: The header image acts as a responsive viewport for an image, meaning its appearance will adjust dynamically across different screen sizes. To make sure your design works everywhere, avoid placing key elements near the edges, as they may get cropped or scaled differently.

3. Start with the Right Size: In Canva, create a design and start with a custom size of set 1900x360px and download as a PNG without compression. Within the header image, focus on the 1500x190px safe zone for key design elements to ensure they’re always visible. Avoid re-cropping or resizing after downloading, as that can degrade the image.

   

    

4. Safe Zone for Design: Keep key elements (like logos or graphics) within the 1500x190px area while leaving space for the search bar, which is centered. Use the rest of the header image for decorative or background elements.

To help illustrate this, I’m attaching an image that highlights the safe zones and dimensions. 

Hope these tips and the visual guide, helps create a header image that looks great and works well for your team. Let me know if you’d like more guidance—I’d be happy to help!

Can’t wait to see your Pages in action. Please share! the team would love to see them

Hey ​@Johanna Evans Thank you so much for these tips, this is exactly what I needed!  I’m saving your tips to our guidelines so we always apply this and I’ll share later what I’ve come up with 

Keeping the inspo going 

Here are a few examples. Keep threading any screenshots you want to show off!