As a designer on the BMI / Digital Detox team, as part of the package it was necessary to formalise a design system and content map with guidelines so that the digital content teams at BMI could scale the project across all their regions.
I was responsible for creating and maintaining foundations, such as colour palettes, typography and iconography, as well as developing the BMI component kit.
As a designer on the BMI / Digital Detox team, as part of the package it was necessary to formalise a design system and content map with guidelines so that the digital content teams at BMI could scale the project across all their regions.
I was responsible for creating and maintaining foundations, such as colour palettes, typography and iconography, as well as developing the BMI component kit.
As a designer on the BMI / Digital Detox team, as part of the package it was necessary to formalise a design system and content map with guidelines so that the digital content teams at BMI could scale the project across all their regions.
I was responsible for creating and maintaining foundations, such as colour palettes, typography and iconography, as well as developing the BMI component kit.




System file structure
System file structure
System file structure
The system was structured with separate foundation files for Typography, Colour Palette, Iconography, Illustrations, and a separate UI Kit file with all components and documentation.
This structure kept the UI Kit uncluttered, with no local styles to maintain in other files. It would also have been easier to split off into platform-specific UI kits if needed, because the foundational files would remain undisturbed.



As a designer on the BMI / Digital Detox team, as part of the package it was necessary to formalise a design system and content map with guidelines so that the digital content teams at BMI could scale the project across all their regions.
I was responsible for creating and maintaining foundations, such as colour palettes, typography and iconography, as well as developing the BMI component kit.


£1,557.35
TOTAL BALANCE
11% vs Monday last week
£75
£50
£25
£0
Yesterday
Today
06:00
12:00
18:00
24:00
Activity
See all
-£4.75
Debit
11:31
£3.00
Credit
11:37
£3.00
Debit
11:37
£2.50
Debit
12:02
Ocra stores
Summary
Transactions
Billing
Account
£1,557.35
TOTAL BALANCE
11% vs Monday last week
£75
£50
£25
£0
Yesterday
Today
06:00
12:00
18:00
24:00
Activity
See all
-£4.75
Debit
11:31
£3.00
Credit
11:37
£3.00
Debit
11:37
£2.50
Debit
12:02
Ocra stores
Summary
Transactions
Billing
Account
System file structure
System file structure
The system was structured with separate foundation files for Typography, Colour Palette, Iconography, Illustrations, and a separate UI Kit file with all components and documentation.
This structure kept the UI Kit uncluttered, with no local styles to maintain in other files. It would also have been easier to split off into platform-specific UI kits if needed, because the foundational files would remain undisturbed.

