KIP Style Guide
Style guide for KIP (knowledge is Power) reading app for children.
The K.I.P app will be designed for parents and educators of children 3 to 7 years old. They are struggling to teach their child(ren) how to read. The child is engaged with technology but is struggling with reading and language arts. The parents/educators are trying to find a way to make reading fun and engaging for the child and themselves.
Logos
The Kip logos designed to be fun and attractive. I used a clean sans-serif font for good legibility even on small screens.
Primary Logo
Logo Variations
Colors
The chosen split-complementary color palette is designed to give a bright and appealing design to the interface. These colors will offer high contrast on both mobile and PC screen with dark or light-colored backgrounds. Used in combination they offer a unisex, joyful appearance. The shades are de-saturated versions of the same colors. These can be used to add dimension to featured icons and illustrations.
Core Palette
CMYK: 66 6 16 00
Hex: #26c6da
CMYK: 0 23 99 0
Hex: #ffc400
CMYK: 27 0 100 0
Hex: #c6ff00
CMYK: 17 85 0 0
Hex: #ff00d8
CMYK: 62 82 0 0
Hex: #8f1be8
SHADES
CMYK: 51 0 16 0
Hex: #72ccd8
CMYK: 1 8 57 0
Hex: #ffe387
CMYK: 16 0 71 0
Hex: #e0ff72
CMYK: 17 76 0 0
Hex: #ff47e3
CMYK: 755 76 0 0
Hex: #a247e8
GREYS AND BLACKS
Main Text Black CMYK: 66, 59, 58, 41
Hex: #474747
Secondary GreyCMYK: 26, 19, 14, 0
Hex: #bcc0c9
Background and Accents GreyCMYK: 9, 6, 4, 0
Hex: #e4e6ea
Font Families
Rubik bold is a sans-serif font family chosen for its readability and soft lines. Rubik bold and medium are used in the app and site for headlines. This font mimics the letters you may see in a classroom. The form of the letters are simple and easy to read.
H1
Heading Font: RUBIK BOLD
Font point size: 30
Text appearance: All caps
In use:
HEADING LIGHT
HEADING DARK
H2
Subheading font: Rubik Medium
Font point size: 26
In Use:
Start Here
Welcome
Spelling Word One
Spelling Word Two
Body
Paragraph font: Lato Regular
Point size: 18
In use:
Niche market influencer deployment business-to-business crowdsource release. Entrepreneur android direct mailing user experience market. Low hanging fruit disruptive responsive web design non-disclosure agreement. Pitch ecosystem innovator client A/B testing early adopters gamification iPhone hypotheses termsheet. Strategy traction low hanging fruit seed money success influencer prototype. Success crowdsource strategy rockstar bandwidth venture bootstrapping. Android agile development bandwidth social media infrastructure. Alpha focus creative backing graphical user interface supply chain. Direct mailing deployment disruptive founders social media infographic user experience low hanging fruit incubator strategy. IPhone direct mailing advisor vesting period accelerator marketing paradigm shift monetization virality pitch.
IMAGES
AVATARS
Children tend to enjoy animals. These illustrations are meant to create a fun, inviting enviornment with in the app. Each user will have the option to choose an avatar when setting up an account.
Illustrations by: Oksana Stepova
BUTTONS
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.
APP ICONS
NAVIGATION ICONS
