Skip to content

Latest commit

 

History

History
50 lines (37 loc) · 1.7 KB

DESIGN.md

File metadata and controls

50 lines (37 loc) · 1.7 KB

BookFace

Design Guidelines

These are few simple guidelines to keep in mind while designing user interfaces for the 'BookFace' app.

🎨 Color Pallete
Primary Color   : #F69891

Secondary Color : #444444

Highlight Color  : #DB675E

Facebook Login Button : #005F9A

Google Sign In Button : #C0392B

Profile Accent Color : #F68FA5 (0.65 opacity)

All the assets for the project can be found in the DESIGN folder.

📁 Assets Structure
DESIGN/              - Project Design Assets
└── backgrounds
└── icons
└── images
└── mockups
└── logos

NOTE : ONLY A FEW PROPRIETY ICONS ARE GIVEN IN THE ASSETS, FOR THE REST PLEASE USE RESPECTIVE ICONS FROM THE MATERIAL ICONS.
📸 Mockups

            

🗒 Notes

  1. Mostly all elements must be kept centered to the screen.
  2. Use MediaQuery wherever possible, to make sure that the widgets are responsive.
  3. If you can, Try adding Hero animations, to key elements.
  4. Bring out that inner artist of yours, and show your creativity! 😄