A common approach in CSS involves naming color variables based not on the color they symbolize, but on their functional role within the design. For instance, the variable "ACC Blue" in the brand doesn't necessarily indicate a blue color, but it represents a global color named "acc". This method ensures that the user interface remains adaptable even if the College's branding undergoes color changes.

The application of functional naming allows design elements and components to seamlessly transition between different domains, correctly applying colors to text, backgrounds, and borders. The standard design colors include Primary, Secondary, Highlight, and Info, alongside variations of black and white.

Additionally, there's a reserved subset of colors known as action colors. These are primarily used to interactively respond to user actions, particularly when an application conducts validations within the design. Action colors encompass Alert, Warning, and Success. The "Design Base" section within each brand area defines these colors.

Similar to color naming, font naming in this system aims to simplify transitions between different brands. Therefore, the font names have been generalized into four main categories: Display, Copy, Accent, and UI. This approach facilitates a smoother application of typography across varying brand designs. .