1. Customer Branding Specifications
Ariba Visual Renewal Phase 1 Rollout
June 30, 2015

2. Customer Branding with Visual Renewal
With the rollout of Ariba’s new design to optimize our user experience, we have guidance on the best way to show case our customers branding. In order to make this transition a smooth one, we have captured all the required information about the customer logo specifications in this document. In the following pages you will find required specifications (size and format) for the customer logo and the product name banner. We look for your cooperation in making this transition - from the classic experience to the new experience, a successful one. If you need any design guidance on design, please feel free to contact either Michele Sarko or Anjali Desai from Ariba User Experience team.

3. Customer Branding specifications for Light Theme
Logo image
Product name image

4. Customer Branding specifications for Dark Theme
Logo image
Product name image

5. Logo on the Light Theme: Using Ariba logo as an example
First Level Page
Second Level Page

6. Logo on the Dark Theme: Using Ariba logo as an example
First Level Page
Second Level Page

7. New formatted Logos with transparent background
Light Theme
Dark Theme
Logo height: 30 pixel
Logo height: 30 pixel white (reversed)
Logo Files without transparent background will display as these examples:

8. Specifications for customer branding
New Sizing for logo and banner: Any existing images will automatically be sized to fit the 30 pixels height requirement. For high-resolution devices we require images that are 2X the actual display size. The displayed size is 30 pixels high and the required size is 60 pixels high. All images should have a transparent background and in .png file format.
Logo height and width [flexible]: Please provide us a logo which is 60 pixel in height. There are no width requirement for the logo image it should be proportional to your company’s logo. Please do not add extra spaces as it will push the product name banner further to the right and make it seem disconnected.
Product Name Banner [height = 30 pixel; width = 300 pixels]: If you do not replace the default images there will be no image showing for banner area.
Theme and logo colors: Logo images on dark theme background should be either white or a light color, so they will display clearly against the dark background.
We request a reversed-out version of the logo image that is used for dark backgrounds, which you should be able to get from your Brand/Corporate Communications, Marketing, or PR office.

9. Thank you!