Make
Pattern Library
Components
H1 Header Italic (64px)
H2 Header Italics (48px)
H3 Header Italics (36px)
H4 Header Italics (32px)
H5 Header Italics (24px)
H6 Header Italics (19px)
Body Text (19px)
Bold Italics
Body Italics
Body Large Italics (.text-body-large)
Body Small Italics (.text-body-small)
inline link
Animated Underline Link (.underline-animated)
Overline/Tag (.overline-tag)
Quote (.text-style-quote)
Spacing
Colors
Charcoal
#322C27
var(--fl-global-charcoal)
Accessible with white text.
Default text color
Cardinal
#8c1515
var(--fl-global-cardinal)
Accessible with white text
Bright Red
#E30707
var(--fl-global-bright-red)
Accessible with white text
Bright Red - 50
var(--fl-global-bright-red-for-background)
Accessible with Charcoal
For color text backgrounds
Yellow
F6BA18
var(--fl-global-yellow)
Accessible with Charcoal text
Light
#DFD9CC
var(--fl-global-light)
Accessible with Charcoal text
For color text backgrounds
Blue
#0097CB
var(--fl-global-blue)
NOT ACCESSIBLE with any text, for icons/decoration
Blue - 75
var(--fl-global-blue-for-background)
Accessible with Charcoal
For color text backgrounds
Green
#5F9D7C
var(--fl-global-green)
NOT ACCESSIBLE with any text, for icons/decoration
Green - 75
var(--fl-global-green-for-background)
Accessible with Charcoal
For color text backgrounds
Warm White
#FAF6EA
var(--fl-global-warm-white)
Accessible with Charcoal
Default background color
Background
Text
|
#FFFFFF
|
#FAF6EA
|
#322C27
|
#8C1515
|
#E30707
|
#EF7E78
|
#F6BA18
|
#DFD9CC
|
#0097CB
|
#3FAFD3
|
#5F9D7C
|
#87C3C9
|
---|---|---|---|---|---|---|---|---|---|---|---|---|
White
#FFFFFF
|
Text
AAA
13.7
|
Text
AAA
9.4
|
Text
AA
4.8
|
Text
AA18
3.3
|
Text
AA18
3.1
|
|||||||
Warm White
#FAF6EA
|
Text
AAA
12.7
|
Text
AAA
8.7
|
Text
AA
4.5
|
Text
AA18
3
|
||||||||
Charcoal
#322C27
|
Text
AAA
13.7
|
Text
AAA
12.7
|
Text
AA
5.2
|
Text
AAA
7.8
|
Text
AAA
9.7
|
Text
AA18
4.1
|
Text
AA
5.4
|
Text
AA18
4.3
|
Text
AAA
7
|
|||
Cardinal
#8C1515
|
Text
AAA
9.4
|
Text
AAA
8.7
|
Text
AA18
3.5
|
Text
AA
5.3
|
Text
AA
6.6
|
Text
AA18
3.7
|
Text
AA
4.7
|
|||||
Bright Red
#E30707
|
Text
AA
4.8
|
Text
AA
4.5
|
Text
AA18
3.4
|
|||||||||
Bright Red 50%
#EF7E78
|
Text
AA
5.2
|
Text
AA18
3.5
|
||||||||||
Yellow
#F6BA18
|
Text
AAA
7.8
|
Text
AA
5.3
|
||||||||||
Light
#DFD9CC
|
Text
AAA
9.7
|
Text
AA
6.6
|
Text
AA18
3.4
|
|||||||||
Blue
#0097CB
|
Text
AA18
3.3
|
Text
AA18
3
|
Text
AA18
4.1
|
|||||||||
Blue 75%
#3FAFD3
|
Text
AA
5.4
|
Text
AA18
3.7
|
||||||||||
Green
#5F9D7C
|
Text
AA18
3.1
|
Text
AA18
4.3
|
||||||||||
Green 75%
#87C3C9
|
Text
AAA
7
|
Text
AA
4.7
|
||||||||||
AAA Pass, AAA (7+)
AA Pass, AA (4.5+)
AA18 Pass, Large Text Only (3+)
DNP Does Not Pass
|
Duotone Images
.duotone-blue
.duotone-yellow
.duotone-red
.duotone-green
Buttons
(.outlined-button)
Separator
Block Patterns
Narrow Container (Fixed width to 927px)
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.
Quote Box
Artists do the essential work of helping us make meaning of these times. At this critical moment, Stanford has immense potential to amplify the power of art and creativity to heal us moving forward.
Deborah Cullinan, Vice President for the Arts
Photo/Video Callouts
Accordion
Resources Grid
Resource Links Cols (Institutions & Departments)
Vice President for the Arts (VPA)
School of Humanities & Sciences (H&S)
Vice Provost for Undergraduate Education (VPUE)
Vice Provost for Student Affairs (VPSA)
Vice President for the Arts (VPA)
School of Humanities & Sciences (H&S)
Vice Provost for Undergraduate Education (VPUE)
Row Patterns
Page Headers
Make
Pattern Library
Make
Pattern Library
Make
Pattern Library
Tab Navigation
Jump To Navigation - TODO expand/collapse on mobile
Subnav - OLD
Page Content Row Patterns
Jump Selector Navigation - Left Nav
Section 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dictum in dui in hendrerit. Morbi viverra sagittis suscipit. Etiam est quam, mollis vitae efficitur nec, auctor quis quam. Ut laoreet nec nulla ut faucibus. Aliquam aliquet placerat gravida. Donec nibh magna, pretium et sapien eu, luctus placerat dolor. Praesent sapien nunc, ultrices vitae molestie ac, bibendum interdum eros. Vivamus condimentum, enim ut ullamcorper maximus, tellus lectus imperdiet libero, et finibus urna orci at arcu. Phasellus tristique maximus nunc, et molestie lorem auctor luctus. Ut sed mi lacus. Phasellus ut maximus augue. Fusce nec nisl mollis, iaculis ante ut, facilisis nunc. Cras molestie a est tempus convallis.
Aliquam sagittis justo vitae ipsum dictum euismod. Donec placerat accumsan nisl in rutrum. Morbi ante magna, pellentesque sit amet mauris eu, pellentesque suscipit nibh. Ut et ante quis neque tincidunt posuere at eu felis. Phasellus id convallis diam. Maecenas a vehicula nunc, at aliquam est. Nam leo mauris, dapibus pretium orci et, elementum placerat lectus. Nullam posuere tellus viverra odio feugiat, eget aliquet mauris dapibus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam at mi pharetra, vehicula sem in, pellentesque nulla. Vivamus quis nunc feugiat, pharetra est et, imperdiet magna. Nunc tempor sapien eget enim sollicitudin sodales. Mauris porttitor et augue a tempor. Donec at hendrerit ipsum, at bibendum urna. Aenean malesuada erat libero, vitae tempus nisi ultrices a.
Section 2
Nulla lectus purus, fringilla at consectetur eget, commodo in ligula. Sed nec enim viverra, bibendum ligula id, bibendum dui. Duis nibh dui, ultrices ut tellus id, ornare euismod mi. Etiam id purus mauris. Vestibulum id tincidunt dui. Nulla sed maximus nisl, sit amet scelerisque ex. Praesent dolor metus, interdum in risus eget, scelerisque blandit odio. Aenean fringilla risus lorem, sit amet aliquet ipsum placerat vel. Donec ullamcorper justo ut sagittis imperdiet. Duis est lacus, posuere id est sit amet, lacinia feugiat ex. Vivamus nec convallis elit. Cras rhoncus laoreet tortor. Pellentesque erat turpis, vulputate eu enim sodales, tempus lobortis metus.
Donec odio orci, semper eu dui in, interdum dignissim nisl. Mauris tristique sed risus id vehicula. Donec volutpat quam id ultrices aliquet. Etiam mi tellus, placerat in sem vitae, feugiat convallis purus. Aliquam tortor dui, tristique ac libero in, semper maximus est. Aenean sem sem, faucibus blandit placerat quis, lacinia ut enim. Suspendisse sed dui dui. In mollis purus quis sollicitudin tincidunt. Nunc molestie posuere libero.
Duis gravida sapien quis felis aliquam, non finibus sapien venenatis. Aliquam facilisis sem dui, eu ultrices dolor eleifend nec. Quisque augue nulla, dignissim rhoncus pretium ut, rhoncus non neque. Curabitur sed sapien purus. Nunc porttitor bibendum nibh, quis scelerisque sem semper sed. Integer vitae pharetra lacus. Donec eget ligula et ante euismod vulputate et sit amet nibh. Curabitur pulvinar mauris eu orci dictum luctus. Suspendisse et arcu nisi. Duis et metus vel erat rutrum volutpat blandit vitae arcu. Mauris tempor lectus sit amet nisi convallis, at vulputate lacus vestibulum. Proin laoreet libero et urna blandit, vitae iaculis ipsum pretium. Sed eget ipsum eros. Nullam placerat laoreet purus, ut dapibus magna hendrerit ut.
Jump Selector Navigation - Resources Grid
Resources for Students
Experience
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dictum in dui in hendrerit.
Events
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dictum in dui in hendrerit.
Make
Nulla lectus purus, fringilla at consectetur eget, commodo in ligula. Sed nec enim viverra, bibendum ligula id, bibendum dui. Duis nibh dui, ultrices ut tellus id, ornare euismod mi. Etiam id purus mauris. Vestibulum id tincidunt dui. Nulla sed maximus nisl, sit amet scelerisque ex. Praesent dolor metus, interdum in risus eget, scelerisque blandit odio. Aenean fringilla risus lorem, sit amet aliquet ipsum placerat vel. Donec ullamcorper justo ut sagittis imperdiet. Duis est lacus, posuere id est sit amet, lacinia feugiat ex. Vivamus nec convallis elit. Cras rhoncus laoreet tortor. Pellentesque erat turpis, vulputate eu enim sodales, tempus lobortis metus.
Donec odio orci, semper eu dui in, interdum dignissim nisl. Mauris tristique sed risus id vehicula. Donec volutpat quam id ultrices aliquet. Etiam mi tellus, placerat in sem vitae, feugiat convallis purus. Aliquam tortor dui, tristique ac libero in, semper maximus est. Aenean sem sem, faucibus blandit placerat quis, lacinia ut enim. Suspendisse sed dui dui. In mollis purus quis sollicitudin tincidunt. Nunc molestie posuere libero.
Duis gravida sapien quis felis aliquam, non finibus sapien venenatis. Aliquam facilisis sem dui, eu ultrices dolor eleifend nec. Quisque augue nulla, dignissim rhoncus pretium ut, rhoncus non neque. Curabitur sed sapien purus. Nunc porttitor bibendum nibh, quis scelerisque sem semper sed. Integer vitae pharetra lacus. Donec eget ligula et ante euismod vulputate et sit amet nibh. Curabitur pulvinar mauris eu orci dictum luctus. Suspendisse et arcu nisi. Duis et metus vel erat rutrum volutpat blandit vitae arcu. Mauris tempor lectus sit amet nisi convallis, at vulputate lacus vestibulum. Proin laoreet libero et urna blandit, vitae iaculis ipsum pretium. Sed eget ipsum eros. Nullam placerat laoreet purus, ut dapibus magna hendrerit ut.
Learn
Nulla lectus purus, fringilla at consectetur eget, commodo in ligula. Sed nec enim viverra, bibendum ligula id, bibendum dui. Duis nibh dui, ultrices ut tellus id, ornare euismod mi. Etiam id purus mauris. Vestibulum id tincidunt dui. Nulla sed maximus nisl, sit amet scelerisque ex. Praesent dolor metus, interdum in risus eget, scelerisque blandit odio. Aenean fringilla risus lorem, sit amet aliquet ipsum placerat vel. Donec ullamcorper justo ut sagittis imperdiet. Duis est lacus, posuere id est sit amet, lacinia feugiat ex. Vivamus nec convallis elit. Cras rhoncus laoreet tortor. Pellentesque erat turpis, vulputate eu enim sodales, tempus lobortis metus.
Donec odio orci, semper eu dui in, interdum dignissim nisl. Mauris tristique sed risus id vehicula. Donec volutpat quam id ultrices aliquet. Etiam mi tellus, placerat in sem vitae, feugiat convallis purus. Aliquam tortor dui, tristique ac libero in, semper maximus est. Aenean sem sem, faucibus blandit placerat quis, lacinia ut enim. Suspendisse sed dui dui. In mollis purus quis sollicitudin tincidunt. Nunc molestie posuere libero.
Duis gravida sapien quis felis aliquam, non finibus sapien venenatis. Aliquam facilisis sem dui, eu ultrices dolor eleifend nec. Quisque augue nulla, dignissim rhoncus pretium ut, rhoncus non neque. Curabitur sed sapien purus. Nunc porttitor bibendum nibh, quis scelerisque sem semper sed. Integer vitae pharetra lacus. Donec eget ligula et ante euismod vulputate et sit amet nibh. Curabitur pulvinar mauris eu orci dictum luctus. Suspendisse et arcu nisi. Duis et metus vel erat rutrum volutpat blandit vitae arcu. Mauris tempor lectus sit amet nisi convallis, at vulputate lacus vestibulum. Proin laoreet libero et urna blandit, vitae iaculis ipsum pretium. Sed eget ipsum eros. Nullam placerat laoreet purus, ut dapibus magna hendrerit ut.
Jump Selector Navigation - Right Nav
Section 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dictum in dui in hendrerit. Morbi viverra sagittis suscipit. Etiam est quam, mollis vitae efficitur nec, auctor quis quam. Ut laoreet nec nulla ut faucibus. Aliquam aliquet placerat gravida. Donec nibh magna, pretium et sapien eu, luctus placerat dolor. Praesent sapien nunc, ultrices vitae molestie ac, bibendum interdum eros. Vivamus condimentum, enim ut ullamcorper maximus, tellus lectus imperdiet libero, et finibus urna orci at arcu. Phasellus tristique maximus nunc, et molestie lorem auctor luctus. Ut sed mi lacus. Phasellus ut maximus augue. Fusce nec nisl mollis, iaculis ante ut, facilisis nunc. Cras molestie a est tempus convallis.
Aliquam sagittis justo vitae ipsum dictum euismod. Donec placerat accumsan nisl in rutrum. Morbi ante magna, pellentesque sit amet mauris eu, pellentesque suscipit nibh. Ut et ante quis neque tincidunt posuere at eu felis. Phasellus id convallis diam. Maecenas a vehicula nunc, at aliquam est. Nam leo mauris, dapibus pretium orci et, elementum placerat lectus. Nullam posuere tellus viverra odio feugiat, eget aliquet mauris dapibus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam at mi pharetra, vehicula sem in, pellentesque nulla. Vivamus quis nunc feugiat, pharetra est et, imperdiet magna. Nunc tempor sapien eget enim sollicitudin sodales. Mauris porttitor et augue a tempor. Donec at hendrerit ipsum, at bibendum urna. Aenean malesuada erat libero, vitae tempus nisi ultrices a.
Section 4
Nulla lectus purus, fringilla at consectetur eget, commodo in ligula. Sed nec enim viverra, bibendum ligula id, bibendum dui. Duis nibh dui, ultrices ut tellus id, ornare euismod mi. Etiam id purus mauris. Vestibulum id tincidunt dui. Nulla sed maximus nisl, sit amet scelerisque ex. Praesent dolor metus, interdum in risus eget, scelerisque blandit odio. Aenean fringilla risus lorem, sit amet aliquet ipsum placerat vel. Donec ullamcorper justo ut sagittis imperdiet. Duis est lacus, posuere id est sit amet, lacinia feugiat ex. Vivamus nec convallis elit. Cras rhoncus laoreet tortor. Pellentesque erat turpis, vulputate eu enim sodales, tempus lobortis metus.
Donec odio orci, semper eu dui in, interdum dignissim nisl. Mauris tristique sed risus id vehicula. Donec volutpat quam id ultrices aliquet. Etiam mi tellus, placerat in sem vitae, feugiat convallis purus. Aliquam tortor dui, tristique ac libero in, semper maximus est. Aenean sem sem, faucibus blandit placerat quis, lacinia ut enim. Suspendisse sed dui dui. In mollis purus quis sollicitudin tincidunt. Nunc molestie posuere libero.
Duis gravida sapien quis felis aliquam, non finibus sapien venenatis. Aliquam facilisis sem dui, eu ultrices dolor eleifend nec. Quisque augue nulla, dignissim rhoncus pretium ut, rhoncus non neque. Curabitur sed sapien purus. Nunc porttitor bibendum nibh, quis scelerisque sem semper sed. Integer vitae pharetra lacus. Donec eget ligula et ante euismod vulputate et sit amet nibh. Curabitur pulvinar mauris eu orci dictum luctus. Suspendisse et arcu nisi. Duis et metus vel erat rutrum volutpat blandit vitae arcu. Mauris tempor lectus sit amet nisi convallis, at vulputate lacus vestibulum. Proin laoreet libero et urna blandit, vitae iaculis ipsum pretium. Sed eget ipsum eros. Nullam placerat laoreet purus, ut dapibus magna hendrerit ut.
Link List
Dance
- Afrobeats
- Akasma Belly Dance
- Alliance Streetdance
- Basmati Raas
- Cardinal Ballet Company
- Cardinal Squares
- Cardinal West Coast Swing
- Chocolate Heads*
- Common Origins
- Dancebreak
- dv8
- HD Crew
- Hindi Film Dance Team
- Innovative Styles
- Jam Pac'd
- Kaorihiva
- Kayumanggi
- Legacy Dance Team
- Los Salseros de Stanford
- Mua Lac Hong
- Ritmo!
- Ruedamores de Stanford
- Stanford Bhangra
- Stanford Chinese Dance
- Stanford Dance Marathon
- Stanford DanceSport
- Stanford Lindy Project
- Stanford Lion Dance
- Stanford Tango
- Swingtime
- tapTH@T
- Viennese Ball
- XTRM
Call to Action (CTA)
Full width - Inline
Together, we demonstrate the consequential creativity possible only at Stanford.
Full width - Stacked
Together, we demonstrate the consequential creativity possible only at Stanford.
Optional description if needed lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam congue risus magna, ac suscipit nisi viverra eu.
Inline - with Information
Starting a Student Group
For more information on starting your own, officially recognized student organization, visit Stanford's Student Activities and Leadership website.
Contact Blocks
Didn't find what you were looking for?
You can reach out to Claudia or Tyler with questions:
Claudia Dorn
Associate Director of Student and Campus Engagement
Claudia Dorn
Associate Director of Student and Campus Engagement
Global CTAs
Interested in specific genres?
Do you defy categorization? Do you reach across disciplinary boundaries and find connections between sometimes disparate fields?
Inter-Departmental Mail Code
#2250
Office
(650) 497-9905
Fax
(650) 723-8231
ADDRESS
Stanford Arts Institute
Littlefield Center
2nd Floor
365 Lasuen Street
Stanford, CA 94305
Saved Block - Info Columns
Applicant Eligibility
- All registered VSOs are eligible to apply.
- Neighborhood Houses: Projects led by campus residences are not eligible for VPA Student Arts Grants. Project teams should work with their Neighborhood Community Council to secure arts-related funding.
- Individual Students: VPA Student Arts Grants do not fund individual student projects. Visit our Project Resources page for resources and communities that can support your artistic vision, as well as our list of alternate campus funding opportunities for individual students.
Project Guidelines
Project must meet all of the following criteria:
- Extracurricular, collaborative projects that center and feature current Stanford students
- Proposed project has a connection to the VSO's mission.
- Project is led by at least one currently enrolled undergraduate or co-term Stanford student. Students on Leave of Absences are not eligible.
- Incorporate at least one form of artistic expression (e.g. music, dance, theater, spoken word, performance art, film, visual art, fashion/textiles, heritage arts, digital media, interactive art, creative writing). Projects by students of all forms and levels of artistic experience are encouraged to apply.
- Project is performed/exhibited by the end of Spring 2025 either in a virtual space or in an approved Stanford campus venue.
- Project is registered with the Office of Student Engagement (OSE).
Student Arts Grants for VSOs do not cover the following types of projects or events:
- Parties of any kind and other predominantly social events.
- Project and events fronted by VSOs for residences.
- Activities related to a capstone project, thesis, or coursework.
- Projects that are considered part of a department's official season. (Typically, these events will include the department as one of the official sponsors and receive marketing support from the department.)
- Any travel-related activities (local, national, or international).
- Activities falling outside of OSE policies.
Award
- Awards range from $250 - $5,000 and are directly transferred to the VSO's ASSU account. The transfers are typically initiated within 3 weeks of completing your grant agreement.
- Each VSO can request a maximum of $5,000 over a single academic year (September-June).
- Projects involving multiple VSOs will only be considered for a single grant (VSOs cannot pool Student Arts Grant funds.)
- Funding (full or partial) is not guaranteed.
- Funds cannot be combined with Undergraduate Research grants (Small Grant, Major Grant, Chappell Lougee, Conference Grant) or funding from other VPA organizations (e.g. IDA, Stanford Live, Cantor, Anderson, SAI).
- VPA Student Arts Grants are awarded for specific project-related costs based on the information provided in the application. Grant recipients will be notified in their award letter about which items can be funded by their grant.
Use of Grant Funds
Application Timeline
VSOs should apply at least 4-6 weeks before your event to allow for sufficient time for application review and the transfer of grant funds to your ASSU account.
Cycle A: Coming soon
- Applicants Notified: Coming soon
Cycle B: Coming soon
- Applicants Notified: Coming soon
Cycle C: Coming soon
- Applicants Notified: Coming soon
Cycle D: Coming soon
- Applicants Notified: Coming soon
How to Apply
Applications are only accepted through CardinalEngage and include the following:
- Proof of OSE Event Registration in CardinalEngage
- VSOs must have started the OSE event registration process at the time of application.
- Project lead contact information
- VSO Affiliation and ASSU Account Number
- Project Information (title, category, summary)
- Core Project Team Members and additional project partners
- Short answers
- Why have you chosen this project?
- How will you make this project happen?
- List of potential venues (in-person on campus, or virtual)
- Anticipated Timeline
- Project Financial Plan (PDF upload)
- Application Agreement
Disability Accomodations
If you need a disability-related accommodation and/or need to receive any program information/application in alternate format, please contact the Diversity & Access Office at, at phone: (650) 725-0326 or email: disability.access@stanford.edu.
Application Resources