Global Styles

This page previews Global Fonts and Colors for this Kit. Changes made in Site Settings will be displayed here.

Global Colors

SYSTEM

Primary

Secondary

Body text

accent

custom

UCLA Gold

Link Color

Link Hover BG

Button Default

Button Hover

Gold BTN Default

Gold BTN Hover

Global Styles

At the heart of the identity is our unique typographic voice. Type influences the tone of language and brand expression.

Global Fonts

Text editor Heading

H1 Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries for previewing layouts and visual mockups..

Lorem ipsum dolor sit amet, I’m a Link consectetur adipiscing elit. Mauris et tristique sem, vel lobortis nunc. Aenean volutpat ullamcorper nunc vel malesuada. Vivamus ac accumsan urna. Aliquam non felis bibendum, tristique magna ut, tempor sapien.

Vestibulum ac massa vehicula, fringilla arcu vel, viverra elit. Donec aliquet odio a varius porta. Pellentesque condimentum tempus enim, sit amet porttitor justo. Aliquam sed nisl odio. Ut mattis dictum dolor eu porttitor. Morbi ac nunc ultricies quam fringilla pretium eu ac orci. Praesent in eleifend dui, vel vehicula libero.

H2 Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries for previewing layouts and visual mockups.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris et tristique sem, vel lobortis nunc. Aenean volutpat ullamcorper nunc vel malesuada. Vivamus ac accumsan urna. Aliquam non felis bibendum, tristique magna ut, tempor sapien.

H3 Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries for previewing layouts and visual mockups..

H4 Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries for previewing layouts and visual mockups..

H5 Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries for previewing layouts and visual mockups.

H6 Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries for previewing layouts and visual mockups.

Preformatted text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris et tristique sem, vel lobortis nunc. Aenean volutpat ullamcorper nunc vel malesuada. Vivamus ac accumsan urna. Aliquam non felis bibendum, tristique magna ut, tempor sapien.

Code text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris et tristique sem, vel lobortis nunc. Aenean volutpat ullamcorper nunc vel malesuada. Vivamus ac accumsan urna. Aliquam non felis bibendum, tristique magna ut, tempor sapien.

Headings

H1 Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries for previewing layouts and visual mockups.

H2 Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries for previewing layouts and visual mockups.

H3 Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries for previewing layouts and visual mockups.

H4 Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries for previewing layouts and visual mockups.

H5 Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries for previewing layouts and visual mockups.

H6 Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries for previewing layouts and visual mockups.

custom

Buttons & Links

Buttons and links inherit their style from Global Fonts and Colors settings in Site Settings.

Class: gold-btn

Standard Button

This is a Hyperlink