Design
Guide

OXD Introduction Design Thinking UX Standards
UX Guidelines Form Design Patterns UX Rules & Lows Keyboard Accessibility
Visual Design
Colors Typograpy Images Icons Motion Animations
Grid & Layout
Main Layouts Grid System
Navigations
Sidebar Topbar
Componets
Buttons Text-box Check-box Radio Radio Pils Switch Search-box Multi Select Dropdown Number Dropdown Upload Inputs Upload input box Date picker Time picker Color picker Labels Help Lable Status lable Grupe Input Grupe Overlay Scroll-bar Count Slider Text-aria Comment-box Paginations Card loader Divider
Tables & List View Cards & Shaps Modals & Popups Advance Componets Charts
QA Standards
Developer
PIM Icon
oxd

Contact details

oxd

Dependents

oxd

Direct deposit

oxd

Emergency

oxd

Immigration

oxd

Job

oxd

Membership

oxd

Personal info

oxd

qualifications

oxd

Report to

oxd

Salary

oxd

work-week

oxd

tax

OXD System Icon

date picker

question

right-arrow

single

speech-bubble

pdf-file

like

pencil

plus

docs

download

alert

Copy

expand

My Report

All Report

setting

Down Arrow

Defult folder

briefcase

goal

shortcuts

filter

help

home

edit

delete

login

logout

Add folder

Upload application

Download app

Attachment

Next User

Switch Person

Recent Report

Calender Feed

Expire Date/time

Deccending Time

Acceding Time

Multi User

Arrow Up

OXD Module Icons

menu-onboarding

menu-performance

menu-recruitment

menu-employee-MA

menu-travel

menu-career-dev

oxd

menu-attendance

oxd

menu-training

Sizing
Depeding on icon visual size, icons have been designed to work best in thses sizes
Defult size will be 12px for button and general system icons, But also can use 12px and 14px depending on the icon optical view