High School Dragon Prep
Set yourself up for future success at DigiPen! These useful, degree-specific tips can help you start preparing while you’re still in high school.
Learn more about prepping for Art & Animation degree programs Master visual media by combining traditional art foundations with cutting edge technology.
Learn more about prepping for Music & Sound Design degree programs Perfect the art of adding audio to any multimedia project.
.webkit-gradient{ background: -webkit-linear-gradient(30deg, rgba(var(--red), 1), rgba(var(--red-tint), 1)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding: 0.5rem; margin-left: -0.5rem; z-index: 10;
}
/* Custom Grid Layout Alterations */
.overlay.custom-overlay{ background-image: radial-gradient(rgba(var(--white), 0.9), rgba(var(--white), 0.85), rgba(var(--white), 0.75));
}
body.front #homepage-hero-slideshow .view-content{ height: 64vh; min-height: 32rem;
}
body.front #homepage-hero-slideshow .view-content .views-row{ height: 64vh; min-height: 32rem;
}
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{ bottom: -60%; display: flex; flex-direction: column; position: absolute; height: 60%; right: 0; width: 100%;
}
.similar-articles a.article-aside{ border-top: 2px solid #e6474a; display: flex; position: relative; height: 33.33%; overflow: hidden; width: 100%;
}
/* Article Content and Image Positioning */
.similar-articles .article-content { align-self: center; display: flex; position: absolute; justify-content: center; width: 100%; z-index: 2;
}
.similar-articles .article-content span{ opacity: 1; text-align: center;
}
.similar-articles .article-content span:first-of-type{ -webkit-transition: opacity 300ms ease; -moz-transition: opacity 300ms ease; -ms-transition: opacity 300ms ease; -o-transition: opacity 300ms ease; transition: opacity 300ms ease;
}
.similar-articles .article-content span:nth-of-type(2){ display: none;
}
.similar-articles a.article-aside img{ bottom: 0; height: 100%; left: 0; object-fit: cover; position: absolute; width: 100%; -webkit-transition: transform 300ms ease; -moz-transition: transform 300ms ease; -ms-transition: transform 300ms ease; -o-transition: transform 300ms ease; transition: transform 300ms ease;
}
.similar-articles .article-overlay{ height: 100%; width: 100%; z-index: 1; -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:nth-of-type(1) .article-overlay{ background-color:rgba(var(--golden-yellow),0.4);
}
.similar-articles .article-aside:nth-of-type(2) .article-overlay{ background-color:rgba(var(--teal),0.4);
}
.similar-articles .article-aside:nth-of-type(3) .article-overlay{ background-color:rgba(var(--green),0.4);
}
/* Hover and Focus Effects */
.similar-articles a.article-aside:hover:nth-of-type(1) .article-overlay, .similar-articles a.article-aside:focus:nth-of-type(1) .article-overlay{ background-color: rgba(var(--golden-yellow),0.8);
}
.similar-articles a.article-aside:hover:nth-of-type(2) .article-overlay, .similar-articles a.article-aside:focus:nth-of-type(2) .article-overlay{ background-color: rgba(var(--teal),0.8);
}
.similar-articles a.article-aside:hover:nth-of-type(3) .article-overlay, .similar-articles a.article-aside:focus:nth-of-type(3) .article-overlay{ background-color: rgba(var(--green),0.8);
}
.similar-articles a.article-aside:hover img, .similar-articles a.article-aside:focus img{ transform: scale(1.1);
}
/* Hero Callout Alterations */
body.front #homepage-hero-slideshow .hero-huge-callout{ display: block; margin: 0 auto; max-width: 40rem; padding: 0 1rem; right: 0; text-align: center; top: 45% !important; width: 100%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);
}
/* Content Animations */
div.hero-huge-callout div.font-size-xxl{ animation: animDown 1s cubic-bezier(0.25,0.1,0.25,1) both; -webkit-animation: animDown 1s cubic-bezier(0.25,0.1,0.25,1) both; -webkit-animation-delay: 0.25s; animation-delay: 0.25s;
}
div.hero-huge-callout p.lead-in{ animation: animDown 1s cubic-bezier(0.25,0.1,0.25,1) both; -webkit-animation: animDown 1s cubic-bezier(0.25,0.1,0.25,1) both; -webkit-animation-delay: 0.9s; animation-delay: 0.9s;
}
div.hero-huge-callout div.ctas{ animation: animDown 1s cubic-bezier(0.25,0.1,0.25,1) both; -webkit-animation: animDown 1s cubic-bezier(0.25,0.1,0.25,1) both; -webkit-animation-delay: 1.5s; animation-delay: 1.5s;
}
@-webkit-keyframes animDown{ from { -webkit-transform: translate3d(0,-1rem,0); opacity: 0; transform: translate3d(0,-1rem,0); opacity: 0;}
}
@keyframes animDown{ from { -webkit-transform: translate3d(0,-1rem,0); transform: translate3d(0,-1rem,0); opacity: 0;}
}
/* Media Queries - Responsive Behavior */
@media screen and (min-width: 30em){ 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; } .similar-articles a.article-aside{ width: 33.33%; height: 100%; border-left: 2px solid #e6474a; } .similar-articles a.article-aside:first-of-type{ border-left: none; } body.front #homepage-hero-slideshow .hero-huge-callout{ padding: 4rem; background-image: radial-gradient(rgba(var(--white), 0.6), rgba(var(--white), 0.5), rgba(var(--white), 0), rgba(var(--white), 0)); }
}
@media screen and (min-width: 54em){ body.front #homepage-hero-slideshow figure.focus-left .hero-slide-image img { -o-object-position: 35%; object-position: 35%; } body.front #homepage-hero-slideshow figure .hero-slide-image img{ width: 70%; 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; } .overlay.custom-overlay{ width: 70%; border-right: 2px solid #e6474a; background-image: linear-gradient(45deg, rgba(var(--white), 0), rgba(var(--white), 0.25), rgba(var(--white), 0.4)); } body.front #homepage-hero-slideshow .hero-huge-callout{ right: 10vw; padding: 5rem 8rem; max-width: 45rem; } div.hero-huge-callout div.font-size-xxl{ font-size: 2.5rem; } body.front #homepage-hero-slideshow .similar-articles{ width: 30%; height: 100%; flex-direction: column; bottom: 0; } .similar-articles a.article-aside{ width: 100%; height: 33.33%; border-top: 2px solid #e6474a; border-left: 0px; } .similar-articles a.article-aside:first-of-type{ border-top: none; } .similar-articles a.article-aside:hover .article-content span:nth-of-type(1), .similar-articles a.article-aside:focus .article-content span:nth-of-type(1){ opacity: 0; } .similar-articles a.article-aside:hover .article-content span:nth-of-type(2), .similar-articles a.article-aside:focus .article-content span:nth-of-type(2){ align-self: center; display: flex; position: absolute; max-width: 25rem; animation: animDown 0.5s cubic-bezier(0.25,0.1,0.25,1) both; -webkit-animation: animDown 0.5s cubic-bezier(0.25,0.1,0.25,1) both; } /* Aside Button Styling */ .similar-articles .article-overlay{ background-color: rgba(var(--black),0); } .similar-articles .article-aside span:nth-of-type(1){ border-radius: 3px; padding: 1rem; } .similar-articles .article-aside:nth-of-type(1) .article-overlay{ background-color:rgba(var(--golden-yellow),0.2); } .similar-articles .article-aside:nth-of-type(2) .article-overlay{ background-color:rgba(var(--teal),0.2); } .similar-articles .article-aside:nth-of-type(3) .article-overlay{ background-color:rgba(var(--green),0.2); } .similar-articles .article-aside:nth-of-type(1) span:nth-of-type(1){ background-color: rgba(var(--golden-yellow),0.5); border: 2px solid rgba(var(--golden-yellow),1); } .similar-articles .article-aside:nth-of-type(2) span:nth-of-type(1){ background-color: rgba(var(--teal),0.5); border: 2px solid rgba(var(--teal),1); } .similar-articles .article-aside:nth-of-type(3) span:nth-of-type(1){ background-color: rgba(var(--green),0.5); border: 2px solid rgba(var(--green),1); }
}
@media screen and (min-width: 90em){ body.front #homepage-hero-slideshow figure .hero-slide-image img{ width: 66%; } .overlay.custom-overlay{ width: 66%; } body.front #homepage-hero-slideshow .similar-articles{ width: 34%; } div.hero-huge-callout div.font-size-xxl{ font-size: 3rem; }
}
New on Campus
Students
Two DigiPen Artists Wow with World of Warcraft Student Art Contest Wins
Drew Mitchell and Sasha Ponomarenko discuss their award-winning character art and FX submissions.
Students
DigiPen’s NextGen 2025 Event Sets Record Employer Attendance
Industry pros from Apple, Microsoft, Nintendo, and dozens of other game and tech companies visited campus to meet DigiPen’s newest graduating class.
Our Students Are Amazing
Student ShowcaseRanked Top 10
Ranked as a Top 10 Video Game Design School by the Princeton Review for the last 15 years.
#1 Median Earnings
Highest median earnings after attending among Washington state colleges.* (collegescorecard.ed.gov)
83% Receive Aid
A majority of incoming undergraduates in the 2024-25 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.
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
