Tokens, components, voice, and motion for the Tuesday Academy website. This document is the source
of truth — the page mockups in Section 09
are the same system, in situ.
✦ For Singapore students & the schools that engage us
✦ Cream, navy, cyan
✦ Bricolage Grotesque · Instrument Serif · Geist
✦ Sharp corners, hard shadows
✦ Editorial, not bento
Principles.
01
01 · Editorial, not bento
Asymmetric magazine spreads. Big, generous white space. Type does the heavy lifting — boxes don't.
02 · Two colors, used loudly
Navy + cyan, on cream. Lilac and cobalt are quiet tonal notes — never co-stars.
03 · Sharp, never soft
Hard offset shadows. 0–8 px corners. No glow, no blur. The brand has bite.
04 · Trust through receipts
Real students. Real schools. Real wins. Numbers, names & institutions before adjectives.
Brand mark.
02
Primary mark
4-point diamond · "Ta" italic interior · use navy on cream
Inverted
Cream on deep navy · use on dark sections only
Sparkle motif
3-size scatter · twinkle keyframe
Series badges
Ta student storiesTa testimonialsTa competesTa shares
Sub-brand pills · used in content cards
Wordmark
Tuesday Academy.
Bricolage Grotesque 700 · stacked · period in cyan
Color.
03
Two primaries. Three neutrals. Two quiet accents. That's it.
Primaries
Primary · Ink
Navy
#0B1A4A · --ink
Ink · Deep
Deep Navy
#060F2E · --ink-deep
Primary · Spark
Cyan
#1FC8D1 · --spark
Spark · Pressed
Cyan Deep
#0DA6AF · --spark-deep
Neutrals (cream system)
Surface · Default
Paper
#F4EEDF · --paper
Surface · Warm
Paper Warm
#EDE5D2 · --paper-warm
Surface · Cool
Paper Cool
#F8F4E9 · --paper-cool
Text · Soft
Ink Soft
#25336B · --ink-soft
Tonal accents (use sparingly — never together)
Accent · Quiet
Lilac
#C9B6F0 · --lilac · for Stories series
Accent · Deep
Cobalt
#4569E5 · --cobalt · for Shares series
Typography.
04
Three families. Bricolage Grotesque is the voice. Instrument Serif is the breath. Geist is the body.
Display 1Bricolage · 800 · 128/0.92
Sound smart. Win things.
Display 2Bricolage · 800 · 84/0.94
From anxious to winning.
Display 3Bricolage · 700 · 56/1.0
Champions of MIDS '25.
Display 4Bricolage · 700 · 40/1.05
A class of four for $488.
Display 5Bricolage · 700 · 28/1.1
She cares enough to see the potential.
LedeGeist · 400 · 22/1.4
When I first joined debating, I thought it was just about arguing for the sake of it. Then I realised it's so much more than that.
BodyGeist · 400 · 16/1.55
We offer a free first 'diagnostic' session. They allow your child to experience our teaching style before committing to a full term, while also allowing our coaches to familiarise themselves with the standard of your child and create a personalised lesson plan.
name, region (Sec/JC/Primary/University), win_count (derived from wins), logo_ref
site_config
All pages
nav_links, contact_emails {hello, schools, press}, social_handles, footer_copy, stat_overrides (counters used on Home + About)
Rich-text rule
Any headline or quote field accepts inline <em class="italic-serif"> spans —
that's the only inline mark the CMS needs to expose to editors. Everything else (color, weight, spacing) is decided by the template.
Image strategy
Photos are referenced by ID (image_ref) and rendered through Astro's image pipeline — square 4:5 by default, with focal-point support so portraits crop correctly. Canva social cards live in a separate canva_card_ref field so the originals can be re-shown verbatim.
Example · win record (markdown frontmatter)
---
competition: MIDS
year: 2025
team_name: Raffles Institution 2
school: Raffles Institution
placement: Champion
category: Grand Final
blurb: Mid-year Debate Invitationals. Grand Champions in a final against the defending team.
featured_flag: true
image_ref: img_mids25_ri2_grandfinal
---