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.
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.
Styles
Widths
Alignment
On a dark background
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.
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
- Register with TPP Alberta
- Receive your secure pad
- Check the security features
- Sign for the delivery
- Prescribe Type 1 medications
Reversed, from 5
- Ordering
- Registering
- Returning
- Reporting
- Reviewing
Table
| DIN/PIN | Medication Name/Type | Dosage Form |
|---|---|---|
| 02242504 | Buprenorphine | Spray |
| 02341212 | Buprenorphine | Patch |
| 02198630 | Codeine | Syrup |
Striped table with a footer and a caption
| Form | Who uses it | Turnaround |
|---|---|---|
| Prescriber registration | Prescribers | 8–10 business days |
| Pad reorder | Registered prescribers | 5 business days |
| Forgery report | Prescribers and pharmacists | Same day |
| Total | 3 forms |
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

Rounded image

Aligned images

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.

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

Cover
Using Data to Optimize Safe Prescribing
A Cover places text and buttons over an image with a colour overlay.
Media & Text

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

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.


Hexagon
About TPP Alberta
Since 1986, the Tracked Prescription Program has monitored the use of prescription medications prone to misuse in Alberta.
Video
Audio
Playlist
Embed
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
Info Card
Need help?
Contact TPP Alberta at TPP.info@cpsa.ab.ca or toll-free at 1-800-561-3899.
Info Banner
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
Register with TPP Alberta before prescribing any Type 1 medication, and keep your secure pad safe.
Check every TPP form for its security features before dispensing, and report forgeries.
TPP Alberta monitors prescription medications prone to misuse, to keep patients safe.
Forms
Forms and Search
Gravity Forms and the Search block share the site’s fields and buttons.
Gravity Forms
"*" indicates required fields
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
-
Update: revised TPP Alberta Program Guide now available
TPP Alberta’s comprehensive program guide outlines TPP Alberta’s mandate and information on prescribing TPP medications, a prescriber’s responsibilities under the…
Read the update: Update: revised TPP Alberta Program Guide now available1–2 minutes -
Reminder: prescribers must register with TPP Alberta to prescribe Type 1 medications
Registration requirements for prescribers Prescribers must be registered with TPP Alberta to prescribe medications on the TPP-monitored Type 1 list.…
Read the update: Reminder: prescribers must register with TPP Alberta to prescribe Type 1 medications1–2 minutes -
Update: new TPP pad exemptions
To prescribe medications on the TPP-monitored Type 1 list, prescribers must be registered with TPP Alberta and use a physical…
Read the update: Update: new TPP pad exemptions2–3 minutes
Latest Posts
- Update: revised TPP Alberta Program Guide now availableTPP Alberta’s comprehensive program guide outlines TPP Alberta’s mandate and information on prescribing TPP medications, a prescriber’s responsibilities under the… Read more: Update: revised TPP Alberta Program Guide now available
- Reminder: prescribers must register with TPP Alberta to prescribe Type 1 medicationsRegistration requirements for prescribers Prescribers must be registered with TPP Alberta to prescribe medications on the TPP-monitored Type 1 list.… Read more: Reminder: prescribers must register with TPP Alberta to prescribe Type 1 medications
- Update: new TPP pad exemptionsTo prescribe medications on the TPP-monitored Type 1 list, prescribers must be registered with TPP Alberta and use a physical… Read more: Update: new TPP pad exemptions
Categories
- Clinical Guidelines (1)
- News (37)
Archives
Terms Query
-
(37)
Tag Cloud
Tag Cloud, Outline style
Calendar
| M | T | W | T | F | S | S |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 | |
RSS
- TPP Alberta’s comprehensive program guide outlines TPP Alberta’s mandate and information on prescribing TPP medications, a prescriber’s responsibilities under the […]
- Registration requirements for prescribers Prescribers must be registered with TPP Alberta to prescribe medications on the TPP-monitored Type 1 list. […]
- To prescribe medications on the TPP-monitored Type 1 list, prescribers must be registered with TPP Alberta and use a physical […]
Dynamic content
Site Blocks
Navigation, breadcrumbs, social icons and other blocks that read from the site’s settings.
Navigation
Breadcrumbs
Social Icons
Logos only
Pill shape
Site Title
Avatar
Log in and out
Latest Comments
Everything else
More Blocks
Maths, icons, classic content, custom HTML and shortcodes.
Math
Icon
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.