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 Date picker Time picker Color picker Labels Help Lable Status lable Grupe Input Grupe Overlay Scroll-bar Comment-box Paginations Divider Autocomplete
Tables & List View Cards & Shaps Modals & Popups Advance Componets Charts
QA Standards
Developer
Search Box
Search box using for instance, find for contents or items 
                    
                      border : 1px solid #e8eaef
                      font-color: #64728c;
                      border-reduis: 50%;
                      backgorund-color: #fff;

                      search-icon color: #64728c;
                      icon-round-background: #e8eaef;
                      placeholdercolor: #929baa;
Status
Active
font-color : #64728c
border : 1px solid #e8eaef
//button
background-color :#f1f2f5
color: #64728c;
Focus
font-color : #64728c
border : 1px solid #929baa;
box-sadow: 1px 1px 6px rgba(35, 35, 36, 0.12);
search on
iocn-color : #ff7b1d
Readonly
color : #cfd3de;
backgorund-color: #fff;
border-color: #cfd3de;