Get Found with AI

Design system

One accent color, one typeface, simple shapes. Every course video, slide and download is built from this page.

Colors

Ink is always the background. Signal yellow is the only accent. No gradients, glows, blues or purples.

Ink#1B1B1F · backgrounds
Signal yellow#F2C230 · the only accent
White#FFFFFF · main text
Muted grey#AAAAB2 · supporting text

Type

Inter only. Sentence case everywhere. Small all-caps is used only for the module label.

Title · Inter Bold
Start with what you already rank for
Big number · Inter Bold, Signal yellow
31
Bullet · Inter SemiBold
Set up Search Console properly
Stat label · Inter Medium
page descriptions written and pushed live
Supporting line · Inter Regular, muted
Reviewed first, then pushed live through the website connector
Module label · Inter SemiBold, caps
Module 3 · Research and strategy

Slide layouts

16:9 frames. Wide left margin, module label top left, a thin yellow progress line along the bottom.

Module 0 · Start here
Welcome: what you'll have at the end
A working course, not a tour of AI tools

Title or key statement: thick yellow bar on the left.

In practice · A psychology clinic
31
page descriptions written and pushed live
11
dead links redirected

Stat card: large yellow numbers, white labels.

Module 1 · Set up your AI team safely
  • Passwords
  • Card numbers and bank details
  • Government ID numbers
  • Anything that identifies a client

List: small square yellow bullets.

On-screen elements

Used over screen recordings in the walkthroughs.

Highlight box: 4px Signal yellow outline, rounded

Caption bar: dark, rounded, white SemiBold text

Rules

Always

  • Ink background, white text
  • Signal yellow as the single accent
  • Inter, sentence case
  • Type and simple shapes
  • Plain, practical, calm wording
  • US spelling

Never

  • Stock photos or decorative icons
  • Glass, blur, glow or gradients
  • Drop shadows
  • Blues, purples or extra accent colors
  • Title Case headings
  • Hype words or em dashes