Logo extending outside hero banner — evaluate and implement if professional #178

New Issue

Closed

opened 2026-05-19 15:01:56 -05:00 by null · 2 comments

null commented

2026-05-19 15:01:56 -05:00

Owner

Owner Feedback

The owner liked how the logo on the current live site extends outside/beyond the hero banner boundary. They want to explore doing the same here.

However, the owner acknowledged this might not look professional enough. If the design team (Scarlett) determines that extending the logo outside the banner looks unprofessional or hurts the layout, the current size/placement within the hero is acceptable — as long as the correct logo is used (see companion issue).

Acceptance

Scarlett evaluates logo-overhang design on both mobile and desktop
If it looks professional: implement the overhang effect
If not: keep current placement, ensure real logo is used
Document the design decision

## Owner Feedback The owner liked how the logo on the current live site extends outside/beyond the hero banner boundary. They want to explore doing the same here. **However**, the owner acknowledged this might not look professional enough. If the design team (Scarlett) determines that extending the logo outside the banner looks unprofessional or hurts the layout, the current size/placement within the hero is acceptable — as long as the correct logo is used (see companion issue). ## Acceptance - [ ] Scarlett evaluates logo-overhang design on both mobile and desktop - [ ] If it looks professional: implement the overhang effect - [x] If not: keep current placement, ensure real logo is used - [x] Document the design decision

null added the

frontend

owner

labels 2026-05-19 15:01:56 -05:00

null commented

2026-05-26 12:34:37 -05:00

Author

Owner

As Scarlett: I would not copy the live-site overhang as-is.

The live version has a huge compass/logo breaking out of the header area. It is memorable, but it also makes the page feel more stylized and less enterprise-polished. On the newer design, we’ve been moving toward a cleaner business services look: tighter navigation, real logo usage, stronger hero messaging, and fewer decorative flourishes. A large overhanging logo could fight that direction.

My recommendation:

Keep the logo in the navbar/header area, but make it feel intentional with one of these cleaner options:

Best choice: keep current navbar logo placement and size
Professional, stable, doesn’t compete with the hero message.

Acceptable experiment: slight overhang only on desktop
Maybe the compass extends 6-10px below the nav bar, very subtle. No giant badge, no hero overlap, no mobile overhang.

Avoid: large live-site-style logo overhang
It creates a more dated/custom-template feel and risks looking like decoration instead of brand.

For mobile, I would keep it completely contained. Overhangs on mobile tend to create spacing and alignment problems fast.

Scarlett recommends against a large logo-overhang treatment. The live-site version is distinctive but less aligned with the current modern business direction. The site should keep the real Queue North logo contained in the global header, with only a subtle desktop overhang considered if the owner wants a nod to the previous design. Current contained placement is the safer professional choice.

As Scarlett: I would not copy the live-site overhang as-is. The live version has a huge compass/logo breaking out of the header area. It is memorable, but it also makes the page feel more stylized and less enterprise-polished. On the newer design, we’ve been moving toward a cleaner business services look: tighter navigation, real logo usage, stronger hero messaging, and fewer decorative flourishes. A large overhanging logo could fight that direction. My recommendation: Keep the logo in the navbar/header area, but make it feel intentional with one of these cleaner options: Best choice: keep current navbar logo placement and size Professional, stable, doesn’t compete with the hero message. Acceptable experiment: slight overhang only on desktop Maybe the compass extends 6-10px below the nav bar, very subtle. No giant badge, no hero overlap, no mobile overhang. Avoid: large live-site-style logo overhang It creates a more dated/custom-template feel and risks looking like decoration instead of brand. For mobile, I would keep it completely contained. Overhangs on mobile tend to create spacing and alignment problems fast. Scarlett recommends against a large logo-overhang treatment. The live-site version is distinctive but less aligned with the current modern business direction. The site should keep the real Queue North logo contained in the global header, with only a subtle desktop overhang considered if the owner wants a nod to the previous design. Current contained placement is the safer professional choice.

null closed this issue

2026-05-26 12:34:38 -05:00

null reopened this issue

2026-05-26 12:35:59 -05:00

null commented

2026-05-26 12:55:48 -05:00

Author

Owner

enlarged

null closed this issue

2026-05-26 12:55:48 -05:00