Overview
Our Design Philosophy
As technology continues to advance at a rapid pace, it has become a growing necessity to achieve technological literacy in order to keep up with the pace of modern society. As designers, we strive to be the bridge between technology and humans through powerful, yet simplistic designs. Here at US AI, we embrace a human-centered design approach where we understand the problem and challenges users face, design an end to end experience, reimagine their workflow and ensure our product suite provides the best possible user experience to enrich our user’s day to day lives.
Collaboration
Collaboration is essential in our design process, not only between designers and developers, but also with our users. We believe that you cannot understand good design if you don’t understand the people. The best designs come from a deep empathy for the user, so we frequently get together with our clients to talk about their pain points, needs, and business goals which allows us to design solutions that cater to real-life experiences.
Simplicity
As German-born American painter Hans Hofmann once said “The ability to simplify means to eliminate the unnecessary so that the necessary may speak.” We emphasize utility through minimalistic design choices because good design is meant to be experienced, rather than seen.
Accessibility
Frank Chimero, Brooklyn-based designer and author of The Shape of Design once said “People ignore design that ignores people.” Inclusive design eliminates barriers of use and empowers everyone to participate equally, confidently, and independently. We leverage our extensive design system and standards to ensure our designs are inclusive and accessible to a wide range of users.
Extreme Innovation
Our team is constantly pushing boundaries to think outside the box. Regardless of official occupations, everyone at US AI is a designer at heart. We encourage everyone to share their ideas, no matter how crazy they may be because openness breeds innovation. We aim to innovate so that we can solve problems before users even recognize they’re having them.
Continuous Improvement
Here at US AI, we are transparent in the way we share our work continuously to open opportunities for feedback and suggestions. It is important to design with humility and practice with an open heart to feedback as the old saying rings true, “Two brains (or a community in this case) are always better than one.” Our designs are deliberated across multiple teams prior to launch so that we may continuously improve and present a powerful solution.
Open Sans
Usage: Headlines, Subtitles, Body & CaptionFont size units and scale
- REM
- PX
- 3.813
- 61
4 REM Font
- 3
- 48
H1 Header
- 2.375
- 38
- H2 Header
- 1.938
- 31
- H3 Header
- 1.563
- 25
- H4 Header
- 1.25
- 20
- H5 Header
- 1
- 16
- H6 Header
- 1
- 16
- Body
- 0.875
- 14
- Body
- 0.875
- 14
- Button
- 0.875
- 14
- Caption
- 0.75
- 12
- OVERLINE
- 0.75
- 12
- Subtitle
- 0.625
- 10
- Subtitle
Accordions
An accordion is a vertically stacked list of headers that reveal or hide associated sections of content.
Subtitle
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu turpis molestie, dictum est a, mattis tellus. Sed dignissim, metus nec fringilla accumsan, risus sem sollicitudin lacus, ut interdum tellus elit sed risus. Maecenas eget condimentum velit, sit amet feugiat lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent auctor purus luctus enim egestas, ac scelerisque ante pulvinar. Donec ut rhoncus ex. Suspendisse ac rhoncus nisl, eu tempor urna. Curabitur vel bibendum lorem. Morbi convallis convallis diam sit amet lacinia. Aliquam in elementum tellus. Curabitur tempor quis eros tempus lacinia. Nam bibendum pellentesque quam a convallis. Sed ut vulputate nisi. Integer in felis sed leo vestibulum venenatis. Suspendisse quis arcu sem. Aenean feugiat ex eu vestibulum vestibulum. Morbi a eleifend magna. Nam metus lacus, porttitor eu mauris a, blandit ultrices nibh. Mauris sit amet magna non ligula vestibulum eleifend. Nulla varius volutpat turpis sed lacinia. Nam eget mi in purus lobortis eleifend. Sed nec ante dictum sem condimentum ullamcorper quis venenatis nisi. Proin vitae facilisis nisi, ac posuere leo.Subtitle
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu turpis molestie, dictum est a, mattis tellus. Sed dignissim, metus nec fringilla accumsan, risus sem sollicitudin lacus, ut interdum tellus elit sed risus. Maecenas eget condimentum velit, sit amet feugiat lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent auctor purus luctus enim egestas, ac scelerisque ante pulvinar. Donec ut rhoncus ex. Suspendisse ac rhoncus nisl, eu tempor urna. Curabitur vel bibendum lorem. Morbi convallis convallis diam sit amet lacinia. Aliquam in elementum tellus. Curabitur tempor quis eros tempus lacinia. Nam bibendum pellentesque quam a convallis. Sed ut vulputate nisi. Integer in felis sed leo vestibulum venenatis. Suspendisse quis arcu sem. Aenean feugiat ex eu vestibulum vestibulum. Morbi a eleifend magna. Nam metus lacus, porttitor eu mauris a, blandit ultrices nibh. Mauris sit amet magna non ligula vestibulum eleifend. Nulla varius volutpat turpis sed lacinia. Nam eget mi in purus lobortis eleifend. Sed nec ante dictum sem condimentum ullamcorper quis venenatis nisi. Proin vitae facilisis nisi, ac posuere leo.Subtitle
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu turpis molestie, dictum est a, mattis tellus. Sed dignissim, metus nec fringilla accumsan, risus sem sollicitudin lacus, ut interdum tellus elit sed risus. Maecenas eget condimentum velit, sit amet feugiat lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent auctor purus luctus enim egestas, ac scelerisque ante pulvinar. Donec ut rhoncus ex. Suspendisse ac rhoncus nisl, eu tempor urna. Curabitur vel bibendum lorem. Morbi convallis convallis diam sit amet lacinia. Aliquam in elementum tellus. Curabitur tempor quis eros tempus lacinia. Nam bibendum pellentesque quam a convallis. Sed ut vulputate nisi. Integer in felis sed leo vestibulum venenatis. Suspendisse quis arcu sem. Aenean feugiat ex eu vestibulum vestibulum. Morbi a eleifend magna. Nam metus lacus, porttitor eu mauris a, blandit ultrices nibh. Mauris sit amet magna non ligula vestibulum eleifend. Nulla varius volutpat turpis sed lacinia. Nam eget mi in purus lobortis eleifend. Sed nec ante dictum sem condimentum ullamcorper quis venenatis nisi. Proin vitae facilisis nisi, ac posuere leo.Subtitle
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu turpis molestie, dictum est a, mattis tellus. Sed dignissim, metus nec fringilla accumsan, risus sem sollicitudin lacus, ut interdum tellus elit sed risus. Maecenas eget condimentum velit, sit amet feugiat lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent auctor purus luctus enim egestas, ac scelerisque ante pulvinar. Donec ut rhoncus ex. Suspendisse ac rhoncus nisl, eu tempor urna. Curabitur vel bibendum lorem. Morbi convallis convallis diam sit amet lacinia. Aliquam in elementum tellus. Curabitur tempor quis eros tempus lacinia. Nam bibendum pellentesque quam a convallis. Sed ut vulputate nisi. Integer in felis sed leo vestibulum venenatis. Suspendisse quis arcu sem. Aenean feugiat ex eu vestibulum vestibulum. Morbi a eleifend magna. Nam metus lacus, porttitor eu mauris a, blandit ultrices nibh. Mauris sit amet magna non ligula vestibulum eleifend. Nulla varius volutpat turpis sed lacinia. Nam eget mi in purus lobortis eleifend. Sed nec ante dictum sem condimentum ullamcorper quis venenatis nisi. Proin vitae facilisis nisi, ac posuere leo.State
Anatomy
Dropdown
It allows users to select an option from a several list of Options
Type
State
Anatomy
Search
It allows user to search relevent contents without navigating
Type
State
Anatomy
Table
It is used to display contents in organized way
Anatomy
Text Fields
It allows user to see the phase they are on in the process
Type
State
Anatomy
Tooltips
It is used to display informative text when users hover over, focus on, or tap an element.
Type