PROTOTYPE
SPECS
WORKFLOW
TEST ENVIROMENT
UX PLATFORM
Copyright © Unit4 2016
Add receipts
Add expense report
Add expense
Register hours
Hi Eric!
What do you want to do?
55px
30px
23px
6px
22px
30px
75px
5px
Hello font: DagnyCompPro Bold 18px, $u4-color-black (#000000)
Subtitle font: DagnyCompPro Regular 16px, $u4-color-grey-120 (#4c5358)
List item icon: 32px, $u4-color-blue (#0d78aa)
List item font: DagnyCompPro Regular 16px, $u4-color-grey-120 (#4c5358)
Arrow icon: 16px, $u4-color-grey-34 (#d2d6d8)
List item background: $u4-color-white (#ffffff)
Dividers: 1px, $u4-color-grey-34 (#d2d6d8)
Pressed list item font color: $u4-color-black (#000000)
Pressed list item background color: $u4-color-grey-blue-background (#e8eef2)
App background color: $u4-color-grey-blue-background (#e8eef2)
Padding left/right: 16px
Distance between icons and text: 16px
Guides
On
Homescreen
Non-Travel Expenses
International Travel Expenses
Travel Expenses
Other expenses account
Mileage allowance
Travel expenses account
International travel expenses - Statens regulativ
Domestic travel expenses - Statens regulativ
55px
65px
5px
65px
45px
45px
45px
45px
45px
45px
List item icon: 16px, $u4-color-grey-120 (#4c5358)
List item font: DagnyCompPro Regular 16px, $u4-color-grey-120 (#4c5358)
List item background color: $u4-color-white (#ffffff)
Dividers: 1px, $u4-color-grey-34 (#d2d6d8)
Pressed list item font color: $u4-color-black (#000000)
Pressed list item background color: $u4-color-grey-blue-background (#e8eef2)
App background color: $u4-color-grey-blue-background (#e8eef2)
Padding left/right: 16px
Distance between icons and text: 16px
Guides
On
Select report type
Report form
Select report type
Add expense report
Homescreen
Common
Visual Specifications