Leidos
A Summit x Leidos page that brings the brand store, recognition, team contacts, and custom projects into one place.

One Brand. Every Mission.

Summit x Leidos page on a laptop and phone
Challenge

A Digital Front Door for Leidos

Leidos teams needed one place for branded merch, recognition gifts, recruiting and event kits, and custom requests, plus a clear way to reach the Summit team. I designed and built the Summit x Leidos page in HubSpot as that front door: two clear first steps in the hero, a store organized by category, and one form for custom projects.

Six separate Leidos merchandise requests converging into the Summit x Leidos page, with the Start a Project and Shop the Latest buttons annotated
Designing Around the Mission

Employees want gear, program teams need recognition and event support, and recruiters need kits. The hero speaks to all of them, with Start a Project and Shop the Latest side by side.

Desktop hero and What We Do sections of the Summit x Leidos page
Mobile What We Do for Leidos section
From Story to Action

The page moves from who Summit is, to the team, to the store, then into recognition and custom projects, and every section ends in a clear next step.

Page flow
01
Summit Solutions
What we do for Leidos
02
Your Dedicated Team
Four named contacts, one point of contact
03
Shop by Category
Six category cards
04
Leidos Store
Open Full Store
05
Culture & Recognition
Onboarding, milestones, peer recognition, team pride
06
Start a Custom Project
Five core offerings, one button
07
Bring Your Vision to Your Mission
Project intake form
Making the Brand Feel Human

Dark Purple type, Mid UV magenta calls to action, and a soft lavender ground follow Leidos guidelines. Light, all-caps Nunito Sans headlines stand in for Avenir Next, and people-first photography keeps it warm.

Dark Purple
#251846 · Type
Mid UV
#901686 · Calls to action
Lavender
#ECE7FD · Page ground
Typography
One Brand
Nunito Sans Light, all caps
Body copy
Stands in for Avenir Next
Buttons
Start a ProjectShop the Latest
The Partnership Experience
Leidos store banner on a phone, flanked by the What We Do and Culture and Recognition sections on desktop
Everything On Brand, In Stock

A store banner previews the Leidos catalog on a tablet and sends visitors straight in with one button: Open Full Store. Every item is pre-approved and ready to order.

Leidos store on a tablet
Putting the People Forward

Four named contacts, each with a role and a direct email, show visitors exactly who handles their order before they ever reach out.

Your Dedicated Team section on desktop and mobile
Six Ways Into the Store

Six photo cards split the catalog into Events & Signage, Office Supplies, Kitting & Gifting, Pop-Up Shops, Apparel, and Awards & Recognition, each with its own shop link.

Shop by Category cards on desktop and mobile
The Final Experience
The live page, desktop and mobile
Scroll inside each frame
go.summitmg.com/leidos
Full desktop layout of the Summit x Leidos page
Full mobile layout of the Summit x Leidos page
A Clear Path to Custom Projects

The custom project section lists five core offerings and ends in one button, which lands on a short intake form at the bottom of the page.

Desktop Start a Custom Project section
Mobile project intake form
Recognition, Built In

Culture & Recognition turns onboarding kits, milestones, peer recognition, and team pride into four numbered cards beside people-first photography.

Same build at the mobile breakpoint
Mobile hero of the Summit x Leidos page
Hero
Mobile Shop by Category section
Shop by category
Mobile Culture and Recognition section with stacked cards
Culture & recognition

HubSpot's Simple Card modules strip style blocks, so every module uses inline CSS from a shared pattern library, with scoped !important overrides keeping theme styles from creeping back in.

Culture and Recognition section with four numbered recognition cards
Your Dedicated Team section on desktop
Start a Custom Project section on desktop
Hero of the Summit x Leidos page on desktop