TLA Graphics turns brands into physical environments — signage, wraps, wall graphics and dimensional displays for names like Nike, Canada Goose and LG. The brand voice matches the work: confident enough to go big, refined enough for a flagship retail floor, and exact enough to trust with an eleven-storey install.
We make the largest object in the room. Layouts commit: oversized display type, full-bleed photography, decisive blocks of ink and teal. Nothing timid, nothing cluttered.
Restraint is the luxury. Generous whitespace, a disciplined palette, hairline rules. One accent at a time — the work is the hero, the brand is the frame.
Every diagonal in our mark sits on an exact 60° angle — and everything else follows that discipline. Measured spacing, spec-style labels, tolerances stated, promises kept.
| We say | We don't say |
|---|---|
| "Installed overnight. Open by morning." | "We offer a wide range of high-quality signage solutions." |
| "3M-certified installers. 0.5 mm tolerance." | "Our team is passionate about excellence." |
| "From file to facade." | "One-stop shop for all your printing needs." |
The mark is a continuous ribbon of triangles — cut, folded and installed, like the work itself. It is constructed on a 60° lattice and must never be redrawn, re-angled or re-coloured outside this system. Three lockups, one colour each. No gradients, no outlines, no effects.
Clearspace on all sides equals X — the height of one triangle module in the mark. Minimum sizes: icon 24 px / 8 mm, stacked 90 px / 25 mm wide, horizontal 140 px / 40 mm wide.
If it changes the geometry, the colour system, or the contrast — it's out.
The heritage teal stays — it's on the building and on a decade of work. What changes is the ground it stands on: deep ink and warm paper replace flat white and grey, and a single shot of Lucy Yellow replaces the old material yellow. Ratio discipline is what makes it elegant.
Paper leads. Ink anchors. Teal identifies. Lucy Yellow is always present, used sparingly — a marker, a highlighted word, an active state — as needed, not strictly counted. If yellow is everywhere, it is nowhere.
TLA Teal fails AA for body text on light grounds (2.9:1) — reserve it for display sizes and graphics; use Teal 700 for teal text and links.
One family, two voices — plus a shop-floor accent. Ancizar Sans does the talking: bold weights for headlines, regular and medium for reading. A humanist sans with nine weights and a 1,000+ glyph set, released open-source under the SIL OFL — a single family keeps the system elegant and the type unmistakably ours. IBM Plex Mono handles labels, specs and measurements. Both load free from Google Fonts.
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 →
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 @&?
ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789 ±0.5MM
One geometry, used sparingly. Every device is derived from the mark's 60° construction — nothing decorative gets invented outside it.
Panels and image edges are cut at 60° — the logo's own angle. Use one blade per composition, always carrying content (a headline, a caption), never as loose decoration.
Mono uppercase labels with a yellow triangle marker; two-digit index numbers on sections; hairlines with a 64 px Lucy Yellow tick. These carry the "technically precise" voice through every layout.
Corner radius is 2 px everywhere — edges read as cut vinyl, not soft UI. The old 12 px radius is retired.
The work photographs itself — real installs, in place, at scale. Choose images with architecture, perspective and people for scale. Avoid flat product-on-white renders except in service listings. No filters, no duotones: colour accuracy is the product.
When type sits on photography: ink gradient scrim from the text corner (max 88% → 15%), Space Grotesk headline, mono spec label in Lucy Yellow. Never place text on an untreated image.
Design, print, fabrication and certified installation — one team, one tolerance.
How the system lands on tlagraphics.ca: content max-width 1280 px, 12-column grid, 8 px spacing base, 2 px radii. Dark ink navigation and footer bracket paper-ground content.
Custom dimensional display casework for a flagship collaboration launch.
Drop-in replacement for the current :root in app/globals.css.
:root {
/* colour — core */
--ink-950: #0C1516; --ink-900: #131F20; --ink-700: #2A3839;
--paper: #F6F5F1; --white: #FFFFFF;
/* colour — brand */
--teal-300: #3FC9C2; --teal-500: #00A19B; --teal-700: #007571; --teal-900: #073B39;
--signal: #FFD400; /* sparingly, always present */
/* colour — neutrals */
--n-200: #E7E9E8; --n-300: #C7CCCB; --n-500: #97A09F; --n-700: #5C6867;
/* type — Google Fonts via next/font */
--font-display: "Ancizar Sans", system-ui, sans-serif; /* 600–700 */
--font-body: "Ancizar Sans", system-ui, sans-serif; /* 400–500 */
--font-mono: "IBM Plex Mono", ui-monospace, monospace;
/* geometry — 8px base, cut-vinyl edges */
--radius: 2px; --max-width: 1280px; --cut: 60deg;
}
LUCY is TLA's internally developed production-management platform — "Lucy runs TLA." The mark is the TLA icon with its L lit in Lucy Yellow #FFD400 — Lucy at the centre of everything TLA makes. In her memory, the accent follows one rule: sparingly, but always present — use it as needed, not strictly counted, and never absent. In LUCY the mark itself usually fills that role.
Icon at ~1.5× cap height, gap ~0.75× cap height. Wordmark in Ancizar Sans 700, all caps, −0.01em. Tagline as a spec label — Lucy Yellow on dark, Teal 700 on light.
The Lucy mark is the TLA icon with the L lit in Lucy Yellow — same 60° lattice, same geometry. Never redraw, rotate or restyle it.
Two files, fixed roles: lucy-icon.svg (ink mark, yellow L) on light grounds; lucy-icon-alt.svg (all Lucy Yellow) on ink or Teal 900. Never outlined, never recoloured.
Minimum 24 px wide. Clearspace: half the mark's width on all sides. App icon: mark at ~62% width, centred on an Ink 950 tile.
Sparingly but always present — use Lucy Yellow as needed, not strictly counted. The mark usually carries it; loading states, empty states and the sign-in mark are its natural in-app roles.