Mark's Help •
• Index •
A B C D E
F G H I J
K L M N O
P Q R S T
U V W X YZ

BSU 2012 colour swatch

Emphasis | Minerva | BSU Gmail | WMS | Liquid Office | Portals: Student / Staff / Training | The Hub | Phone Book | Emphasis

Sample CSS display: test page

This page is a sandpit - displaying various colours from the BSU 2012 branding and some experimental CSS3. (Don't use this for reference, and, generally, in any organisation, before using a brand check the guidelines for its use.)

Colorzilla can be useful just about now ...

Colour chart

These are div tags with a background colour and shadow via css:

Primary Palette

#2f3951
#cfc4b2
#69625a
#bc9c52
#313335

Secondary Palette

#7a0f4a
#cb0045
#9ab720
#0ea882
#009dd3
#faae1a

Another colour chart

Ditto, with an internal shadow added.
(Flat colours live in the real world and are modified by lighting effects, we can mimic that using css3 shadows to give web pages apparent depth ...)
This is a poc:

Primary Palette

#2f3951
#cfc4b2
#69625a
#bc9c52
#313335

Secondary Palette

#7a0f4a
#cb0045
#9ab720
#0ea882
#009dd3
#faae1a

The logo? CSS?

We can investigate rendering the logo in css ... which will need web fonts too. A problem, these won't degrade gracefully with older browsers or missing fonts.

This example doesn't use proportional scaling ... These are experimental, you're not looking at the University logo.

To see how this works in your browser, hover over the text below:

I understand that all this isn't the Bath Spa branding
and that it plain doesn't work yet either:


BATH
SPA
UNIVERSITY

Sub-brands

This needs text rotation, so won't work until css3 lands properly, for now we'll use some browser-specific CSS to demonstrate etc etc. (Sub-brand lettering should be Bliss, and isn't.)

BATH
SPA
UNIVERSITY
Library

| Top | Home Page

Mark Annand • Site updated April 12th 2013 • Site Counter:

website statistics

All before you, in this world, is smoke and shadows.All before you, in this world, is smoke and shadows.
Words found on a door lintel in the garden of a house in the Cretan village of Argiroupolis.
The lintel is a fragment from the city state Lappa, which occupied the same site.
Fifteen hundred years later, when you use the web, from time to time you might well feel that the author was on to something. And if you work with particle physics, you'll know he was ...