This document is intended to serve as a guide to the use of the CSS logos.
Name | Hex Code | Red | Green | Blue | Logo and Website | Publicity | Discord | |
---|---|---|---|---|---|---|---|---|
Dark Blue | #2f3c63; |
47 | 60 | 99 | Logo Background | |||
Orange | #ff9c00; |
255 | 156 | 0 | Logo Syntax Highlighting (Identifier) |
5th Highlight | Pronoun Roles | |
Light Blue | #58cad6; |
88 | 202 | 214 | Logo Syntax Highlighting (Brackets and Braces) |
2nd Highlight | Committee Role | |
White | #ffffff; |
255 | 255 | 255 | Logo Syntax Highlighting (Parentheses and Plus) |
Text on dark | ||
Green | #03e421; |
3 | 228 | 33 | Logo Syntax Highlighting (Numbers) |
3rd Highlight | Member Role | |
Yellow | #fdff8a; |
253 | 255 | 138 | Comment text when using Dark Blue Background | 4th Highlight | Bot Roles |
Other colous and styles can be used for promotional material. e.g. Canva designs. These do not necessarily need to follow the colour scheme of the logo:
Name | Hex Code | Red | Green | Blue | Usage | |
---|---|---|---|---|---|---|
TeX / Purple | #9d68dc; |
157 | 104 | 220 | 1st Highlight | |
TeX Shadow | #793fd8; |
121 | 63 | 216 | ||
TeX Highlight | #c3abdf; |
195 | 171 | 223 | ||
TeX Highlight Shadow | #ad8adb; |
173 | 138 | 219 | ||
TeX Lowlight | #6f5193; |
111 | 81 | 147 | ||
TeX Lowlight Shadow | #463185; |
70 | 49 | 113 | ||
TeX Blue | #3b37b6; |
59 | 55 | 182 | ||
TeX Blue Shadow | #2521ad; |
37 | 33 | 173 | ||
TeX Detail | #77bbfe; |
119 | 187 | 254 | ||
TeX Detail Shadow | #4a9efe; |
74 | 158 | 254 | ||
TeX Outline | #35234a; |
53 | 35 | 74 | ||
TeX Blue Outline | #1d1b57; |
29 | 27 | 87 |
Name | Hex Code | Red | Green | Blue | Usage | |
---|---|---|---|---|---|---|
Light Grey | #d9d9d9; |
217 | 217 | 217 | Publicity: Subtling on colour | |
Grey | #a6a6a6; |
166 | 166 | 166 | Subtling on dark | |
Dark Grey | #595959; |
89 | 89 | 89 | Subtling on light | |
Black | #000000; |
0 | 0 | 0 | Text on light | |
Blue-Grey | #3b8b94; |
59 | 139 | 148 | Discord: Committee-Elect Role |
Follow the advice issued by the Guild Of Students on use of the Guild and University logos. The advice is available through the Committee Admin page, on the Guild website.
In all cases, the full logo should be used. The bold variant should be preferred, where possible, but is not required. They are available in this repository.
For the purposes of recreating the logo:
The font to be used in the logos is the bold variant of Inconsolata. The text should always be bold in the logo.
Publicity graphics may also make use of JetBrains Mono and Roboto.
Element | Usage | Font | Size |
---|---|---|---|
h1 | Main Title | JetBrains Mono Bold | 24 |
h2 | Section Title | JetBrains Mono Bold | 18pt / 24px |
h3 | Subtitle / Date | JetBrains Mono Light Italic | 16pt / 24px |
h4 | Sub-section Title | JetBrains Mono Bold | 14pt / 22px |
p | Main Body | Roboto | 11pt / 16px |
The provided svg
, eps
and png
files in this repository should always be used. Where possible the vector formats should be preferred to maintain quality and ensure the images are rasterised to the correct resolution.
There is no need to recreate the logo, except as a last resort.
Stickers are purchased on stickermule.com, and are Die Cut stickers. If full bleed is needed, it needs to be requested in the instructions to StickerMule to create the proof.
N.B.: The die-cut dimensions include the white border around the graphic. So the actual TeX image will be smaller.
The two roller banners were printed in 2019 via digitalprinting.co.uk and were the ‘Gold’ Roll Up Stands, using the files in roller-banner/
, following the design tips provided by the printing company.
File (roller-banner/ ) |
File Type | Notes |
---|---|---|
banner_source.ai |
Adobe Illustrator | Original working document with elements as text. Requires above fonts to be installed. |
banner_converted.ai |
Adobe Illustrator | Fonts converted to outlines, white text not set to overprint. Ready to export as ‘Print Ready PDF’ |
banner_print_ready.pdf |
Conforms to Digital Printing’s Print Ready PDF requirements. Includes bleeds. | |
banner&Tex_print_ready.pdf |
Includes Tex mascot and conforms to Digital Printing’s Print Ready PDF requirements. Includes bleeds. |
There is a TeX Minecraft skin available at dinosaur/minecraft/tex_minecraft_skin.png
.
It looks like this.