Making AI practical for business. The single source of truth for the Chris Matthews personal brand: palette, typography, monogram, voice rules, and templates. Dark and light themes.
chrismatthews.co.uk is the master identity. The brand is solo and personal-brand-led; no operating company sits beneath it. Every asset nests beneath the hub: SSAMM Method™, the @christheaiguy handle, books, and speaking.
Making AI practical for business.
The only codified brand line. Appears on the website, email signature, and book covers. Consistent across every touchpoint.
SSAMM Method™, the trademarked operating framework: Simplify, Systemise, Automate, Monitor, Manage. Introduced as a sequence, not a menu. Use the trademark symbol on first mention per piece.
The operating system of every relationship, partnership, and recommendation.
Own your infrastructure. Rented platforms create dependency. Build what you control.
Compounding beats hype. Small, consistent improvements create extraordinary long-term results.
Understand before you implement. Strategy precedes technology, always.
Dark is the default for everything: strategy, family office, speaker, social. Light is sector-specific: healthcare, wellness, clinical, podiatry, dental, medical. Never mix tokens between themes. Click any swatch to copy the hex.
| Combination | Ratio | Result |
|---|---|---|
Dark: Text on Background (#ede9e0 on #0c0b09) | 14.8:1 | Pass AAA |
Dark: Muted on Background (#9b9588 on #0c0b09) | 6.2:1 | Pass AA |
Dark: Gold on Background (#d4c5a0 on #0c0b09) | 9.5:1 | Pass AAA |
Light: Text on Background (#1a1812 on #faf8f5) | 15.1:1 | Pass AAA |
Light: Muted on Background (#6b6659 on #faf8f5) | 6.5:1 | Pass AA |
Light: Gold on Background (#8a7d5a on #faf8f5) | 4.7:1 | Pass AA |
#ffffff) as text on the dark theme; use the cream #ede9e0.#ffffff is reserved for inset surfaces only. The page itself is cream.Cabinet Grotesk for headings, Satoshi for body, JetBrains Mono for labels and technical detail. Fallbacks: Inter for sans, Courier New for mono. PDF stand-ins: DM Sans Bold (display), Inter (body).
https://api.fontshare.com/v2/css?f[]=cabinet-grotesk@700https://api.fontshare.com/v2/css?f[]=satoshi@400,500,700https://fonts.googleapis.com/css2?family=JetBrains+MonoOpen-C arc, angular M, rounded square container, gold underline. The monogram changes only three colours between themes. Geometry, stroke weights, and underline position are identical.
| Theme | Container fill | Strokes | Gold underline |
|---|---|---|---|
| Dark | #0c0b09 | #ede9e0 cream | #d4c5a0 |
| Light | #faf8f5 cream | #1a1812 ink | #8a7d5a |
Direct. Numbers-first. UK English. Confident without hype. Warm but unsentimental. Reads as if Chris is speaking directly to one person over coffee.
Strip every instance, on sight, no exceptions.
Use two or three per piece, not all six.
40 to 60 words stating the point before the story starts. Anything over 150 words must open this way.
Two short sentences. The second undercuts the first.
‘Full diary. Empty bank account.’Real name, real number, real timeframe. Pattern: At [Client], [we did X] [number] [timeframe] [outcome].
One line admitting the hard truth, dropped into a confident piece.
‘I got this wrong for years.’Three short noun phrases or clauses. Two per piece, maximum.
‘Simple, specific, scored.’Flat, not theatrical. Direct question or one-line call to action. Never ‘hope this helps’.
‘In today’s fast-paced business landscape, leveraging AI tools can empower clinic owners to unlock new efficiencies and drive transformative growth on their journey to success.’
‘Most clinic owners I meet are drowning in admin. AI does not fix the diary by itself. It buys you back the four hours a week you currently spend on rota changes and chasing no-shows. That is the job. Nothing more clever than that.’
Stripped: ‘in today’s’, ‘leveraging’, ‘empower’, ‘unlock’, ‘transformative’, ‘journey’. Added a specific time saving and a flat closer.
‘I am thrilled to announce a game-changing new partnership that will revolutionise how family offices approach AI adoption.’
‘New piece of work this week. Two family offices, one shared problem, the same AI rollout in 90 days. Not glamorous. Useful.’
‘Tell me which bits sing and which bits I have over-pitched. If you are still weighing it up, the workshop is the obvious first step. Speak soon.’
‘Two prices below. Workshop is £2,500 for the day. Sprint is £9,000 across 90 days and includes the workshop. Reply with the one you want and I will send the calendar invite and the contract.’
| Register | Use for | Feel |
|---|---|---|
| Light | LinkedIn comments, X posts, casual replies | Warm, occasionally wry. Under 60 words. |
| Standard | LinkedIn posts, emails, blog intros | Confident, specific, BLUF. 150 to 250 words. |
| Deep | Book chapters, long blog, proposal sections | Authoritative, structured, named cases. 800+ words. |
| Formal | Client proposals, legal notes, formal B2B | Precise, neutral, evidence-led. |
Table-based HTML for email-client compatibility. Official CM monogram, dark rounded-square icons, four contact lines, four social icons, and a styled book button. Switch between dark and light variants below, then copy the HTML straight into Gmail, Outlook, or Apple Mail.
|
|
Chris Matthews
Founder | Author | Speaker
|
||||||||
|
|||||||||
|
|
|||||||||
| Click for My Latest Book → | |||||||||
How to install: click Copy signature HTML, then in Gmail go to Settings › See all settings › Signature › Create new and paste. Outlook and Apple Mail accept the same paste. Email clients fall back to system fonts when Cabinet Grotesk and Satoshi can't load, this is expected.
Every image evokes quiet confidence and depth, matching the brand’s premium, understated identity. No cool tones, no neon, no corporate blue, no glowing AI brains. Photography is part of the atmosphere, not the focal point.
Reduce vibrancy, shift towards muted earthy tones.
Subtle darkening at edges to draw focus inward.
Increase separation between darks and highlights.
Apply a warm colour grade aligned with the brand palette.
| Parameter | Value |
|---|---|
| Saturation | -30% to -40% |
| Contrast | +15% to +25% |
| Warmth | +20 (shift towards amber and gold) |
| Vignette | 40% opacity, 60% coverage from edges |
| Highlights | -10% (prevent blown highlights) |
| Shadows | +5% (lift to reveal detail without losing mood) |
Simple single-colour line SVGs on service and philosophy cards: terminal >_, grid, cube, person, lock, graph, search. Minimal, geometric, monochromatic. No gradients, no illustrations, no mascots.
320px height, full width, gradient fade to background at the bottom edge. Never hard-crop.
The current Chris Matthews headshot, ready for every use case. Right-click to save, or use the download button under each version. Same source, four crops: master file, social-ready landscape, social square, and circular head-and-shoulders for podcasts, panels, and bylines.
Original, uncropped headshot. The source for any new crop, or any full-frame use: website hero, speaker pages, press kit.
Pre-cropped to the 1.91:1 ratio used by LinkedIn and Facebook for link previews and feed images. Drop into posts, OG tags, or featured-image slots.
A clean 1:1 square at the LinkedIn and Instagram in-feed standard. Drop into single-image posts, carousels, Instagram grid, or any square slot.
Tight circular crop on a transparent background. For podcast tiles, panel thumbnails, publication bylines, directory listings, and avatars.
#0a0a0a) and light (#fafaf8) surfaces.The services architecture is both a content framework and a sales taxonomy. Across all three lanes, the underlying promise is the same: help owners build something that works without them in every problem.
Making AI practical for business.
That means strategy before tools, infrastructure you own, and guidance you can trust, so the operations you build today compound into the business you want tomorrow.
| # | Lane | Description |
|---|---|---|
01 | AI Strategy | Practical AI adoption for established businesses. Roadmaps, infrastructure decisions, and build-vs-buy calls. |
02 | Business Scoping | Diagnostic and operational scoping for clinic owners, family offices, and SME leaders considering AI. |
03 | Author & Mentor | Books, speaking, and 1:1 mentoring relationships. |
| # | Solution | Description |
|---|---|---|
01 | SSAMM Method™ | The trademarked operating framework, Simplify, Systemise, Automate, Monitor, Manage. Delivered as a consulting engagement. |
02 | 90-Day Coaching Programme | A fixed-duration coaching sprint for owners ready to implement. |
Formats: keynotes, workshops, SME days, panel moderation, board briefings. The signature talk uses the Niagara Falls analogy to frame AI adoption for non-technical audiences, the mismatch between overwhelming capability and the small, specific thing a business actually needs.
CTAs are personality-driven, not generic. A little wit, a clear action, first-person phrasing where appropriate. Never Learn More. Never Click Here.
Pricing is never listed publicly. Every CTA leads to a conversation.
Layout decisions are tokenised so every asset, website, PDF, deck, signature, lines up to the same rhythm. Pick a width, then a spacing token, then build.
| Width | Size | Use |
|---|---|---|
| Narrow | 640px | Articles, long-form reading. Maximum 72ch measure. |
| Default | 960px | Standard pages, card grids, general layout. |
| Wide | 1200px | Full-width sections, hero areas, galleries. |
| Token | Rem | Pixels |
|---|---|---|
1 | 0.25rem | 4px |
2 | 0.5rem | 8px |
3 | 0.75rem | 12px |
4 | 1rem | 16px |
5 | 1.25rem | 20px |
6 | 1.5rem | 24px (default card gap) |
8 | 2rem | 32px |
10 | 2.5rem | 40px |
12 | 3rem | 48px |
| Token | Value |
|---|---|
sm | 0.375rem |
md | 0.5rem |
lg | 0.75rem |
xl | 1rem |
full | 9999px |
Every content section follows the same pattern, top to bottom:
Motion guides the eye and creates a sense of craft. It is never a spectacle and never demands attention. If an animation is doing the heavy lifting, the design has not done its job.
| Animation | Timing | Notes |
|---|---|---|
| Hero gradient | 14–18s infiniteblur(100px) | Warm gold and cool dark orbs drift slowly behind the hero. |
| Scroll reveal | 0.5s cubic-bezier(0.23, 1, 0.32, 1) | Sections fade and rise Y+20px to 0 via IntersectionObserver. Staggered. |
| Character reveal | Per-character, 30ms stagger | Hero headings reveal letter by letter, typewriter-like. |
| Card hover | 180ms cubic-bezier(0.16, 1, 0.3, 1) | Gold border appears, 2px upward lift. |
| Fade up | 400ms ease-out | General-purpose entrance for sections and elements. |
180ms · cubic-bezier(0.16, 1, 0.3, 1) applied to all interactive elements: buttons, links, cards, toggles. Snappy but not instant. Organic but not sluggish.
All animations are disabled via @media (prefers-reduced-motion: reduce). This is non-negotiable.
@christheaiguy across X, YouTube, LinkedIn.#d4c5a0 dark / #8a7d5a light).