So far Applications developed with Application Development Framework had a lot of specifics and ADF components have consisted of large number of parts. Each of these parts had his specific CSS class, which needed to be overridden in order to implement new design. Results were often large number of CSS classes regarding only one component.

To make things easier for developers, Oracle introduced some of default skins of applications and Skin Selector with their JDeveloper IDE. Skin Selector gave developers possibility to visually check out all components included in ADF and see of which parts are they assembled.

As Oracle saw the need for visual improvement of ADF applications, they introduced Alta User Interface.

UI in Desktop/Laptop

UI in Mobile

WHAT MAKES ORACLE ALTA UI DIFFERENT?

 - Fewer elements and cleaner designs
 - Minimal UI chrome with fewer nested borders and lines
 - Multi-device support with flowing page layout
 - New icon system complements clean page design
 - Mobile-friendly, with larger touch targets and flexible page widths

WHY IS ORACLE ALTA UI IMPORTANT?

 - Simplified component structure and more open space keep focus on data
 - Less chrome means faster loading of critical content
 - Browser and mobile technology support
 - Flexibility with simpler, modular, components

Check here  for Online Demo

http://jdevadf.oracle.com/workbetter/faces/index.jsf