TITAM brand

Everything you need to keep TITAM consistent: on the web, on social media and in the course.

The idea

TITAM is built on a school notebook. Text is written in blue pen, the important bits are highlighted and corrections are in red pen. Everyone knows this from school, so the site feels like a place to learn, not an AI ad.

The mascot is a tiny titan in a Greek helmet. The visor is shaped like the letter T, so the mascot is also the logo. The helmet is coloured with highlighter and the crest is red-pen red.

Mascot and moods

  • Default
  • Happy
  • Wink
  • Thinking

On the homepage, TITAM follows the cursor and blinks now and then. Use moods to fit the moment: happy for wins, thinking for news and the course, wink for tips and jokes.

Logo

TITAM
TITAM
TITAM

The logo is the mascot plus the word TITAM set in Archivo, extra wide and extra bold. Leave clear space around it at least the size of the crest. The mascot stays readable from 16 px.

Download titam-mark.svgDownload titam-mark-mono.svg

Colours

  • Paper#FCFCFAThe background of everything.
  • Ink#16205AText, headings, outlines.
  • Highlighter#FFE83DKey points and the main brand colour.
  • Red pen#E5382ECorrections, deals and the crest. Use it sparingly.
  • Ruling#DCE3F0Grid paper and subtle dividers.
  • Pencil#5B6288Secondary text and captions.

Type

Claude saves you hours.

Archivo 400, 18/28. Áá Ää Čč Ďď Éé Íí Ĺĺ Ľľ Ňň Óó Ôô Ŕŕ Šš Ťť Úú Ýý Žž

IBM Plex Mono: CLAUDE.md, SKILL.md

Archivo for everything. Headings are extra wide and extra bold, solid like a titan. Body text uses the normal width. IBM Plex Mono only for code and file names.

Notebook marks in articles

Write normal markdown and the site turns it into a notebook:

**bold**highlighter
~~strikethrough~~red pen correction
> quotea note from the mascot

How we write

  • Talk like a friend who knows the topic.
  • Concrete and short. One example beats three paragraphs of theory.
  • No inflated phrases. AI is not a revolution in every sentence.
  • Say who a tip is for: beginner or advanced.

Unlock the limitless potential of artificial intelligence!

How to write a prompt that works the first time.