Visual Component Library 📚
HERO
Layered Hero
Video Hero
Video Hero
Content
Product/Program Overview
Subject Heading
Punchy Text
Heading Text
Text Block
Left-Aligned
Subject Heading
Punchy Text
Centered
Subject Heading
Punchy Text
Right-Aligned
Subject Heading
Punchy Text
Alternator (Two Col Image Text)
Image Left
Image Right
Static Scroll
Carousel
Heading Text
Title (Optional)
Lorem ipsum dolor sit amet. Ab voluptatibus internos et iste voluptas non dignissimos molestias quo illo nisi est quibusdam deleniti. Qui nulla maxime et architecto sapiente et cupiditate iusto nam rerum explicabo. A soluta laboriosam sed mollitia asperiores qui tempore deleniti nam molestiae nesciunt sit saepe deserunt est minima architecto qui debitis atque.
Heading Text
Title (Optional)
Lorem ipsum dolor sit amet. Ab voluptatibus internos et iste voluptas non dignissimos molestias quo illo nisi est quibusdam deleniti. Qui nulla maxime et architecto sapiente et cupiditate iusto nam rerum explicabo. A soluta laboriosam sed mollitia asperiores qui tempore deleniti nam molestiae nesciunt sit saepe deserunt est minima architecto qui debitis atque.
Heading Text
Heading Text
Lorem ipsum dolor sit amet. Ab voluptatibus internos et iste voluptas non dignissimos molestias quo illo nisi est quibusdam deleniti. Qui nulla maxime et architecto sapiente et cupiditate iusto nam rerum explicabo. A soluta laboriosam sed mollitia asperiores qui tempore deleniti nam molestiae nesciunt sit saepe deserunt est minima architecto qui debitis atque.
Feature Cards
Heading Text
Lorem ipsum dolor sit amet. Ab voluptatibus internos et iste voluptas non dignissimos molestias quo illo nisi est quibusdam deleniti. Qui nulla maxime et architecto sapiente et cupiditate iusto nam rerum explicabo. A soluta laboriosam sed mollitia asperiores qui tempore deleniti nam molestiae nesciunt sit saepe deserunt est minima architecto qui debitis atque.
Heading Text
Lorem ipsum dolor sit amet. Ab voluptatibus internos et iste voluptas non dignissimos molestias quo illo nisi est quibusdam deleniti. Qui nulla maxime et architecto sapiente et cupiditate iusto nam rerum explicabo. A soluta laboriosam sed mollitia asperiores qui tempore deleniti nam molestiae nesciunt sit saepe deserunt est minima architecto qui debitis atque.
Bio Cards
Standard Bio Cards (Grid)
Katie Kloepping
Success Coach
John Armstrong
Director, Honors Program; Professor of Philosophy
Sam Armstrong
UVA Law Student
Hyrum Arnesen
Visiting Assistant Professor of Music
Dawson Ball
Sophomore Class President
Devin Barbee
SVSA Executive Secretary
Kai Barton
VP of Student Services
Jeff Batis
Professor of Psychology
Mary Baxter
Junior Class President
Thomas Bell
Associate Professor of Mathematics; Mathematics Program Coordinator
Michael Black
Assistant Professor of Music, Director of Bands
Joe Bouchelle
Associate Professor of Composition; Associate Director of University Writing
Carrie Brotherson
Assistant Professor of English
Todd Brotherson
Business Management & Leadership Program Coordinator; Associate Professor of Business
Lindsay Brown
Admissions Onboarding Specialist
Alicia Byrd
Success Coach · Accommodations Specialist
Alison Caldwell-Andrews
Associate Professor of Psychology; Psychology Program Coordinator
Paul Candland
Alumni Association Vice President
Jamie Chandler
Accommodations Director; Assistant to the Provost
Doug Cheney
Assistant Professor of Mathematics
Sarah Christoffersen
Financial Aid Director
Jordan Clark
Instructor of Teacher Education
Amaree Cluff
Associate Professor of Theatre
Tyson Cooper
Vice President of Finance
Jared Covington
Instructor of Marketing
Kenzie Cox
Director of Admissions
David Cox
Professor of History
Barbara Crawford
Professor of Art
Rico Diego
Financial Aid Specialist
Brigham Doxey
Alumni Association Treasurer
Scott Dransfield
Professor of English; Liberal Arts Program Coordinator
JD Drasbek
Alumni Association Vice President
Deidra Dryden
VP of Development; Director of Athletics
Natalie Ferris
Senior Admissions Counselor · Utah
Ben Fly
Service Senator
Laura Fly
Admissions Counselor · Atlantic States
Michael Frye
Director of Student Success
Arlene Fuentes
Assistant Professor of Spanish
Brett Garcia
Vice President of Development
Richard Gardner
Professor of Biology
Bryce Gessell
Assistant Professor of Philosophy
Kristie Gibbons
Vice President of University Affairs
Michael Gibbons
Assistant Professor of Psychology
Tony Good
Director of Housing
Michael Griffiths
Associate Professor of Computer Science; Computer Science Program Coordinator
April Harris
Dean of Students
Ian Haver
Instructor of Writing; Director of the Writing Center
Jack Heilpern
Assistant Professor of Business
Doug Himes
Associate Professor of Art
Sophia Hirst
SGA Executive Secretary
Samuel Hirt
Associate Professor of Biology; Associate Provost
Jakob Hofer
Assistant Professor of Music; Orchestra Director
Madison Holm
Financial Aid Specialist
Karen Hufford
Professor of English; Creative Writing Program Coordinator
Jeremiah John
Professor of Politics; Social Science Division Chair; Political Science Program Coordinator
Roger Johnson
Associate Professor of Biochemistry; Biochemistry Program Coordinator
Jan-Erik Jones
Professor of Philosophy; Humanities Division Chair; Philosophy Program Coordinator
Kimberley Kearney
Assistant Professor of Education, Director of Teacher Licensure Program
Krystal Kemp
Admissions Counselor · Pacific States
Mckenzie Kitchen
NYC-based Vocal Instructor
Lora Knight
Professor of History
Emma Knight
Senior Class President
Timothy Knudson
Associate Professor of Physics; Gayle T. Smith Professorship
Iana Konstantinova
Professor of Spanish; Spanish Program Coordinator
Kevin Lamb
Head Esports Coach
James Lambert
Provost; Associate Professor of English
Jared Lee
Associate Professor of Biology; Biology Program Coordinator; Math and Natural Sciences Division Chair
Dallin Lewis
Associate Professor of English
Andrew Ludtke
Visiting Assistant Professor of Health and Wellness
Craig Lund
Senior Admissions Counselor · Virginia · International & Spring Semester
Derick Maggard
Alumni Association Vice President
Sarah Maitland
Associate Professor of English; Associate Provost; English Program Coordinator; Director of University Writing
Megan Mason
Assistant Professor of Music; Fine & Performing Arts Division Chair; Music Program Coordinator
Jared McBride
Assistant Professor of Mathematics
Scott McKeon
President of the Alumni Association
Bio Cards (slider)
Natalie Ferris
Senior Admissions Counselor · Utah
John Armstrong
Director, Honors Program; Professor of Philosophy
Scott McKeon
President of the Alumni Association
Mckenzie Kitchen
NYC-based Vocal Instructor
Kenzie Cox
Director of Admissions
Lydia Wassum
Visit Coordinator and Ambassador Advisor
Alicia Byrd
Success Coach · Accommodations Specialist
Nick Roberts
Dean of Students
Craig Lund
Senior Admissions Counselor · Virginia · International & Spring Semester
Melanie Roberts
Art + Design Recruitment Coordinator
Michael Frye
Director of Student Success
Jamie Chandler
Accommodations Director; Assistant to the Provost
Katie Kloepping
Success Coach
Sarah Christoffersen
Financial Aid Director
Jeff Batis
Professor of Psychology
Thomas Bell
Associate Professor of Mathematics; Mathematics Program Coordinator
Joe Bouchelle
Associate Professor of Composition; Associate Director of University Writing
Carrie Brotherson
Assistant Professor of English
Todd Brotherson
Business Management & Leadership Program Coordinator; Associate Professor of Business
Alison Caldwell-Andrews
Associate Professor of Psychology; Psychology Program Coordinator
Doug Cheney
Assistant Professor of Mathematics
Jordan Clark
Instructor of Teacher Education
Megan Mason
Assistant Professor of Music; Fine & Performing Arts Division Chair; Music Program Coordinator
Benjamin Whitted
Student Body President
Amaree Cluff
Associate Professor of Theatre
Jared Covington
Instructor of Marketing
David Cox
Professor of History
Jon Wallin
Board Recorder; Chief of Staff
Kristie Gibbons
Vice President of University Affairs
James Lambert
Provost; Associate Professor of English
Brett Garcia
Vice President of Development
Chris Pendleton
Vice President of Strategy
Sam Armstrong
UVA Law Student
Matthew Valentine
Marriage and Family Therapist Program at Utah Tech University
Michael Gibbons
Assistant Professor of Psychology
Alan Whitehead
Associate Professor of Psychology
Bryce Gessell
Assistant Professor of Philosophy
Barbara Crawford
Professor of Art
Doug Himes
Associate Professor of Art
Roger Johnson
Associate Professor of Biochemistry; Biochemistry Program Coordinator
Barbara Van Kuiken
Professor of Chemistry
Jared Lee
Associate Professor of Biology; Biology Program Coordinator; Math and Natural Sciences Division Chair
Richard Gardner
Professor of Biology
Jack Heilpern
Assistant Professor of Business
Eric Nielsen
Visiting Instructor of Business
Michael Griffiths
Associate Professor of Computer Science; Computer Science Program Coordinator
Jacob Ricks
Assistant Professor of Art; Art & Design Program Coordinator
Sarah Maitland
Associate Professor of English; Associate Provost; English Program Coordinator; Director of University Writing
Scott Dransfield
Professor of English; Liberal Arts Program Coordinator
Karen Hufford
Professor of English; Creative Writing Program Coordinator
Dallin Lewis
Associate Professor of English
Ariel Clark Silver
Assistant Professor of English
Ariel Rodriguez
Professor of Family & Human Development; Family & Human Development Program Coordinator
Karen Walker
Professor of Family and Human Development; Director of Educational Research and Development
Andrew Sorber
Assistant Professor of Humanities and History; History Program Coordinator
Lora Knight
Professor of History
Jared McBride
Assistant Professor of Mathematics
Jakob Hofer
Assistant Professor of Music; Orchestra Director
Kyle Nielsen
Assistant Professor of Music; Director of Choral Activities
Mackenzie Romriell
Assistant Professor of Music; Director of Vocal Performance
Michael Black
Assistant Professor of Music, Director of Bands
Hyrum Arnesen
Visiting Assistant Professor of Music
Jan-Erik Jones
Professor of Philosophy; Humanities Division Chair; Philosophy Program Coordinator
Jeremiah John
Professor of Politics; Social Science Division Chair; Political Science Program Coordinator
Iana Konstantinova
Professor of Spanish; Spanish Program Coordinator
Arlene Fuentes
Assistant Professor of Spanish
Ian Haver
Instructor of Writing; Director of the Writing Center
Kimberley Kearney
Assistant Professor of Education, Director of Teacher Licensure Program
Timothy Knudson
Associate Professor of Physics; Gayle T. Smith Professorship
Andrew Ludtke
Visiting Assistant Professor of Health and Wellness
Zebulen Riley
Assistant Professor of Economics, Economics Minor Coordinator
Marie Withers
Visiting Assistant Professor of Art & Design
Deidra Dryden
VP of Development; Director of Athletics
April Harris
Dean of Students
Jessi Whipple
Executive Director of the Alumni Association
Subheaded List
Heading
List Item
Lorem ipsum dolor sit amet. Ab voluptatibus internos et iste voluptas non dignissimos molestias quo illo nisi est quibusdam deleniti. Qui nulla maxime et architecto sapiente et cupiditate iusto nam rerum explicabo. A soluta laboriosam sed mollitia asperiores qui tempore deleniti nam molestiae nesciunt sit saepe deserunt est minima architecto qui debitis atque.
List Item
Lorem ipsum dolor sit amet. Ab voluptatibus internos et iste voluptas non dignissimos molestias quo illo nisi est quibusdam deleniti. Qui nulla maxime et architecto sapiente et cupiditate iusto nam rerum explicabo. A soluta laboriosam sed mollitia asperiores qui tempore deleniti nam molestiae nesciunt sit saepe deserunt est minima architecto qui debitis atque.
List Item
Lorem ipsum dolor sit amet. Ab voluptatibus internos et iste voluptas non dignissimos molestias quo illo nisi est quibusdam deleniti. Qui nulla maxime et architecto sapiente et cupiditate iusto nam rerum explicabo. A soluta laboriosam sed mollitia asperiores qui tempore deleniti nam molestiae nesciunt sit saepe deserunt est minima architecto qui debitis atque.
List Item
Lorem ipsum dolor sit amet. Ab voluptatibus internos et iste voluptas non dignissimos molestias quo illo nisi est quibusdam deleniti. Qui nulla maxime et architecto sapiente et cupiditate iusto nam rerum explicabo. A soluta laboriosam sed mollitia asperiores qui tempore deleniti nam molestiae nesciunt sit saepe deserunt est minima architecto qui debitis atque.
Accordions
Tagged Accordion
Tagline
Heading
- Open dropdown
Part-TimeDropdown Title
Qui neque atque et dolorum culpa aut harum aperiam est galisum vitae aut voluptatem quam et provident praesentium. Quo galisum necessitatibus aut dolores itaque et voluptatem deleniti quo quidem esse ex aperiam accusamus. Eos quisquam rerum ut blanditiis cupiditate qui dolorum quas qui corrupti nesciunt est odio molestiae rem sapiente molestiae sed ratione ratione. A possimus quam qui natus quisquam non tempora quisquam et porro omnis in delectus exercitationem eos nulla consequatur est nostrum recusandae.
- Open dropdown
Full-TimeDropdown Title
Qui neque atque et dolorum culpa aut harum aperiam est galisum vitae aut voluptatem quam et provident praesentium. Quo galisum necessitatibus aut dolores itaque et voluptatem deleniti quo quidem esse ex aperiam accusamus. Eos quisquam rerum ut blanditiis cupiditate qui dolorum quas qui corrupti nesciunt est odio molestiae rem sapiente molestiae sed ratione ratione. A possimus quam qui natus quisquam non tempora quisquam et porro omnis in delectus exercitationem eos nulla consequatur est nostrum recusandae.
- Open dropdown
Part-TimeDropdown Title
Lorem ipsum dolor sit amet. Et quis molestias sit ipsum galisum ea itaque rerum qui amet dolorum non amet quia est vero galisum ut quod repudiandae. Et sapiente voluptatem eum explicabo Quis in rerum unde aut aliquam galisum aut quod deserunt. Et quasi facere est minima perspiciatis non corrupti explicabo At saepe repellat et quae nihil et alias neque id internos quibusdam.
Feature Accordion
Tagline
Heading Text
Lorem ipsum dolor sit amet. Ab voluptatibus internos et iste voluptas non dignissimos molestias quo illo nisi est quibusdam deleniti. Qui nulla maxime et architecto sapiente et cupiditate iusto nam rerum explicabo. A soluta laboriosam sed mollitia asperiores qui tempore deleniti nam molestiae nesciunt sit saepe deserunt est minima architecto qui debitis atque.
- Open dropdown
Heading Text
Lorem ipsum dolor sit amet. Ab voluptatibus internos et iste voluptas non dignissimos molestias quo illo nisi est quibusdam deleniti. Qui nulla maxime et architecto sapiente et cupiditate iusto nam rerum explicabo. A soluta laboriosam sed mollitia asperiores qui tempore deleniti nam molestiae nesciunt sit saepe deserunt est minima architecto qui debitis atque.
Heading Text
-
Lorem ipsum dolor sit amet.
-
Lorem ipsum dolor sit amet.
-
Lorem ipsum dolor sit amet.
-
Lorem ipsum dolor sit amet.
-
Lorem ipsum dolor sit amet.
-
- Open dropdown
Heading Text
Lorem ipsum dolor sit amet. Ab voluptatibus internos et iste voluptas non dignissimos molestias quo illo nisi est quibusdam deleniti. Qui nulla maxime et architecto sapiente et cupiditate iusto nam rerum explicabo. A soluta laboriosam sed mollitia asperiores qui tempore deleniti nam molestiae nesciunt sit saepe deserunt est minima architecto qui debitis atque.
Heading text
-
body Lorem ipsum dolor sit amet.
-
Lorem ipsum dolor sit amet. Ab voluptatibus
-
Lorem ipsum dolor sit amet.
-
Lorem ipsum dolor sit amet. Ab voluptatibus internos
-
Simple Accordion
Heading Text
- Open dropdown
Dropdown Heading
Ad porro dolorem sit sint impedit id dolorum obcaecati est necessitatibus debitis. Est autem quasi et beatae ipsum id numquam nemo in maiores velit ex ipsa recusandae. Et galisum adipisci eum molestiae doloremque vel recusandae molestias ut quia reiciendis sed nesciunt quos ut neque velit et dolorem nemo. Et quos recusandae sit animi saepe hic voluptas modi.
- Open dropdown
Dropdown Title
Ad porro dolorem sit sint impedit id dolorum obcaecati est necessitatibus debitis. Est autem quasi et beatae ipsum id numquam nemo in maiores velit ex ipsa recusandae. Et galisum adipisci eum molestiae doloremque vel recusandae molestias ut quia reiciendis sed nesciunt quos ut neque velit et dolorem nemo. Et quos recusandae sit animi saepe hic voluptas modi.
- Open dropdown
Dropdown Title
Ad porro dolorem sit sint impedit id dolorum obcaecati est necessitatibus debitis. Est autem quasi et beatae ipsum id numquam nemo in maiores velit ex ipsa recusandae. Et galisum adipisci eum molestiae doloremque vel recusandae molestias ut quia reiciendis sed nesciunt quos ut neque velit et dolorem nemo. Et quos recusandae sit animi saepe hic voluptas modi.
Table Block
Full-Width
Title
Item Title
Ad porro dolorem sit sint impedit id dolorum obcaecati est necessitatibus debitis. Est autem quasi et beatae ipsum id numquam nemo in maiores velit ex ipsa recusandae. Et galisum adipisci eum molestiae doloremque vel recusandae molestias ut quia reiciendis sed nesciunt quos ut neque velit et dolorem nemo. Et quos recusandae sit animi saepe hic voluptas modi.
Item Title 2
Ad porro dolorem sit sint impedit id dolorum obcaecati est necessitatibus debitis. Est autem quasi et beatae ipsum id numquam nemo in maiores velit ex ipsa recusandae. Et galisum adipisci eum molestiae doloremque vel recusandae molestias ut quia reiciendis sed nesciunt quos ut neque velit et dolorem nemo. Et quos recusandae sit animi saepe hic voluptas modi.
Item Title
Ad porro dolorem sit sint impedit id dolorum obcaecati est necessitatibus debitis. Est autem quasi et beatae ipsum id numquam nemo in maiores velit ex ipsa recusandae. Et galisum adipisci eum molestiae doloremque vel recusandae molestias ut quia reiciendis sed nesciunt quos ut neque velit et dolorem nemo. Et quos recusandae sit animi saepe hic voluptas modi.
Item Title
Ad porro dolorem sit sint impedit id dolorum obcaecati est necessitatibus debitis. Est autem quasi et beatae ipsum id numquam nemo in maiores velit ex ipsa recusandae. Et galisum adipisci eum molestiae doloremque vel recusandae molestias ut quia reiciendis sed nesciunt quos ut neque velit et dolorem nemo. Et quos recusandae sit animi saepe hic voluptas modi.
Right-Aligned
Title
Item Title
Ad porro dolorem sit sint impedit id dolorum obcaecati est necessitatibus debitis. Est autem quasi et beatae ipsum id numquam nemo in maiores velit ex ipsa recusandae. Et galisum adipisci eum molestiae doloremque vel recusandae molestias ut quia reiciendis sed nesciunt quos ut neque velit et dolorem nemo. Et quos recusandae sit animi saepe hic voluptas modi.
Item Title
Ad porro dolorem sit sint impedit id dolorum obcaecati est necessitatibus debitis. Est autem quasi et beatae ipsum id numquam nemo in maiores velit ex ipsa recusandae. Et galisum adipisci eum molestiae doloremque vel recusandae molestias ut quia reiciendis sed nesciunt quos ut neque velit et dolorem nemo. Et quos recusandae sit animi saepe hic voluptas modi.
Item Title
Ad porro dolorem sit sint impedit id dolorum obcaecati est necessitatibus debitis. Est autem quasi et beatae ipsum id numquam nemo in maiores velit ex ipsa recusandae. Et galisum adipisci eum molestiae doloremque vel recusandae molestias ut quia reiciendis sed nesciunt quos ut neque velit et dolorem nemo. Et quos recusandae sit animi saepe hic voluptas modi.
Right-Aligned with Accordion
Heading Text
-
Item Title
Ad porro dolorem sit sint impedit id dolorum obcaecati est necessitatibus debitis. Est autem quasi et beatae ipsum id numquam nemo in maiores velit ex ipsa recusandae. Et galisum adipisci eum molestiae doloremque vel recusandae molestias ut quia reiciendis sed nesciunt quos ut neque velit et dolorem nemo. Et quos recusandae sit animi saepe hic voluptas modi.
-
Item Title
Ad porro dolorem sit sint impedit id dolorum obcaecati est necessitatibus debitis. Est autem quasi et beatae ipsum id numquam nemo in maiores velit ex ipsa recusandae. Et galisum adipisci eum molestiae doloremque vel recusandae molestias ut quia reiciendis sed nesciunt quos ut neque velit et dolorem nemo. Et quos recusandae sit animi saepe hic voluptas modi.
-
Item Title
Ad porro dolorem sit sint impedit id dolorum obcaecati est necessitatibus debitis. Est autem quasi et beatae ipsum id numquam nemo in maiores velit ex ipsa recusandae. Et galisum adipisci eum molestiae doloremque vel recusandae molestias ut quia reiciendis sed nesciunt quos ut neque velit et dolorem nemo. Et quos recusandae sit animi saepe hic voluptas modi.
Sorted List
Majors & Minors
Media
Image Block
Full Screen
Mini Margin
Container Width
Medium Container Width
Half Container Width
Image Carousel
Video Block
Full-Width
Mini Margin
Container-Width
Medium Container
Half Width
Callouts
Quote/Testimonial
Left Card
Gather
MissionariesStatistics
Important Statistics
5:1
Ad porro dolorem
#4
In the nation
7/10
People are correct
14
Programs & Degrees
19
Incredible Staff Members
