BP Core
A sustainable design system for every bp application, built for people and the planet.
- Role
- Senior Product Designer
- Duration
- 6 months
- Location
- London
- Product
- Design system
One cohesive, delightful experience across every bp application.
The aim
A strategic ally, not just a toolkit
bpCore combines working code, design principles and shared know-how. We set its objectives with key business stakeholders, so it would serve designers, developers and customers while backing the business vision.
- A foundation each bp business can adapt to its own character.
- Faster design through reusable components.
- Tested with every application, learning as it grows.
- One consistent experience across the whole bp estate.
- Aligned with the company-wide digital design vision.
In the system today.
Across bp’s products.
For responsive, scalable layouts.
Grid, colour and type
A 12-column grid keeps layouts responsive and scalable. Colour sets the brand apart and keeps products consistent, and a full type scale covers every style the system needs.
Icons and buttons
Icons help people understand quickly and draw attention to actions, with bp’s personality built in. Buttons come in three styles (filled, outline, and outline with background) plus a set of static buttons.
Form elements
Checkboxes, radio buttons, toggles, date pickers and inputs went through several rounds of refinement until they sat seamlessly in the system, in light and dark.
Cards, and the system in use
A single card type was never going to be enough, so the system offers a range of card styles for different content.
