About University IT

University IT is a collaborative partnership of the four IT units within Stanford’s Business Affairs organization, all dedicated to delivering world-class service and technological solutions in support of research, teaching and learning, administration, and healthcare.

It is essentially the central IT organization at Stanford.

Web Technologies

Over 100 services

Many of these services

have web-based front-ends

• How do we deliver a consistent user experience in each of our services?  
   
• What are effective ways to present consistent and accessible UI?
   
• How do we maintain control and consistency with different web developers?

Stanford Identity Toolkit

Thankfully we have a starting point at Stanford.

But it is not enough

We need an identity toolkit specifically for University IT developers and designers.

Goal

Provide clients with a consistent user experience when interacting with University IT web and print content

... by creating a website for University IT developers, designers, and content producers to locate guidelines and tools for incorporating the UIT brand experience into websites and print materials.

UIT Web Identity Toolkit

An identity toolkit can consist many things:

• Branding
• Writing voice
• Word lists
• Editor guide
• Templates
• CSS
• Code snippets

We will focus on the web identity components today.

Templates

Application use case examples

Documenting styles

Initial attempts...

Static Page

drupalthemes.stanford.edu/stanford-framework

Developing a style guide

Requirements

• Lightweight
• Easy to maintain
• Able to incorporate into daily workflow

Technical Requirements

for Hologram

• Ruby
  • Ruby installer and dev kit for Windows
    • rubyinstaller.org
  • Already installed on MacOS!

Live Demo time

See it in action!

Code Sharing

• Use a code repository
• Keep track of changes
• Share with your colleagues

Private Repositories

GitLab at Stanford

code.stanford.edu

Features

• Integrates with Stanford's single sign-on web authentication
• "Stanford-only" visibility setting

Communities of Practice

at Stanford

cop.stanford.edu

Setting up virtual communities