# Branding

### Style Guide

#### Logo and Typeface

**Logos**

 tjCSL uses the flat TJ icon logo.

 Alternatively, the wordmark logo can also be used.

 The logo can be used together with the unabbreviated "Computer Systems Lab", as shown, but should not be used with the wordmark logo.

When using on a white background, the logo or text should be #484848.

The logo can also be used on the blue #0048AB background.

**Type**

The typeface is [Open Sans](https://fonts.google.com/specimen/Open+Sans).

**Body Text**

Avoid using light weights because they are less readable. For most applications, the regular weight should be enough.

Use adequate line spacing to improve readability.

**Using Bold Weights**

For eyecatching material, use the extra-bold weight. This weight should not be used in applications, but can be used in promotional materials such as pamphlets and posters to draw attention. Text in this weight should be:

* short
* to the point
* eyecatching

 Do: - overlay on images - keep the message short - use color to increase contrast

 Don't: - use for body text - have illegible line spacing

#### Color

The main CSL color is #0048AB.

Text should be #484848.

#### Naming Conventions

**tjCSL**

The computer systems lab should be referred to as "the tjCSL".

Do:

* Add "the" when using "tjCSL" to refer to the location or organization (ex: "We visited the tjCSL").

Don't:

* Capitalize "The" (ex: "We visited The tjCSL").

Do:

* Lowercase the "tj". This provides a hierarchy between the "TJHSST" entity and the "CSL" entity.
* This also provides consistent with other TJ programs, such as "tjSTAR" and "tjTODAY"

Don't:

* Insert spaces "tj CSL"

Projects can be namespaced (for instance, on IRC):

> tjcsl-ion, tjcsl-director

This is an instance in which "tjcsl" can be all lowercase. Generally, one should maintain the proper capitalization.

**Ion**

The student intranet is our flagship product.

Examples of how to use the name:

* Ion
  * "We use Ion to sign up for eighth periods."
  * "Ion runs on servers in the machine room."
* Projects associated with Ion
  * "IonTap"
  * "IonGlance"

Examples of misuse of the name:

* Ion
  * "ION"
  * "Intranet"
* Projects associated with Ion
  * "Ion Tap"
  * "IONGlance"
  * "ionGlance"

Note that there should be no spaces in the names of related projects (e.g. "IonTap" is correct, "Ion Tap" is not)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://documentation.tjhsst.edu/general/branding.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.