Menu
Search the Union College website

Design Guide

This website acts as a living reference for the styles that exist on the live website for Union College. The two sites share some design elements and components and deviate when necessary.

The design guide is broken up into three sections. 'Design Elements' which are the very basic building blocks for the website; 'Components' which combine design elements into working pieces of code that serves a defined purpose; and 'Page Templates' which combine the elements and components into page templates that are used to display the content at destination URLs.

Video and Media Section - Photo on Right

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. A pellentesque sit amet porttitor eget dolor morbi non arcu. Cursus euismod quis viverra nibh cras. Convallis tellus id interdum velit laoreet id donec ultrices. In tellus integer feugiat scelerisque varius morbi enim nunc. Pulvinar neque laoreet suspendisse interdum consectetur. Lacus sed turpis tincidunt id aliquet. Massa massa ultricies mi quis. A diam sollicitudin tempor id. Dolor sit amet consectetur adipiscing elit pellentesque habitant morbi tristique. Sed blandit libero volutpat sed cras ornare. Quis eleifend quam adipiscing vitae proin. Tincidunt eget nullam non nisi est sit amet facilisis magna. Faucibus ornare suspendisse sed nisi.

Union Grid 2

Video and Media Section - Photo on Left

Union Grid 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. A pellentesque sit amet porttitor eget dolor morbi non arcu. Cursus euismod quis viverra nibh cras. Convallis tellus id interdum velit laoreet id donec ultrices. In tellus integer feugiat scelerisque varius morbi enim nunc. Pulvinar neque laoreet suspendisse interdum consectetur. Lacus sed turpis tincidunt id aliquet. Massa massa ultricies mi quis. A diam sollicitudin tempor id. Dolor sit amet consectetur adipiscing elit pellentesque habitant morbi tristique. Sed blandit libero volutpat sed cras ornare. Quis eleifend quam adipiscing vitae proin. Tincidunt eget nullam non nisi est sit amet facilisis magna. Faucibus ornare suspendisse sed nisi.

Call to Action Quilt - Two Up

Thrive at the intersection of scientific probing and artistic flair. Of intellectual curiosity and serious fun. Of an idyllic campus, and an urban setting.

Beyond majors: Develop your integrated thinking

Patrick loves the rigor of working on the Union Robotics Crew and also enjoys sharing some of his native traditions.

Read about our approach to learning

Connect in Minerva House

All students belong to a Minerva House, seven lively hubs for academic, social, and leadership activities.

Read about Minerva Houses

Faculty Champions

"I took my first geology course, Natural Disasters, with Profession John Garver. He opened my eyes to a whole other world of science," Madalyn says.

Learn More about Faculty Champions

The paths and possibilities of a Union education

"I majored in political science, but crafted the major to have a strong focus on media and journalism."

Learn More about Life after Union

Call to Action Quilt - 3 Up

Thrive at the intersection of scientific probing and artistic flair. Of intellectual curiosity and serious fun. Of an idyllic campus, and an urban setting.

Beyond Majors: Develop your integrated thinking

Patrick loves the rigor of working on the Union Robotics Crew and also enjoys sharing some of his native traditions.

Read about our approach to learning

Connected in Minerva Houses

All students belong to a Minerva House, seven lively hubs for academic, social, and leadership activities.

Read about Minerva Houses

Faculty Champions

"I took my first geology course, Natural Disasters, with Professor John Graver. He opened my eyes to a whole other world of science," Madalyn says.

Learn More about Faculty Champions