Skip to main content
Back to top

DigiPen Institute of Technology

body.front #homepage-hero-slideshow div.ctas a{ padding: 1.2rem 1.6rem; text-shadow: 1px 1px 1px rgba(var(--black),0.4); /*background-image:linear-gradient(to right, #eea520 0%, #efb859 51%, #ffda8c 100%);*/ } /* Custom Grid Layout Alterations */ .overlay.custom-overlay{ background-image:linear-gradient(230deg, rgba(var(--purple),0), rgba(var(--purple),0.6)); -webkit-animation: animate 3s both; animation: animate 3s both; -webkit-animation-timing-function: var(--animation-ease); animation-timing-function: var(--animation-ease); --animation-opacity: 0; } body.front #homepage-hero-slideshow .view-content{ height: 75vh; min-height: 40rem; } body.front #homepage-hero-slideshow .view-content .views-row{ height: 75vh; min-height: 40rem; } body.front #homepage-hero-slideshow figure .hero-slide-image img{ height: 40vh; min-height: 20rem; } body.front #homepage-hero-slideshow figure figcaption .figure-inner{ max-width: 100%; width: 100vw !important; } .similar-articles{ top: 100%; display: flex; flex-direction: column; position: absolute; height: 36.5vh; min-height: 21rem; right: 0; width: 100%; } .similar-articles .article-aside{ display: flex; position: relative; height: 16%; overflow: hidden; width: 100%; background-size: cover; -webkit-transition: background-color 300ms ease; -moz-transition: background-color 300ms ease; -ms-transition: background-color 300ms ease; -o-transition: background-color 300ms ease; transition: background-color 300ms ease; } .similar-articles .article-aside:after{ content: ''; height: 100%; width: 100%; position: absolute; top: 0; left: 0; background-color: rgba(186,80,193,0.8); } .similar-articles .article-aside .article-overlay{ display: block; height: 100%; width: 100%; z-index: 1; background-color: transparent; -webkit-transition: height 300ms ease, background-color 300ms ease; -moz-transition: height 300ms ease, background-color 300ms ease; -ms-transition: height 300ms ease, background-color 300ms ease; -o-transition: height 300ms ease, background-color 300ms ease; transition: height 300ms ease, background-color 300ms ease; } /* Article Content and Image Positioning */ .similar-articles .article-content { align-self: center; position: absolute; width: 100%; z-index: 2; } .similar-articles .article-content span{ opacity: 1; text-align: center; } .similar-articles .article-content div{ -webkit-transition: opacity 300ms ease, color 300ms ease; -moz-transition: opacity 300ms ease, color 300ms ease; -ms-transition: opacity 300ms ease, color 300ms ease; -o-transition: opacity 300ms ease, color 300ms ease; transition: opacity 300ms ease, color 300ms ease; } .similar-articles .article-content span:nth-of-type(2){ display: none; } .similar-articles .article-content div p span i { display: block; -webkit-transform: translateY(3px); transform: translateY(3px); } /* Hover and Focus Effects */ .similar-articles .article-aside:nth-of-type(1){ background-image:url(/sites/default/files/public/img/news/03-thumbnail/digipen-game-design-disciplines-explained-level-design-th.jpg); } .similar-articles .article-aside:nth-of-type(2){ background-image:url(/sites/default/files/public/img/news/03-thumbnail/digipen-game-design-disciplines-explained-narrative-design-th.jpg); } .similar-articles .article-aside:nth-of-type(3){ background-image:url(/sites/default/files/public/img/news/03-thumbnail/digipen-game-design-disciplines-explained-systems-design-th.jpg); } .similar-articles .article-aside:nth-of-type(4){ background-image:url(/sites/default/files/public/img/news/03-thumbnail/digipen-game-design-disciplines-explained-technical-design-th.jpg); } .similar-articles .article-aside:nth-of-type(5){ background-image:url(/sites/default/files/public/img/news/03-thumbnail/digipen-game-design-disciplines-explained-ux-design-th.jpg); } .similar-articles .article-aside:nth-of-type(6){ background-image:url(/sites/default/files/public/img/news/03-thumbnail/digipen-game-design-disciplines-explained-user-research-th.jpg); } .similar-articles .article-aside:hover span, .similar-articles .article-aside:focus span, .similar-articles .article-aside:hover p, .similar-articles .article-aside:focus p{ color: #ffffff; } .similar-articles .article-aside:hover .article-overlay, .similar-articles .article-aside:focus .article-overlay{ background-color:rgba(201,36,66,1); } .similar-articles .article-aside:hover span, .similar-articles .article-aside:focus span, .similar-articles .article-aside:hover p, .similar-articles .article-aside:focus p{ color: #ffffff; } /* Hero Callout Alterations */ body.front #homepage-hero-slideshow .hero-huge-callout{ display: block; margin: 0 auto; padding: 0 4vw; text-align: center; top: 50% !important; width: 100%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } /* Media Queries - Responsive Behavior */ @media screen and (min-height: 52em){ .similar-articles{ min-height:20rem; } } @media screen and (min-width: 30em){ body.front #homepage-hero-slideshow .hero-huge-callout{ background-image:radial-gradient(rgba(var(--purple-tint),0.5), rgba(var(--purple-tint),0.3), rgba(var(--purple-tint),0), rgba(var(--purple-tint),0)); } } @media screen and (min-width: 40em){ body.front #homepage-hero-slideshow .view-content{ height: 52vh; min-height: 32rem; } body.front #homepage-hero-slideshow .view-content .views-row{ height: 52vh; min-height: 32rem; } body.front #homepage-hero-slideshow figure .hero-slide-image img{ min-height: 25rem; } body.front #homepage-hero-slideshow .similar-articles{ width: 100%; height: 30%; bottom: -30%; flex-direction: row; min-height: inherit; } .similar-articles .article-aside{ width: 33.33%; height: 100%; border-left: 1px solid #D1D3D5; } .similar-articles .article-aside:nth-of-type(1){ border-left: none; } .similar-articles span.hide-md{ display:none; } body.front #homepage-hero-slideshow .hero-huge-callout{ background-image: radial-gradient(rgba(var(--black),0.2), rgba(var(--black),0.1), rgba(var(--black),0), rgba(var(--black),0)); background-repeat: no-repeat; } body.front #homepage-hero-slideshow .hero-huge-callout{ padding: 0 19vw; } div.hero-huge-callout div.font-size-xxl{ font-size: 2.25rem; } } @media screen and (min-width: 54em){ body.front #homepage-hero-slideshow figure .figure-title{ right: inherit; margin-left: 5vw; -webkit-animation: animate 2s both; animation: animate 2s both; -webkit-animation-timing-function: var(--animation-ease); animation-timing-function: var(--animation-ease); -webkit-animation-delay: 2s; animation-delay: 2s; --animation-opacity: 0; } .overlay.custom-overlay{ background-image: linear-gradient(250deg, rgba(var(--black),0.8), rgba(var(--black),0.5), rgba(var(--black),0), rgba(var(--black),0), rgba(var(--purple),0.35), rgba(var(--purple),0.35)); } body.front #homepage-hero-slideshow figure.focus-left .hero-slide-image img { -o-object-position: 50%; object-position: 50%; } .similar-articles .article-overlay:nth-of-type(1), .similar-articles .article-overlay:nth-of-type(2), .similar-articles .article-overlay:nth-of-type(3) { background-color: none; } body.front #homepage-hero-slideshow figure .hero-slide-image img{ height: 65vh; min-height: 32rem; } body.front #homepage-hero-slideshow .view-content{ height: 65vh; min-height: 32rem; } body.front #homepage-hero-slideshow .view-content .views-row{ height: 65vh; min-height: 32rem; } body.front #homepage-hero-slideshow .hero-huge-callout{ padding:5rem; max-width: 36rem; left: 2.5vw; } body.front #homepage-hero-slideshow .similar-articles{ width: 20rem; height: 100%; padding: 3rem 5vw 5rem 0; flex-direction: column; top: 0; align-items: stretch; justify-content: space-around; } .similar-articles .article-aside{ width: 100%; height: 15%; min-height: 3.5rem; border-radius: 5px; border: 0; box-shadow: 0 0 4px rgba(var(--red-orange),.15); } .similar-articles .article-aside img{ max-width: 5rem; position: relative; right: 5px; } .similar-articles .article-content { justify-content: center; display: flex; } .similar-articles .article-aside .article-overlay{ height: 0%; } .similar-articles .article-aside:hover .article-overlay, .similar-articles .article-aside:focus .article-overlay{ height: 100%; } .similar-articles .article-aside:hover .article-content div, .similar-articles .article-aside:focus .article-content div{ opacity: 0; } .similar-articles .article-aside .article-content .content-reveal{ text-align: center; justify-content: center; width: 100%; left: 0; } .similar-articles .article-aside:hover .article-content .content-reveal, .similar-articles .article-aside:focus .article-content .content-reveal{ align-self: center; display: flex; position: absolute; max-width: 27rem; -webkit-animation: animate 0.5s both; animation: animate 0.5s both; -webkit-animation-timing-function: var(--animation-ease); animation-timing-function: var(--animation-ease); --animation-opacity: 0; --animation-translate-x: 0; --animation-translate-y: -1rem; } #homepage-hero-slideshow .similar-articles a.article-aside, #homepage-hero-slideshow .similar-articles p.aside-heading{ -webkit-animation: animate 1s both; animation: animate 1s both; -webkit-animation-timing-function: var(--animation-ease); animation-timing-function: var(--animation-ease); --animation-opacity: 0; --animation-translate-x: 2rem; --animation-translate-y: 0; } #homepage-hero-slideshow .similar-articles p.aside-heading{ -webkit-animation-delay: 1.4s; animation-delay: 1.4s; } #homepage-hero-slideshow .similar-articles a.article-aside:nth-of-type(1){ -webkit-animation-delay: 1.5s; animation-delay: 1.5s; } #homepage-hero-slideshow .similar-articles a.article-aside:nth-of-type(2){ -webkit-animation-delay: 1.6s; animation-delay: 1.6s; } #homepage-hero-slideshow .similar-articles a.article-aside:nth-of-type(3){ -webkit-animation-delay: 1.7s; animation-delay: 1.7s; } #homepage-hero-slideshow .similar-articles a.article-aside:nth-of-type(4){ -webkit-animation-delay: 1.8s; animation-delay: 1.8s; } #homepage-hero-slideshow .similar-articles a.article-aside:nth-of-type(5){ -webkit-animation-delay: 1.9s; animation-delay: 1.9s; } #homepage-hero-slideshow .similar-articles a.article-aside:nth-of-type(6){ -webkit-animation-delay: 2s; animation-delay: 2s; } } @media screen and (min-width: 68em){ body.front #homepage-hero-slideshow .hero-huge-callout{ left: 10vw; max-width: 38rem; } div.hero-huge-callout div.font-size-xxl{ font-size: 2.5rem; } body.front #homepage-hero-slideshow figure .figure-title{ margin-left: 8vw; } } @media screen and (min-width: 72em){ body.front #homepage-hero-slideshow .hero-huge-callout{ left: 15vw; } body.front #homepage-hero-slideshow .similar-articles{ padding: 4rem 8vw 5rem 0; width: 24rem; } div.hero-huge-callout p.lead-in{ font-size: 1.2rem; } } @media screen and (min-width: 85.5em){ body.front #homepage-hero-slideshow figure .figure-title{ margin-left: calc((100vw - 72rem) / 2); } } @media screen and (min-width: 90em){ body.front #homepage-hero-slideshow .hero-huge-callout{ padding: 8rem; max-width: 49rem; } div.hero-huge-callout div.font-size-xxl{ font-size: 3rem; } div.hero-huge-callout p.lead-in{ font-size: 1.3rem; } body.front #homepage-hero-slideshow .similar-articles{ width: 33%; } body.front #homepage-hero-slideshow .similar-articles{ padding: 4rem 12vw 5rem 0; } } @media screen and (min-width: 110em){ body.front #homepage-hero-slideshow .hero-huge-callout{ padding:5rem 0 5rem 15rem; } body.front #homepage-hero-slideshow .similar-articles{ width: 30%; } body.front #homepage-hero-slideshow .similar-articles{ padding: 4rem 15vw 5rem 0; } }

New on Campus

Students

DigiPen Student Game Sip Fisher Hooks a 2026 IGF Award Nomination

Arming players with a straw and a bucket, the cozy incremental fishing game is catching lots of attention.

Industry

Your Guide to DigiPen at GDC 2026

Where to find DigiPen students, faculty, and alumni at the game industry’s big weeklong celebration.

 

In Good Company

Thanks to the industry partners who visit, hire, and inspire, and to our graduates powering the future of tech and play.

Nintendo company logo. Skydance company logo. Teledyne company logo.
Activision company logo. Tencent company logo. Anduril company logo.
T-Mobile company logo. Arena Net company logo. Valkyrie Entertainment company logo.
Electronic Arts company logo. Epic Games company logo. Turn 10 company logo.
Microsoft company logo. DreamWorks company logo. Ubisoft company logo.
Amazon company logo. Meta company logo. Bungie company logo.
Wizards of the Coast company logo. Blizzard Entertainment company logo. Riot Games company logo.
Unity company logo. Mojang Studios company logo. Sucker Punch company logo.
Apple company logo. Google company logo. Roblox company logo.
Niantic company logo. Netflix company logo. Warner Bros Games company logo.
  • Top Game School

    Ranked as a Top Video Game Design School by the Princeton Review for the last 16 years.

  • #1 Median Earnings

    Highest median earnings after attending among Washington state colleges.* (collegescorecard.ed.gov)

  • 91% Receive Aid

    A majority of incoming undergraduates in the 2025-26 academic year were awarded DigiPen gift aid.

  • 1,000+ Awards

    DigiPen students have earned more than 1,000 awards and honors for their games, films, and academic papers.

*The median annual earnings of individuals that received federal student aid and began college at this institution 10 years ago, regardless of their completion status.

Our Students Are Amazing

Student Showcase

Do What You Love.  Love What You Do.

We prepare students for a wide range of careers — doing the kind of work that challenges the mind and excites the imagination. Check out some examples of what our alumni have gone on to do after DigiPen.

Alumni Success
An image of DigiPen's viewbook

Stay in the Loop

Stay in the Loop

Don’t miss any updates and get access to our digital viewbook!

Don’t miss any updates and get access to our digital viewbook!