Skip to end of metadata
Go to start of metadata

Overview

A collection of all of the various assets required when developing Aptana And Titanium Studio branding.

Splash Screen

Filename

splash.bmp

Dimension

590 x 405 pixels

Notes

The space to the right of the Appcelerator logo should be left blank for the login user interface

Usage:

Splash screen

About Image - about.gif

Filename

about.gif

Dimension

131 x 222 pixels

Usage:

About Dialog

Mac OSX DMG Background

Filename

com.appcelerator.titanium.mac.installer/dmgbuilder/background.png

Dimensions

600 x 600 pixels

Notes

  • Ensure the top-left label background accommodates the width/height of a wrapped product name
  • Copyright should be updated appropriately

Usage:

DMG installer

Windows Installer

The installer uses three images that are butted up against each other to compose window: Left panel, the top panel and the bottom panel

Left panel

Filename

com.appcelerator.win.installer/windows-nsis/Tools/unicode_nsis/Contrib/ExperienceUI/Skins/Appcelerator/LeftBranding.bmp

Dimensions

240 x 349 pixels

Notes

Ensure the color of the right most edge matches the color set in the installer. The color in the installer can be modified

Top Panel

Filename

com.appcelerator.win.installer/windows-nsis/Tools/unicode_nsis/Contrib/ExperienceUI/Skins/Appcelerator/Header.bmp

Dimensions

1 x 57 pixels

Notes

The one pixel strip is repeated across the header. The strip should include the border between the title and the main content

Bottom Panel

Filename

com.appcelerator.win.installer/windows-nsis/Tools/unicode_nsis/Contrib/ExperienceUI/Skins/Appcelerator/Bottom.bmp

Dimensions

693 x 70 pixels

Installer Splash

(Same images as the splash.bmp)

Filename

com.appcelerator.win.installer/windows-nsis/Bitmaps/splash.bmp

Dimension

590 x 405 pixels

Notes

Same as splash.bmp

Background Color

The background color can be updated in the following files:

File: builders/com.appcelerator.win.installer/windows-nsis/Tools/unicode_nsis/Contrib/ExperienceUI/Skins/Appcelerator.xpuiskin

Property: XPUI_TEXT_BGCOLOR

Files: builders/com.appcelerator.win.installer/windows-nsis/JREDyna_Inetc.nsh, builders/com.appcelerator.win.installer/windows-nsis/Titanium Studio.nsi

Property: setCtlColors

In-Product Imagery

General Icons

Icons should be 16 x 16 pixel PNG files. While 16px is the maximum width and height, it is preferred if the actual icon is a pixel or two smaller than that. See the Eclipse Guidelines for further hints on icons.

When possible, attempt to keep the color scheme and overall feel similar to existing icons. A selection of icons from the product is included below:

Note the icons are colorful and shaded, with a generally "dimensional" feel.

Filename

web.png

Dimensions

16 x 16 pixels

Wizard Banners

Wizard banner graphics are designed to fit within a specified screen space of 75 x 66 pixels on the right side of the wizard banner, with a main overlay image of around 67 x 50 pixels in size. Center the image vertically, and off-center to the left horizontally.

Use the file below as the background of the image and save as a PNG with transparency

Filename

wizard_background.png

Dimensions

75 x 66 pixels