Web Standards

Templates

In this section, we will make available the templates for download (in source formats) when ready. The visuals below are for preview only.

Corporate Masthead
(reserved for Public Portal and Departments’ websites):

Corporate Red banner
Name: Corporate Red      Base color: #C60C30
Width: 738 px                       Height: 100 px

School Masthead (colour options):

School Blue
Name: School Blue           Base color: #003478
Width: 738 px                       Height: 100 px

Midnight Blue
Name: Midnight Blue       Base color: #1B3975
Width: 738 px                       Height: 100 px

Turquoise
Name: Turquoise              Base color: #2A979A
Width: 738 px                       Height: 100 px

Deep red
Name: Deep Red              Base color: #9D0022
Width: 738 px                       Height: 100 px

Dual Colour
Name: Dual Colour           Base color: #5F4E84 & #BF89AB
Width: 738 px                       Height: 100 px

Chiffon White
Name: Chiffon White       Base color: #FFFFFF
Width: 738 px                       Height: 100 px

Gold
Name: Gold                        Base color: #CFB52B
Width: 738 px                       Height: 100 px


Department homepage

Here’s a screenshot of a department homepage. Notice that the masthead and the general colour scheme is similar to the NTU homepage.
Departmental website screenshot 1
Department homepage retains the same look and feel.

Departmental website screenshot 2
Department sublevel page retains the same look & feel.

School homepages

Here are some screenshots of how a school homepages might look like. This section shows two variations in the navigation scheme: 1) left-primary and 2) top-primary.
School website screenshot 1
School A: School template homepage with a top-across primary navigation. The color scheme and content layout has changed yet the asymmetrical borders, the footer & masthead remains the same.

 

School website screenshot 2
School A: Adopting a left-hand side navigation. The global menu still persists.


School website screenshot 3
School B: A different look for a school homepage. Main components are still kept with minor changes particularly in the footer area.

School website screenshot 4
School B: This layout also adopts a left-hand side navigation but the global navigation is no longer visible. In this design the breadcrumb navigation plays a very important role.

 

Nanyang Technological University
Nanyang Avenue, Singapore 639798
Validate XHTML | CSS | Accessibility | Google sitemap
© 2006 Nanyang Technological University
Last modified on 21-Feb-2007 by
Web Standards Task Force