Licentio

Brand Components

UI Component Demo

Visual reference for all brand-standard components. Each section shows the available presets and how they render together.

TypographyButtonsCardsAlertsBadgesForms

Typography

Font families

Source Serif 4 — headings

Confidence at every step.

DM Sans — body

Associates log supervision hours and clinical events. Licentio validates them against their pathway's requirements and tracks progress toward licensure.

DM Sans — UI labels & metadata

LCSW · CA BBS · 1,240 / 3,000 hours · Updated 2 days ago

Typography components

EyebrowLabel

Section context

PageTitle

Page heading

SectionHeading

Section heading

LeadText

Introductory paragraph beneath a page title. Wider than body copy — up to max-w-xl — for visual breathing room.

BodyText

Standard prose. Constrained to max-w-prose for comfortable line lengths. Used for descriptions, help content, and copy.

MetaText

LCSW · CA BBS · 1,240 / 3,000 hours · Updated 2 days ago

CaptionText

Field label, diagram annotation, or supporting hint

Buttons

Button hierarchy

Cards

ContentCard
Active
Default content container. Outline border, muted header and footer. Used for the majority of UI surfaces.
SelectedCard
Highlighted selection. Soft sage fill, no border. Active item within a list or grid.
HeroCard
Inverted treatment. Sage-600+ background with light text. Use sparingly — one per section at most.

Alerts

Hours submitted for review
Your supervisor will be notified and has 7 days to approve.
Hours approved
42 hours from March have been approved and added to your total.
Approaching weekly cap
You've logged 35 of your 40-hour weekly maximum for individual supervision.
Validation error
This event cannot be logged — your supervisor's credential expired on Jan 1.

Badges

ApprovedIn ProgressPending ReviewRejectedInactive
LCSWLMFTLPCCCA BBSIndividualGroup

Forms

Text inputs

Must hold a valid CA BBS credential.

This field is required.
Select & textarea

Optional. Not included in the board-ready log.

Checkboxes & radios
Form actions