Design Resources
The design kits and links below are provided to help you get started with mobile UI design. When editing and changing the files, please be sure to adhere to ADA standards and brand compliance. We appreciate the acknowledgement of use of our kits and your feedback to help us improve them.
Note: To download assets from Box, you must have a valid KP box account. Visit the Comms KP Box website to set up a Box account. Because designers can alter multiple aspects of screens and design elements, the MCoE Design Team does not assume responsibility for any designs or derivative design products from the use of these resources.
Resource Categories
Color Palettes
View all color palettes recommended and approved by the Brand Center and MCoE Design Team.
View Color Palettes
Icons
Icon Library
There are 100+ vectors icons available to use in our apps. They are hosted on the KP Brand Center at Guidelines > Iconography > Access to Icon Set.
View the Icon Library
App Product Icon Toolkit
Your app product icon must align with Kaiser Permanente’s Mobile Brand Architecture.
Download the App Product Icon Toolkit
Screen Templates
Sign In
MCoE KP authentication sign in screen designs.
Download the Sign In Screen Template
Splash
KP splash screen designs for mobile apps.
Download the Splash Screen Template
Checklists
UX/UI Brand Certification
The UX/UI Brand Certification Checklist provides a step by step guide on how to pass the UX/UI Certification gate.
Download the UX/UI Brand Certification Checklist v1.3
Mobile Design Consistency
The Mobile Design Consistency Checklist ensures your application looks great and functions well.
Download the Mobile Design Consistency Checklist v1.3
iOS
Disclaimer: By clicking these links, you are leaving mcoe.kp.org and entering a website that KP MCoE does not control. KP MCoE has provided these links for your convenience, but does not endorse and is not responsible for the content, links, privacy policy, or security policy of these websites.
iOS UI Designs (Apple)
Apple iOS design resources.
View the iOS UI Designs page
iOS Device Mockups (Apple)
Apple product device mockups.
View the iOS Device Mockups page
Mobile Design Tools (Facebook)
Several device mockups and design tools for iOS, wearables, and more.
View the Mobile Design Tools page
Android
Disclaimer: By clicking these links, you are leaving mcoe.kp.org and entering a website that KP MCoE does not control. KP MCoE has provided these links for your convenience, but does not endorse and is not responsible for the content, links, privacy policy, or security policy of these websites.
Android Material UI Designs (Google)
Google Android design resources.
View the Android Material UI Designs page
Android Material Tools (Google)
Google Android design resources.
View the Android Material Layout Templates page