A glowing neon computer screen slightly open against a black background.

Digital Styleguide: Drupal 8 and Beyond

Digital Styleguide: Drupal 8 and Beyond

Welcome to the Digital Styleguide for the College of Design modular website system!

This guide will explain the design and reasoning behind each module and component on the websites, how the components can be used within the context of a page, and how the components are used in relation to each other and the site as a whole.

Styleguide Sections

Modules

Website Components

Accessibility

Best Practices: Content

Best Practices: Design

Tables & HTML

Half of a computer shown opening and glowing against a black background.

Futureproofing with Modular Design

Futureproofing with Modular Design

Have you noticed how often you have to update operating systems, apps, and browser programs for your internet connected devices?

Delivery systems for digital content change rapidly, and we should expect them to keep changing at an aggressive pace. Continuous website redesigns and application of new digital storytelling methods are critical responsibilities for modern communications professionals.

Drupal 8 is the latest revision of the CMS that Georgia Tech uses. Since Drupal is an open-source language, it offers website creators a wide range of function – but frequent updates can break web pages.

To keep up with an ever-changing digital footprint, the College of Design devised a modular web page building system based on information hierarchy as it pertains to accessibility requirements and mobile-dominant, multi-screen interfaces.

These modules organize content in such a way that information is easily read by accessibility products, is correctly recognized by search engines, and images, text, and videos work together to maximize visual (often silent) storytelling.

It’s important to point out in this context that Georgia Tech’s brand message, “Creating the Next”, is about moving forward. Consequently, visual fluidity is important to any Georgia Tech website.

While a modular building/design approaches tends to be linear, the College wanted to avoid a clunky, boxy feel to our website. Instead, our modules maximize visual “breathing room,” and create a pleasant rhythm of information. They also offer a high degree of customization while still adhering to Georgia Tech brand standards.

The result is content built with a strong logical order that is based on internet conventions and user-driven technologies. With that in place, our website redesigns can be achieved through CSS instead of having to rebuild content.

CMS Creation

If you would like to learn more or have questions about the modules, please contact Ann Hoevel using the email listed below.

Director of Communications: Ann Hoevel

Web Developer: Stephen Oetjen

Web Designer: Jessie Brandon