CT Corp.
Brand Guidelines
The visual language for CT Corp and its product family. A system built on the duality of ancient human wisdom and forward-looking technology.
Brand Definition
CT Corp builds AI that accelerates human learning. Our visual identity carries two messages simultaneously: the ancient, deeply human instinct to teach, and the forward-looking technology that amplifies it.
We Accelerate Human Learning with Technology
Technology serves the human instinct to teach. Every product, feature, and design decision is measured against this singular purpose.
Homo Docens
Humans are not just Homo Sapiens (the knowing species) — we are Homo Docens, the teaching species. The instinct to pass knowledge to others is as ancient and fundamental as language itself. CT Corp's technology amplifies this instinct, bridging the warmth of human teaching with the precision of artificial intelligence. This duality is expressed through our warm violet palette: purple connects to our product brands, while the warm undertones preserve our humanistic philosophy.
Logo
The CT monogram is the core of our visual identity. Two letterforms that embody the balance between flexible thinking and technological reliability.
Flexible Thinking & Learning
The soft, open curve represents adaptability, openness to knowledge, and the organic nature of human learning.
Reliability & Technology
The strong vertical and horizontal lines represent the dependability and precision of technology that supports learning.
Minimum Clear Space
Based on the inner circular space of the C letterform. Maintain this space on all sides of the mark to ensure visual integrity.
24px Height (Digital) / 10mm (Print)
The CT mark must never be reproduced smaller than 24px in height for digital media, or 10mm for print applications.
Color Variants
Four approved color combinations. The primary variants are used for most applications; accent variants are reserved for featured or premium contexts.
Dark Backgrounds
Use Lavender (#f8f5fc) logo on dark backgrounds. Violet and Gold variants are accent-only and should never serve as the sole logo representation.
Light Backgrounds
Use Plum (#2a2530) logo on light backgrounds. Avoid pure white (#fff) or pure black (#000) for logo fills — use Lavender and Plum for warmth.
Color Palette
The Warm Violet palette bridges humanistic warmth with technological precision. Every color serves a specific role in the hierarchy.
Why Lavender, not White?
The warm gold undertone of Lavender (#f8f5fc) creates a complementary contrast with the cool purple of Plum, producing a more sophisticated result than pure white. It harmonizes with the Gold secondary color and evokes the "ancient parchment" narrative of Homo Docens.
Typography
Three typefaces form our typographic system. Serif for editorial weight, sans-serif for clarity and readability.
Learning with Technology
abcdefghijklmnopqrstuvwxyz
0123456789 & !? .,;: () [] {}
Type Scale
| Element | Size | Weight | Line Height | Font |
|---|---|---|---|---|
| Hero heading | clamp(2.8rem, 5.5vw, 5rem) |
600 | 1.15 | Playfair Display |
| Section title | clamp(2rem, 4vw, 3.2rem) |
600 | 1.2 | Playfair Display |
| Section label | 0.75rem |
600 | — | Inter (uppercase, 0.2em tracking) |
| Body text | 0.92–0.95rem |
400 | 1.7–1.8 | Inter |
| Card heading | 1.5–1.6rem |
600–700 | — | Playfair / Inter |
| Small text | 0.85rem |
500 | — | Inter |
| Tag / label | 0.72rem |
600 | — | Inter (uppercase, 0.1em tracking) |
Product Brand Alignment
CT Corp's violet sits within the same purple family as all product brands, establishing a unified spectrum. The corporate violet is intentionally warmer and softer, signaling parent warmth while products express sharper execution.
Do's & Don'ts
Consistent application of the brand elements protects the integrity of the CT Corp identity across all touchpoints.
✓ Do
Use approved color variants
Maintain clearspace
Use Lavender and Plum for text
Follow the purple hierarchy
× Don't
Use pure white (#fff) or pure black (#000)
Rotate, stretch, or add effects to the logo
Place the logo on busy backgrounds
Use gold for interactive elements