Welcome to IDEAS!

IDEAS is short for Innovative Digital Education Apps and Systems. While we do conduct research on computer science education and pedagogy, we have found our success by applying superior software engineering and design principles to create outstanding tools and frameworks that improve the quality of student learning and better evaluate student performance.

The name of our group achieves a zen-like balance: Digital Education describes our research and Apps and Systems highlights our commitment to not only discuss pedagogical improvements but also to develop and provide others with the tools they need to adopt our successful approaches.

Visual Identity

Maintaining a consistent visual identity across our various projects is critical to establish ourselves as leaders in the field of computer science education and ensuring that other interested parties can find and make use of the tools we produce and the research that we conduct. This page lays down some style guidelines that should be followed in web design, on conference posters, and in other publicity materials published by our group.

Downloadable versions of the logos can be found below, in a variety of sizes and file formats.

Logos

The logo forms shown below are the only acceptable representations of the IDEAS brand identity with respect to colors and element layout. With the exception of constrained proportional scaling, do not stretch, rotate, skew, or otherwise distort the logo.

Primary Full-Color Logo

The full-color logo is the primary and preferred form of the IDEAS logo, to be used wherever full-color printing or rendering is available (websites, conference posters, and presentation slides, to name a few).

Download: .ai | .eps | .svg

Black-and-White Logo

The black-and-white logo is meant to be used in print when full-color printing is not available. Notice that it is a pure black image and not a simple grayscale conversion of the full-color logo.

Download: .ai | .eps | .svg

Inverted Logo

The inverted single-color logo may be used on black backgrounds only. It must not be used on backgrounds of any other color.

Download: .ai | .eps | .svg

When using the full-color version of the logo on a light colored or textured background, ensure that the "brain" area behind the IDEAS acronym is always white and that the background color does not show through.

Colors

Logo

Pantone 703

R:206 G:71 B:83
C:0 M:83 Y:54 K:16
HTML:#CE4753

Pantone 5415

R:93 G:135 B:161
C:42 M:8 Y:0 K:40
HTML:#5D87A1

Pantone 426

R:38 G:35 B:36
C:0 M:2 Y:8 K:10
HTML:#E7E1D5

Background

Pantone 7534

R:231 G:225 B:213
C:0 M:2 Y:8 K:10
HTML:#E7E1D5

Secondary Accent Colors

Pantone 180

R:217 G:83 B:30
C:0 M:79 Y:100 K:11
HTML:#D9531E

Pantone 4975

R:70 G:35 B:36
C:48 M:77 Y:67 K:64
HTML:#462324

Pantone 424

R:108 G:111 B:112
C:0 M:0 Y:0 K:85
HTML:#6C6F70

Typography

The primary typeface for material produced by the IDEAS Research Group is Raleway. This typeface is available in the Google Web Fonts library so that it can be freely embedded onto web pages.

In addition to web-based material, Raleway is also suitable for text on posters, displays, pamphlets, and other settings where body text does not occur in large quantities.

Raleway does not include a true italic, but due to its geometric nature most applications and web browsers produce a suitable false italic. In applications where you can more finely control the skew angle, 10 degrees is an attractive choice.

The IDEAS acronym color from the logo may be used sparingly with bold weights to draw additional attention to key words in text.

Raleway Ultra Light 100
Raleway Light 200
Raleway Book 300
Raleway Normal 400
Raleway Medium 500
Raleway Semibold 600
Raleway Bold 700
Raleway Extra Bold 800
Raleway Ultra Bold 900