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

External 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

 

Contrast Grid Website
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
About WCAG 2.0 contrast

Duotone Images

Three students wearing themed shirts "Burbanksy"

.duotone-blue

Three students wearing themed shirts "Burbanksy"

.duotone-yellow

Three students wearing themed shirts "Burbanksy"

.duotone-red

Three students wearing themed shirts "Burbanksy"

.duotone-green

Icons

Stanford Arts Icon Set

Open Close

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.

  1. 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.
  2. 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

Faruk Arwa_Project Image
Faruk Arwa_Project Image
Faruk Arwa_Project Image
Faruk Arwa_Project Image
Test Caption
Test Caption

Accordion

WordPress Widget Form – OLD

Resources Grid

A free museum of modern and contemporary American art

Find the right one for you!

Find the right one for you!

Find the right one for you!

Resource Links Cols (Institutions & Departments)

Row Patterns

Page Headers

Make

Pattern Library

Yannie Tan

Make

Pattern Library

Sarah Lewis

Make

Pattern Library

Tab Navigation

Jump To Navigation - TODO expand/collapse on mobile

Subnav - OLD

Page Content Row Patterns

Jump Selector Navigation - Left Nav

Resources

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.

Find the right one for you!

Find the right one for you!

A free museum of modern and contemporary American art

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

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

Claudia Dorn

Associate Director of Student and Campus Engagement

cvdorn@stanford.edu

Claudia Dorn

Claudia Dorn

Associate Director of Student and Campus Engagement

cvdorn@stanford.edu

Global CTAs

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:

  1. Proof of OSE Event Registration in CardinalEngage

    • VSOs must have started the OSE event registration process at the time of application.

  2. Project lead contact information 
  3. VSO Affiliation and ASSU Account Number
  4. Project Information (title, category, summary) 
  5. Core Project Team Members and additional project partners
  6. Short answers

    • Why have you chosen this project?
    • How will you make this project happen?

  7. List of potential venues (in-person on campus, or virtual)
  8. Anticipated Timeline
  9. Project Financial Plan (PDF upload)
  10. 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