Web Services Help Center Banner

JCC Web Standards & Usability Guidelines

Image Guidelines

Selecting an appropriate image or combination of images will help communicate the desired message more effectively and will consistently reinforce the California Courts Website brand style. Imagery should enhance and support the essence of the California Courts Website brand personality: Welcoming to all, trustworthy, classic and sophisticated. Color imagery is preferred though not necessary.

Image Styling:


In most places in the California Courts Website a simple floating grey line border treatment is used. Where possible (and appropriate), use this floating grey border for images in content.

Specifications: 1 pixel of grey (#D8D8D8  / 216, 216, 216) around a 1 pixel white border.  CSS class=imgborder

image border styling

Image styling inconsistent with the California Courts Website design:

image samples