Skip to content

Elements

Every block an editor can add to a page, styled to match the site: text, colours, buttons, media, layouts, forms and the blocks that list news and pages.

Try content here before it goes live, or use it to pick the right block for the job.

Doctor holding a stethoscope

On this page

Every Block, in the TPP Alberta Style

Each section shows a block with its styles and common settings. Everything here is built in the block editor, so it looks the same on any page, on phones and on desktops.

Foundations

Typography

Inter, from page titles to captions, with styles of its own for eyebrows, lead text and small print.

Heading 2: Safe Prescribing in Alberta

Heading 3: Register to Prescribe

Heading 4: Order a Secure Pad

Heading 5: Report a Forgery
Heading 6: Medication Lists

Eyebrow

Eyebrow Large

Lead text opens a page or a section. TPP Alberta works with prescribers across the province to monitor prescription medications prone to misuse.

Body text with bold, italic, a link, inline code, highlighted text, Ctrl + F, strikethrough, H2O and 103.

Small text, for notes and fine print.

Large text, for short statements.

Foundations

Colours

The site palette. Editors can only pick these colours, which keeps every page on brand.

Navy
#0A2240

Blue
#326195

Light Blue
#8CB8CA

Sky
#DAEBF2

Light Blue 10%
#F3F8FA

Gold
#F5B324

Yellow
#F7D54E

Red
#E8503E

Black
#101820

Text Secondary
#667085

Border Strong
#B8C2D1

Border Subtle
#D9E0EB

Light Grey
#F6F6F6

Off White
#F9FAFC

White
#FFFFFF

Actions

Buttons

Five styles, set widths and alignments. File downloads and search boxes use the same buttons.

Content

Text Blocks

Quotes, code, verse, footnotes, separators and spacers.

Quote

TPP Alberta uses data to optimize safe patient care. Since 1986, it has monitored the use of prescription medications prone to misuse.

TPP Alberta

Plain quote

Prescribers must register with TPP Alberta to prescribe any Type 1 medication monitored by the program.

TPP Program Guide

Pullquote

Every TPP pad is tracked, from the day it is printed to the day it is returned.

Prescription Pads

Code

[gravityform id="4" title="false"]

Preformatted

DIN/PIN     Medication      Form
02242504 Buprenorphine Spray
02341212 Buprenorphine Patch

Verse

Register to prescribe,
keep every pad secure,
report what goes missing.

Footnotes

A sentence with a footnote.1

  1. The footnote text, listed at the end of the content. ↩︎

Separators

Default


Wide


Dots


Spacer

A Spacer adds room between two blocks, here 50 pixels.

The text carries on after it.

Content

Lists and Tables

Bulleted and numbered lists, and tables that scroll on small screens instead of squeezing their text.

Bulleted list

  • Physicians
  • Dentists
    • General dentists
    • Oral surgeons
  • Nurse practitioners
  • Veterinarians

Numbered list

  1. Register with TPP Alberta
  2. Receive your secure pad
    1. Check the security features
    2. Sign for the delivery
  3. Prescribe Type 1 medications

Reversed, from 5

  1. Ordering
  2. Registering
  3. Returning
  4. Reporting
  5. Reviewing

Table

DIN/PINMedication Name/TypeDosage Form
02242504BuprenorphineSpray
02341212BuprenorphinePatch
02198630CodeineSyrup

Striped table with a footer and a caption

FormWho uses itTurnaround
Prescriber registrationPrescribers8–10 business days
Pad reorderRegistered prescribers5 business days
Forgery reportPrescribers and pharmacistsSame day
Total3 forms
A table with a header, a footer and a caption

Media

Images and Media

Images, galleries, covers, video, audio, files and embeds, plus the Media & Text styles for full-width rows.

Image with a caption

Doctor filling in a form on a clipboard
Prescribers sign and date every TPP form.

Rounded image

Smiling prescriber in blue scrubs with a stethoscope

Aligned images

Pie chart of 2023 forgery reports by pharmacy location: Calgary 36%, High River 13%, Edmonton, Innisfail, Okotoks, Strathmore, Turner Valley and unknown 7% each, Airdrie 6%, Chestermere 3%

Images can sit to the left or right of the text, which then wraps around them. On phones they stop floating and sit on their own line, so the text never gets squeezed into a narrow strip next to them.

Forgeries of TPP forms should be reported to TPP Alberta. Include as much detail as possible, such as the medication, the quantity and the pharmacy where the forgery was presented.

TPP Atlas Stimulants report, Regional Detail page: a map of Alberta shaded by rate ratio, with the rate trend for Alberta and rates by local area

A right-aligned image works the same way. Keep floated images small, so the text beside them stays easy to read.

TPP Alberta monitors stimulants, opioids and other medications prone to misuse, and shares the data with prescribers and pharmacists.

Gallery

Cover

Doctor filling in a form on a clipboard

Cover

Using Data to Optimize Safe Prescribing

A Cover places text and buttons over an image with a colour overlay.

Media & Text

Smiling prescriber in teal scrubs

Media & Text Without a Style

The default Media & Text block: an image on one side and text on the other. It stacks on phones.

Media & Text styles

Smiling prescriber in blue scrubs with a stethoscope

Diagonal Gold

Register to Prescribe

Physicians, dentists, nurse practitioners, podiatric physicians and veterinarians register with TPP Alberta before prescribing any Type 1 medication.

Diagonal Sky

Prescription Pads

Registered prescribers receive a personalized secure pad, which should arrive within 8–10 business days.

Smiling prescriber in teal scrubs
Doctor holding a stethoscope

Hexagon

About TPP Alberta

Since 1986, the Tracked Prescription Program has monitored the use of prescription medications prone to misuse in Alberta.

Video

A video block

Audio

An audio block

Playlist

A playlist of two tracks

Layout

Columns and Groups

Columns stack on phones. Group styles add panels, info cards and partner cards.

Two columns

Prescribers must register with TPP Alberta before prescribing any Type 1 medication monitored by the program.

Following registration, prescribers receive a personalized secure pad within 8–10 business days.

Three columns

Prescribers

Register, order pads and see who has prescribing conditions.

Pharmacists

Check TPP forms and report forgeries to TPP Alberta.

Albertans

Learn how TPP Alberta keeps prescribing safe.

Four columns

Register

Sign up to prescribe Type 1 medications.

Order

Re-order a secure pad online.

Return

Send back pads you no longer need.

Report

Report lost, stolen or forged forms.

Sidebar columns

Content pages put their text in the wider column and the forms that go with it in the sidebar. The sidebar moves below the text on smaller screens.

TPP pads are tracked, secure documents. Prescribers who no longer need all or part of their forms are responsible for returning them safely to TPP Alberta.

Forms

Return the pads you no longer need, or tell us about a lost or stolen pad.

Info Card

Need help?

Contact TPP Alberta at TPP.info@cpsa.ab.ca or toll-free at 1-800-561-3899.

Info Banner

Reminder: report a lost or stolen pad to the police and to TPP Alberta right away.

Partner Cards

Acute Care Alberta

Read More About ACA

Acute Care Alberta (ACA) is one of the four provincial health agencies in Alberta. ACA brings together specialized care providers and oversees health care across the province in emergencies, surgeries or specialized treatments.

Representative for ACA:

Dr. Adam Oster

Alberta College of Pharmacy

Read More About ACP

The Alberta College of Pharmacy (ACP) is responsible for regulating pharmacists and ensuring Albertans received high-quality pharmacy care.

Representative for ACP:

Monty Stanowich

Monty graduated from the Faculty of Pharmacy at the University of Alberta in 1998 and after working as a clinical pharmacist and pharmacy manager for a number of years, joined the ACP in 2012. His role as Policy Lead and Compliance Officer includes matters of population health, including pharmacy’s role in stewardship of opioids and medications that can be misused.

Medication Lists

Comprehensive list of medications monitored by TPP Alberta.

Interaction

Accordions and Tabs

FAQs, accordions and tabs open on demand and work with a keyboard.

FAQ: Accordion Title and Details

Prescribers

Who must register with TPP Alberta?

Physicians, dentists, nurse practitioners, podiatric physicians and veterinarians who prescribe Type 1 medications monitored by the program.

How long does a pad take to arrive?

A personalized secure pad should arrive within 8–10 business days after registering.

What if my pad is lost or stolen?

Report it to the police and to TPP Alberta right away, using the Lost or Stolen Pad form.

Accordion

Prescription medications prone to misuse, listed on the Type 1 and Type 2 medication lists.

Prescribers and pharmacists see data through Alberta Netcare, within the rules of the program.

Void each unused form and mail it to TPP Alberta, then complete the Unused Pad form.

Tabs

Forms

Forms and Search

Gravity Forms and the Search block share the site’s fields and buttons.

Gravity Forms

"*" indicates required fields

This field is for validation purposes and should be left unchanged.
Name*
Email*

Search

Search with the button inside

Search without a label

Dynamic content

News and Archives

Blocks that list news, categories and dates, and update themselves when a post is published.

Query Loop

38 results found

Latest Posts

Categories

Archives

Terms Query

Tag Cloud, Outline style

Clinical Guidelines News

Calendar

October 2026
M T W T F S S
 1234
567891011
12131415161718
19202122232425
262728293031  

RSS

Dynamic content

Site Blocks

Navigation, breadcrumbs, social icons and other blocks that read from the site’s settings.

Social Icons

Logos only

Pill shape

Everything else

More Blocks

Maths, icons, classic content, custom HTML and shortcodes.

Math

x=−b±b2−4ac2ax = \frac{-b \pm \sqrt{b^2-4ac}}{2a}

Icon

Classic

Text from the classic editor, with a link.

  • A classic list item
  • Another item

Custom HTML

Custom HTML is output as written, like this TPP abbreviation.

Shortcode

More

The More block below marks where a post’s excerpt ends on archive pages. On a page like this one it shows nothing.

Custom Components

Heroes, cards, timelines, news and the medication list have blocks of their own.