, but this code // executes before the first paint, when

»Æ´óÏɸßÊÖÂÛ̳

is not yet present. The // classes are added to so styling immediately reflects the current // toolbar state. The classes are removed after the toolbar completes // initialization. const classesToAdd = ['toolbar-loading', 'toolbar-anti-flicker']; if (toolbarState) { const { orientation, hasActiveTab, isFixed, activeTray, activeTabId, isOriented, userButtonMinWidth } = toolbarState; classesToAdd.push( orientation ? `toolbar-` + orientation + `` : 'toolbar-horizontal', ); if (hasActiveTab !== false) { classesToAdd.push('toolbar-tray-open'); } if (isFixed) { classesToAdd.push('toolbar-fixed'); } if (isOriented) { classesToAdd.push('toolbar-oriented'); } if (activeTray) { // These styles are added so the active tab/tray styles are present // immediately instead of "flickering" on as the toolbar initializes. In // instances where a tray is lazy loaded, these styles facilitate the // lazy loaded tray appearing gracefully and without reflow. const styleContent = ` .toolbar-loading #` + activeTabId + ` { background-image: linear-gradient(rgba(255, 255, 255, 0.25) 20%, transparent 200%); } .toolbar-loading #` + activeTabId + `-tray { display: block; box-shadow: -1px 0 5px 2px rgb(0 0 0 / 33%); border-right: 1px solid #aaa; background-color: #f5f5f5; z-index: 0; } .toolbar-loading.toolbar-vertical.toolbar-tray-open #` + activeTabId + `-tray { width: 15rem; height: 100vh; } .toolbar-loading.toolbar-horizontal :not(#` + activeTray + `) > .toolbar-lining {opacity: 0}`; const style = document.createElement('style'); style.textContent = styleContent; style.setAttribute('data-toolbar-anti-flicker-loading', true); document.querySelector('head').appendChild(style); if (userButtonMinWidth) { const userButtonStyle = document.createElement('style'); userButtonStyle.textContent = `#toolbar-item-user {min-width: ` + userButtonMinWidth +`px;}` document.querySelector('head').appendChild(userButtonStyle); } } } document.querySelector('html').classList.add(...classesToAdd); })(); Art and Design | »Æ´óÏɸßÊÖÂÛ̳

»Æ´óÏɸßÊÖÂÛ̳

Skip to main content
School of Humanities, Arts, and Social Sciences

Art and Design

Request Info Apply

At Calvin, art is a vehicle for exploring and engaging ideas in visual and tactile ways.

With the support of your professors and peers, you will discover how your work can surprise, confront, and inspire. Founded in the liberal arts, art at Calvin asks that students integrate their studies in other fields to inform their artistic practices. Engaging classes and studios will challenge students to craft their skills, grow their creative practice, and make art that responds to the world around them, solves problems, and brings about change.

Art at Calvin asks how your craft can make a difference in careers like business, healthcare, education, and more. You'll graduate with the confidence to shape a better world through your artistic voice.

Get a glimpse of the Calvin Art & Design experience

Watch Video
the collaborative arts logo is shown

Explore Programs

Art Education (Pre-K to 12th Grade) Major

On Campus
Major

Arts Collective

On Campus
Cohort

Bachelor of Fine Arts (BFA)

On Campus
BFA

Graphic Design Major

On Campus
Major
Minor

Studio Art Major, Minor

On Campus
Major
Minor
View all degrees and programs
Hoek-Painting Class Calendar Photo (2 of 4)

Calvin Arts Collective

Foster a collaborative approach to creative listening, making, and problem solving within Calvin’s community of arts-invested learners.

Explore

Loading...