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)
John Armstrong
Professor of Philosophy; Sport Performance Program Coordinator
Sam Armstrong
UVA Law Student
Hyrum Arnesen
Assistant Professor of Music
James Ballstaedt
Advancement Officer; Athletics Liaison
Kai Barton
Student Body President
Heidi Barton
Senior Class President
Heidi Barton
Scholarship Recipient
Jeff Batis
Professor of Psychology; Psychology Program Coordinator
Dallyn Vail Bayles
Assistant Professor of Theater
Ike Beck
Admissions Counselor · Central States
Curtis Beesley
Director of Major Gifts
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
Bill Braddy
Advancement Relations; Projects Liaison
Kamryn Bradshaw-Meyer
Advancement & Alumni Coordinator
Carrie Brotherson
Vice President of Student Life
Todd Brotherson
Interim Associate Provost; Associate Professor of Business; Business Management & Leadership Program Coordinator
Lindsay Brown
Admissions Onboarding Specialist
Brant Brown
Director of Admissions
Parker Buhler
Financial Aid Specialist · Virginia and Atlantic States
Alicia Byrd
Success Coach · Accommodations Specialist
Alison Caldwell-Andrews
Associate Professor of Psychology
Paul Candland
Alumni Association Vice President
Jamie Chandler
Assistant Provost; Accommodations Director
Kira Chandler
Events & Activities Senator
Kedryn Chandler
Financial Aid Specialist · Pacific and Central States
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
Executive Director of Strategic Enrollment
David Cox
Professor of History
Matthew Crandall
Assistant Professor of Political Science
Barbara Crawford
Professor of Art
Derek Devashrayee
Director of Annual Giving
Rico Diego
Brigham Doxey
Alumni Association Treasurer
Scott Dransfield
Professor of English; Liberal Arts Program Coordinator
JD Drasbek
Alumni Association Vice President
Deidra Dryden
VP of Advancement
David Dwyer
Associate Professor of Theatre; Theatre Program Coordinator; Technical Director
Emma Farnsworth
Scholarship Recipient
Laura Fly
Transfer Student Counselor
Lauren Fowler
Executive Secretary
Michael Frye
Director of Student Success
Arlene Fuentes
Assistant Professor of Spanish
Brett Garcia
Vice President of Development
Richard Gardner
Professor of Biology; Biology Program Coordinator
Katrina (Kat) Gardner
Athletics Senator
Ben Gaughran
Assistant Professor of Music; Director of Choral Activities
Bryce Gessell
Director, Honors Program; Associate Professor of Philosophy
Kristie Gibbons
Vice President of University Affairs
Michael Gibbons
Assistant Professor of Psychology
Jaden Giles
Scholarship Recipient
Tony Good
Director of Housing
Brady Hanson
Assistant Professor of Biology–Exercise/Health Science
April Harris
Director of Student Engagement
Andy Harris
Assistant Professor of Family and Human Development
Ian Haver
Assistant Professor of Writing; Director of the Writing Center
Jack Heilpern
Assistant Professor of Business
Ammon Hepworth
Assistant Professor of Computer Science
Samuel Hirt
Associate Professor of Biology; Associate Provost
Jakob Hofer
Assistant Professor of Music; Orchestra Director
Madison Holm
Financial Aid Specialist · Utah and International
Tyson Hoopes
Scholarship Recipient
Walker Hoopes
Admissions Counselor · Pacific States
Karen Hufford
Professor of English; Creative Writing Program Coordinator
Jeremiah John
Professor of Politics; Social Science Division Chair; Political Science Program Coordinator
Roger Johnson
Professor of Biochemistry; Biochemistry Program Coordinator
Carter Johnson
Junior Class President
Mary Jolley
Instructor of Writing
Jan-Erik Jones
Professor of Philosophy; Humanities Division Chair; Philosophy Program Coordinator
Bio Cards (slider)
Brigham Doxey
Alumni Association Treasurer
John Armstrong
Professor of Philosophy; Sport Performance Program Coordinator
Scott McKeon
President of the Alumni Association
Mckenzie Kitchen
NYC-based Vocal Instructor
Kenzie Cox
Executive Director of Strategic Enrollment
Lydia Wassum
Assistant Director of Admissions
Alicia Byrd
Success Coach · Accommodations Specialist
Nick Roberts
Dean of Students
Craig Lund
Senior Admissions Counselor · Virginia · International
Melanie Roberts
Visual & Performing Arts Recruitment Coordinator
Michael Frye
Director of Student Success
Jamie Chandler
Assistant Provost; Accommodations Director
Sarah Christoffersen
Financial Aid Director
Jeff Batis
Professor of Psychology; Psychology Program Coordinator
Thomas Bell
Associate Professor of Mathematics; Mathematics Program Coordinator
Joe Bouchelle
Associate Professor of Composition; Associate Director of University Writing
Carrie Brotherson
Vice President of Student Life
Todd Brotherson
Interim Associate Provost; Associate Professor of Business; Business Management & Leadership Program Coordinator
Alison Caldwell-Andrews
Associate Professor of Psychology
Doug Cheney
Assistant Professor of Mathematics
Jordan Clark
Instructor of Teacher Education
Megan Mason
Fine & Performing Arts Division Chair; Associate Professor of Music; Director of Chamber Music
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
Brett Garcia
Vice President of Development
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
Director, Honors Program; Associate Professor of Philosophy
Barbara Crawford
Professor of Art
Roger Johnson
Professor of Biochemistry; Biochemistry Program Coordinator
Barbara Van Kuiken
Professor of Chemistry; Chemistry Program Coordinator
Jared Lee
Math and Natural Sciences Division Chair; Associate Professor of Biology
Richard Gardner
Professor of Biology; Biology Program Coordinator
Jack Heilpern
Assistant Professor of Business
Eric Nielsen
Visiting Instructor of Business
Jacob Ricks
Associate Professor of Art; Art & Design Program Coordinator
Sarah Maitland
Associate Provost; Associate Professor of English; English & Writing and Communications 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
Humanities Division Chair; Associate Professor of English
Karen Walker
Professor of Family and Human Development; Family & Human Development Program Coordinator
Andrew Sorber
Social Sciences Division Chair; Associate 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
Mackenzie Romriell
Associate Professor of Music; Music Program Coordinator; Director of Vocal Performance
Michael Black
Assistant Professor of Music, Director of Bands
Hyrum Arnesen
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
Assistant Professor 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
Deidra Dryden
VP of Advancement
April Harris
Director of Student Engagement
Jessi Whipple
Executive Director of the Alumni Association
Kai Barton
Student Body President
TJ Snelson
Esports Director
Kevin Lamb
Head Esports Coach
Tyson Cooper
Vice President of Finance
Cody Whiting
Director of Student Engagement
Brinley Pulsipher
Student Activities Coordinator
Jessica Rasmussen
Alumni Association Vice President
Derick Maggard
Alumni Association Vice President
JD Drasbek
Alumni Association Vice President
Paul Candland
Alumni Association Vice President
Megan Ondriceck
Alumni Association Secretary
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
Tagline
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
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
