Redirecting to default login... Design Resources – Mobility Center of Excellence Team Website

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

Color Palettes

Back to top

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

KP 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

App Product Icon Toolkit

Back to top

Screen Templates

Sign In

MCoE KP authentication sign in screen designs.
Download the Sign In Screen Template

Sign In Screen Template

Splash

KP splash screen designs for mobile apps.
Download the Splash Screen Template

Splash Screen Template

Back to top

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

UX/UI Brand Certification Checklist

Mobile Design Consistency

The Mobile Design Consistency Checklist ensures your application looks great and functions well.
Download the Mobile Design Consistency Checklist v1.3

Mobile Design Consistency Checklist

Back to top

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 UI Designs (Apple)

iOS Device Mockups (Apple)

Apple product device mockups.
View the iOS Device Mockups page

iOS Device Mockups (Apple)

Mobile Design Tools (Facebook)

Several device mockups and design tools for iOS, wearables, and more.
View the Mobile Design Tools page

Mobile Design Tools by Facebook

Back to top

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 UI Designs (Google)

Android Material Tools (Google)

Google Android design resources.
View the Android Material Layout Templates page

Android Layout Tools (Google)

Back to top