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

L

 

CMYK: 66 6 16 00

Hex: #26c6da

L

 

CMYK: 0 23  99 0

Hex: #ffc400

L

 

CMYK: 27 0 100 0

Hex: #c6ff00

L

 

CMYK: 17 85 0 0

Hex: #ff00d8

L

 

CMYK: 62 82 0 0

Hex: #8f1be8

SHADES

L

 

CMYK: 51 0 16 0

Hex: #72ccd8

L

 

CMYK: 1 8 57 0

Hex: #ffe387

L

 

CMYK: 16 0 71 0

Hex: #e0ff72

L

 

CMYK: 17 76 0 0

Hex: #ff47e3

L

 

CMYK: 755 76 0 0

Hex: #a247e8

GREYS AND BLACKS

L

 

Main Text Black CMYK: 66, 59, 58, 41

Hex: #474747

L

 

Secondary GreyCMYK: 26, 19, 14, 0

Hex: #bcc0c9

L

 

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

[et_pb_image_n10s _builder_version=”3.21.1″][/et_pb_image_n10s]

NAVIGATION ICONS

4
5
I
N
M