mainBlue
#1e2a44
Primary color to be used in large blocks (i.e. navigation, dividing elements, menus, etc.)
mainBlueHL
#697890
Color to be used as a highlight for Main Blue. Examples would be a hover effect on a navigation menu.
byuBlue
#1c305d
Color to be used for most html elements. Buttons, bullet points, headings, etc.
byuBlueHL
#3e5d90
Highlight color for BYU blue. Hover effects for buttons, links, etc. Can on occasion be used as a secondary blue.
mainGrey
#757474
Primary Grey to be used. Secondary Navigation, Buttons, Drop Down Menus, and other interactive elements are all examples.
mainGreyHL
#b3b1aa
Color to be used as a highlight for Main Grey. Examples would be a hover effect for buttons or other interactive elements.
creme
#f6f3ea
Color for backround areas that need to be offset from white. White should be the primary background color.
disabledGrey
#cac9c9
Color for normally interactive elements that are currently disabled. Can be used very judiciously for some text elements. NEVER for anything interactive. Because that would be confusing. And you dont. Want. That.

mainHead

secondaryHead

smallHeader

Sequitur mutationem consuetudium lectorum mirum est notare quam, littera gothica quam nunc putamus! Facer possim assum typi, non habent claritatem insitam est usus. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet. Iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore. Id quod mazim, placerat legentis in iis qui facit eorum claritatem Investigationes demonstraverunt lectores legere me. Tincidunt ut laoreet dolore magna aliquam erat volutpat.

Main Button to be used, particularly when prompting user to act. Example would be an OK, or NEXT button.

Secondary button. For less important calls to action. Examples would be CANCEL or BACK.

Button to be used sparingly for significant calls to action. Examples would be SAVE and CREATE.

Button to be used sparingly for significant calls to action that should also denote some kind of warning. Paricuarly DELETE or EXIT buttons when progress would be lost.

Button to be used for closing windows, messages, etc, or for deleting items when redBtn would be too large.

Button to ONLY BE USED when normally active buttons are, for whatever reason, innactive or non usable. NEVER to be used for elements that are actively interactive.

modalWindow

Euismod tincidunt ut laoreet dolore magna aliquam erat volutpat ut wisi. Nunc putamus parum claram anteposuerit litterarum formas humanitatis per seacula. Consequat vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan? Qui facit eorum claritatem Investigationes demonstraverunt lectores, legere me lius quod ii legunt saepius claritas est?

Decima et quinta decima eodem modo typi qui nunc nobis videntur parum? Amet consectetuer adipiscing elit sed, diam nonummy nibh euismod tincidunt ut laoreet dolore. Congue nihil imperdiet doming id, quod mazim placerat facer. Wisi enim ad minim veniam quis nostrud exerci tation ullamcorper suscipit. Ea commodo consequat duis autem vel, eum iriure dolor. Qui facit eorum claritatem Investigationes demonstraverunt lectores legere me lius quod ii legunt. Sequitur mutationem consuetudium lectorum mirum est notare quam littera gothica quam nunc putamus parum claram.

Decima eodem modo typi qui nunc nobis videntur parum clari fiant sollemnes in. Tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod!

Feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui. Blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi nam liber tempor cum. Est usus legentis in iis qui facit eorum claritatem Investigationes demonstraverunt lectores. Ut wisi enim ad minim, veniam quis nostrud exerci tation ullamcorper suscipit.

Vulputate velit esse molestie consequat vel illum dolore eu feugiat nulla facilisis at vero eros et. Sequitur mutationem consuetudium lectorum mirum est notare quam. Claritatem insitam est usus legentis in iis qui?

Formas humanitatis per seacula quarta decima et quinta decima eodem modo typi qui nunc nobis. Ipsum dolor sit amet consectetuer adipiscing, elit sed diam nonummy. Tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer. Lorem nibh euismod tincidunt ut laoreet dolore magna aliquam? Lius quod ii legunt saepius claritas est etiam processus.

Nihil imperdiet doming id quod mazim placerat facer possim assum typi non habent? Eodem modo typi qui nunc nobis videntur parum clari fiant sollemnes in. Usus legentis in iis; qui facit eorum claritatem. Diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat ut wisi enim ad.

Non habent claritatem insitam est usus legentis in iis qui facit eorum claritatem. Sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat ut. Quinta decima eodem modo typi qui nunc nobis videntur parum clari fiant sollemnes in.

Vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan? Qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi nam. Nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum typi. In hendrerit in vulputate velit esse, molestie consequat et iusto odio dignissim liber tempor. In iis qui facit eorum claritatem Investigationes demonstraverunt lectores legere. Ut aliquip ex ea commodo consequat duis: autem vel eum iriure dolor cum soluta non. Eodem modo typi qui nunc nobis videntur parum clari fiant sollemnes in. Qui sequitur mutationem consuetudium lectorum mirum est notare quam littera gothica.

Decima et quinta decima eodem modo typi qui. Consuetudium lectorum mirum est notare quam littera gothica quam nunc putamus parum claram anteposuerit litterarum formas. Veniam quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut. Vel illum dolore eu feugiat nulla facilisis at. Soluta nobis eleifend option congue nihil imperdiet doming id quod. Aliquam erat volutpat ut wisi enim ad minim aliquip. In iis qui facit eorum claritatem Investigationes demonstraverunt lectores legere me!

Amet consectetuer adipiscing elit sed diam nonummy nibh. Magna aliquam erat volutpat ut, wisi enim ad minim veniam quis nostrud exerci tation ullamcorper suscipit? Delenit augue duis dolore te feugait nulla facilisi nam liber! Eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui? Ut aliquip ex ea commodo consequat duis autem vel eum iriure dolor in hendrerit in vulputate. Humanitatis per seacula, quarta decima et quinta decima eodem modo.

Et quinta decima eodem modo typi qui nunc. Quod ii legunt saepius claritas, est etiam processus dynamicus? Claram anteposuerit litterarum formas humanitatis per seacula quarta decima nobis videntur parum clari fiant sollemnes in?

Illum dolore eu feugiat nulla facilisis at vero eros et accumsan et. Nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex?


Ian Hunter Is The Man
Stuff More Stuff Still More STILL More More Again
I'm All Out Of Stuff

modalWindow

Hello!