UI KIT - SAFE
COVER - UI KIT
SAFE PROJECT
ATOMIC DESIGN
SOMMARY
LAYOTU SYSTEM
COLOR SYSTEM
RAG Statut
Accessibility Text
Blindness Simulateur
Typography
Style Guide
Style Guide 2
Iconography
Component
Card
CTA
CTA Tabbar
Tabbar
Tabbar 2
Input Text
Upload File
Textarea
Notification
Badges
Checkbox
Input-Checkbox
Toggle
Radio-Input
Slider
Ending
Following the creation of a gamification mobile application, it was necessary to design a UI Kit to provide a graphic toolbox for Desktop, Tablet and Mobile. It includes the Layout System, typographic rules, colourimetric rules, guide style, an icon library and interface components. The graphic style used is Flat Design, as the mobile application was to be used in direct sunlight. It was preferable to favour a simplified understanding of the interface with this graphic style.
To ensure optimal and inclusive use for users, you'll find accessibility standards for colour and typography, along with a colour-blindness simulator.
To find out more about the entire project, visit the UI Kit here: https://www.figma.com/community/file/1258184705737424491
Don't hesitate to share if you like my project!
Completed in March 2023.