Image Guide
These guidelines should direct the focus of all images created for the site. Visual examples and instruction on how to construct the appropriate compositions of individual shots are provided, as well as examples of inappropriate usage.
General Guidelines
These guidelines apply across the board for all images used in the site.
Images should always:
- Be crisp and clear with bright colors
- Be authentic, true, and student inspired
Images should not:
- Include shots that are muted in color
- Include shots with blown out highlights
- Include graphics such as clip art or overlaid text
Header Backgrounds
1300x600 (minimum size)
Shots A (home) and B (general) provide visual reference for the style of Header Backgrounds that should be included in the site. Header Background images will automatically be overlaid with the green gradient.
Appropriate Usage:
Header Backgrounds should always:
- Show wide, atmospheric, and expansive landscape views, or
- Show details of environment, such as grass, trees, leaves
Header Backgrounds should not:
- Focus on one individual as a portrait
- Include too many subjects, or busy composition
Homepage Features
800x570 (minimum size)
Shot C provides visual reference for the style of Homepage Feature images that should be included in the site.
Appropriate Usage:
Homepage Feature images should always:
- Include friendly people that give a good first impression of Castleton
Homepage Feature images should not:
- Include black and white photography
- Include a focal point at the edge of the image (due to cropping for various screen sizes)
Header Images
1250x475 (minimum size)
Shot D provides visual reference for the style of Header Images that should be included in the site. Header Images will always be overlaid with a dark gradient, as well as the title of the page and a brief introduction.
Appropriate Usage:
Header Images should always:
- Help support the content of the page by being in-line with the subject matter (location, specific program, etc)
- Include friendly people that lead in well to the page's content, or
- Include wide, atmospheric, and expansive landscape views
Header Images should not:
- Inhibit overlaid text with busy composition
- Include a focal point at the edge of the image (due to cropping for various screen sizes)
Flexible Callout Images
375x210 (minimum size)
Shot E provides visual reference for the style of Flexible Callout images that should be included in the site.
Appropriate Usage:
Flexible Callout images should always:
- Help support the content of the callout by being in-line with the subject matter (location, specific program, etc)
Photo Gallery Images
375x210 (minimum size)
Shot F provides visual reference for the style of Photo Gallery images that should be included in the site.
Appropriate Usage:
Photo Gallery images should always:
- Help support the content of the page by being in-line with the subject matter (location, specific program, etc)\
We Are Castleton Images
1400x830 (minimum size)
Shot G provides visual reference for the style of We Are Castleton images that should be included in the site.
Appropriate Usage:
We Are Castleton images should always:
- Include friendly people that give a good overall impression of the student body and activities at Castleton
We Are Castleton images should not:
- Be overly specific, confusing, or misrepresent the student body and activities at Castleton
Featured Story Images
600x385 (minimum size)
Shots H and I provide visual reference for the style of Featured Story Images, both in-content (H) and above content (I), that should be included in the site.
Appropriate Usage:
Featured Story images should always:
- Help support the content of the featured story by being in-line with the subject matter (location, specific program, etc)
Featured Story images should not:
- Include a focal point at the edge of the image (due to cropping for various screen sizes)
Alumni Story Images
305x225 (minimum size)
Shot J provides visual reference for the style of Alumni Story images that should be included in the site.
Appropriate Usage:
Alumni Story images should always:
- Focus on one individual as a portrait
Alumni Story images should not:
- Be candid shots (preferably; we recognize that user-submitted shots cannot be controlled)
Arts Features
1400x495 (minimum size)
Shot K provides visual reference for the style of Arts Features that should be included in the site.
Appropriate Usage:
Arts Features should always:
- Help support the content of the page by being in-line with the subject matter (location, specific program, etc)
Upcoming at the Casella Images
585x350 (minimum size)
Shot L provides visual reference for the style of Upcoming at the Casella images that should be included in the site.
Appropriate Usage:
Upcoming at the Casella images should always:
- Help support the content of the callout by being in-line with the subject matter (location, specific program, etc)
Upcoming at the Casella images should not:
- Include a focal point at the edge of the image (due to cropping for various screen sizes)
Upcoming at the Casella Wallpapers
1400x700 (minimum size)
Shot M provides visual reference for the style of Upcoming at the Casella wallpaper images that should be included in the site.
Appropriate Usage:
Upcoming at the Casella wallpaper images should always:
- Include wide, atmospheric, and expansive views of the Casella Theater
Upcoming at the Casella wallpaper images should not:
- Focus on one individual or a group of people
- Include busy content that could distract from the upcoming events callouts
Castleton People Wallpapers
1400x950 (minimum size)
Shot N provides visual reference for the style of Castleton People wallpaper images that should be included in the site.
Appropriate Usage:
Castleton People wallpaper images should always:
- Include wide, atmospheric, and expansive views of campus
Castleton People wallpaper images should not:
- Focus on one individual or a group of people
- Include busy content that could distract from the Castleton People callouts
Upcoming Events Images
800x510 (minimum size)
Shots O and P provide visual reference for the style of Upcoming Events images that should be included in the site. Upcoming Events images will always be overlaid with a dark gradient, as well as the name of the event and a brief introduction.
Appropriate Usage:
Upcoming Events images should always:
- Help support the content of the event by being in-line with the subject matter (location, specific program, etc)
Upcoming Events images should not:
- Inhibit overlaid text with busy composition
Library Header Images
1300x600 (minimum size)
Shot Q provides visual reference for the style of Library Header images that should be included in the site.
Appropriate Usage:
Library Header images should always:
- Include wide, atmospheric, and expansive views of the library
Library Header images should not:
- Focus on one individual as a portrait
Profile Images
600x385 (minimum size)
Shots R and S provide visual reference for the style of Profile images that should be included in the site. Profile images appear as part of the "Academics at Castleton" grid on the homepage (R), as well as the header on the Academics page (S). Profile images will always be overlaid with a dark gradient, as well as a quote and a name caption.
Appropriate Usage:
Profile images should always:
- Focus on one individual as a portrait
Profile images should not:
- Inhibit overlaid text with busy composition
Major/Minor Images
1250x475 (minimum size)
Shots T, U, and V provide visual reference for the style of Major/Minor images that should be included in the site. Major/Minor images appear as part of the "Academics at Castleton" grid on the homepage (T), as thumbnails on the Majors & Programs list (U), and as header images on their individual department detail pages (V). Department Header images will always be overlaid with a dark gradient, as well as the department title and a brief introduction.
Appropriate Usage:
Major/Minor images should always:
- Help support the content of the major or minor by being in-line with the subject matter
- Include wide, atmospheric, and expansive views, or
- Include detailed close-ups of relevant subject matter
Major/Minor images should not:
- Focus on one individual as a portrait or a group of people
- Inhibit overlaid text with busy composition