Web Styleguide
The official design elements used across our KSU website include approved colors, typography, images, snippets, and icons. These standards ensure a unified digital presence that aligns with the university branding and enhances the user experience across all web platforms.
The following colors are available for use in Modern Campus Omni CMS. All snippets and page elements are made up using the official university primary colors of gold, black, and gray. The template for KSU web pages includes these colors, many of which are already assigned specific locations and purposes.
Primary
Secondary
Vibrant Cool Colors
Vibrant Warm Colors
Legacy
Neutral
Typography for KSU Web pages is comprised of one font: Montserrat. Please note that font sizes will adjust based on available screen space (i.e. from desktop viewing to mobile viewing). Font types and sizes are set within the Modern Campus Omni CMS template; however, the font type and treatment are detailed below for reference:
Body Text
Monserrat Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ
Abcdefghijklmnopqrstuvwxyz
1234567890!@$%&*()_+
Monserrat Bold*
ABCDEFGHIJKLMNOPQRSTUVWXYZ
Abcdefghijklmnopqrstuvwxyz
1234567890!@$%&*()_+
Monserrat Italic*
ABCDEFGHIJKLMNOPQRSTUVWXYZ
Abcdefghijklmnopqrstuvwxyz
1234567890!@$%&*()_+
Title Fonts and Headings
Information Hierarchy
Note: All headings are left-aligned.
*Web authors are encouraged to use bold and/or italicized text for emphasis and/or other clear rhetorical purposes that aid in the readability of content (e.g. list headings, list text, etc.). It is important to note that treatment of bold and italicized text must remain consistent within departmental, program, and school Web pages.
All images utilized in the design, development, and/or maintenance of KSU Web pages must have approval for use, either from the photographer and/or the individual(s) represented in the photograph.
Stock Photography
KSU maintains a photography database that features images of faculty, staff, students, campuses, and buildings; Web authors are encouraged to make use of these images in the design, development and/or management of KSU Web pages. This collection is available at https://owlbrand.kennesaw.edu.
Stock photography services may be utilized in the development of web pages; however, permissions must be secured for all images and photography. If assistance is needed to generate stock photography, contact UITS Web Services. Because permissions are required, stock photography obtained through a general Internet search is not allowed on official University Web pages.
Personal photography may be utilized; however, these images must be used with permission.
Quality and Dimensions
High quality photography should be utilized for all official University Web pages. Full-color images are preferred; black and white images may be allowed for historic images.
Main banner images on homepages (and when used on interior pages) must be hi-res with suggested pixel dimensions of 1920x650. The banner image area is designed to render well on a variety of devices and window or screen sizes, so how the image is cropped will vary. It is best to ensure that the desired subject(s) or focal point should be at the center of the image.
In addition, text within an image or images of text are problematic due to the responsive design of the banner area as well as Web Content Accessibility Guidelines (WCAG).
Maximum file size for images and photography is 1 MB, optimized for the Web.
Photography and image sizes are determined by the Modern Campus Omni CMS template. For further information, see Section 1.4, Snippets and Icons.
File Formats
The following file formats are appropriate for web page development: JPEG, PNG, and GIF.
Note that, unless transparency is necessary, JPEG files are recommended. If transparency is necessary, however, editors should make use of PNG files. GIF files should be limited to logos and branding elements because of the file format’s color limitations.
Best Practices for Images/Photography
Captions
Snippets are tables, menus, buttons, lists, and feeds that have been created to aid in the design and navigation of web pages. These snippets are easily utilized in Modern Campus Omni CMS by simply dragging them into place on the page.
The following snippets are available for use in the design, development, and/or management of KSU Web pages:
Buttons
Stylized Headers
Channels
Cards
Lists
Tabs
Layouts
Column 1 Content
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla id facilisis arcu. Praesent fringilla sem non justo dapibus, egestas auctor massa tincidunt. Quisque pretium, ligula fermentum malesuada feugiat, felis est iaculis nibh, sed iaculis nisi enim eget est. Nullam id sodales augue, non ullamcorper felis.
Column 2 Content
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla id facilisis arcu. Praesent fringilla sem non justo dapibus, egestas auctor massa tincidunt. Quisque pretium, ligula fermentum malesuada feugiat, felis est iaculis nibh, sed iaculis nisi enim eget est. Nullam id sodales augue, non ullamcorper felis.
Here we include additional content and tools that enhance the user experience, such as using data tables, event feeds, and other interactive elements.
Title
Title
Kennesaw State University is the third-largest university in Georgia, offering nearly 150 undergraduate, graduate and doctoral degrees. A member of the University System of Georgia, Kennesaw State is a comprehensive university with more than 33,000 students from over 130 countries. In January 2015, Kennesaw State and Southern Polytechnic State University consolidated to create one of the 50 largest public universities in the country.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla id facilisis arcu. Praesent fringilla sem non justo dapibus, egestas auctor massa tincidunt. Quisque pretium, ligula fermentum malesuada feugiat, felis est iaculis nibh, sed iaculis nisi enim eget est. Nullam id sodales augue, non ullamcorper felis.
| Column Title 1 | Column Title 2 | Column Title 3 | Column Title 4 |
|---|---|---|---|
| 00 | 00 | 00 | 00 |
| 00 | 00 | 00 | 00 |
Connect With Us
Contact Info
Kennesaw Campus
1000 Chastain Road
Kennesaw, GA 30144
Marietta Campus
1100 South Marietta Pkwy
Marietta, GA 30060
Resources For
Follow KSU
470-KSU-INFO (470-578-4636)
© 2025 Kennesaw State University. All Rights Reserved.
