Design
Guide
QA Standards
The World Most Friendliest HRM System
The World Most Friendliest HRM System
The World Most Friendliest HRM System
The World Most Friendliest HRM System
The World Most Friendliest HRM System
The World Most Friendliest HRM System
The World Most Friendliest HRM System
The World Most Friendliest HRM System
The World Most Friendliest HRM System
The World Most Friendliest HRM System
The World Most Friendliest HRM System
Default Header
Font: 16px, Regular, #64728c
Main Header
Font: 46px, Extra-bold, #38455d
Main Title
Font: 18px, Bold, #38455d
Sub Title
Font: 12px, Semi-bold, #929baa
Card Header
Font: 16px, Semi-bold,
#64728c or theme-color
Card Sub Header
Font: 14px, Semi-bold, #64728c
Help text
Font: 12px, Regular, #929baa
Defult text
Font: 14px, Regular, #64728c
List text
Font: 12px, Semi-bold, #64728c
OXD links
Font: 12px, Semi-bold, primary color or feedback blue color
Paragraph Text- Nunito is a well balanced sans serif typeface superfamily, with 2 versions: The project began with Nunito, created by Vernon Adams as a rounded terminal sans serif for display typography. Jacques Le Bailly extended it to a full set of weights, and an accompanying regular non-rounded terminal version.
Font: 12px/14px, Regular, #64728c
Title Case: Each major word starts with an uppercase letter, while minor words (like "and," "the") are typically lowercase. Spaces are used between words.
Example: "This Is a Title Case Example"Sentence Case: Only the first word and proper nouns start with an uppercase letter. Spaces are used between words.
Example: "This is a sentence case example."Pascal Case: Each word starts with an uppercase letter, with no spaces or underscores between words.
Example: "ThisIsPascalCaseExample"CamelCase: Similar to PascalCase, but the first word starts with a lowercase letter.
Example: "thisIsACamelCaseSentence"
