Form Digitization

Transforming paper forms into digital solutions for a leading healthcare provider with custom design library.

Usage Examples

Landing Page
Section Progress Page
Form Page
Landing Page
Section Progress Page
Form Page

Typography

Headings

Heading 1

Heading 2

Heading 3

Body Text

Main navy text for important content

Main gray text for general content

Charcoal gray text for captions and metadata

Color Palette

Primary

Main Navy

#002677

Main Gray

#424242

Charcoal Gray

#333333

White

#FFFFFF

Accent

Light Turquoise

#CCF2F7

Informational Blue

#1D6ED0

Complete Green

#008A00

Required Red

#AF0000

Warning Orange

#C24E14

Informational Icons

Info IconInfo
Not StartedNot Started
In Progress IconIn Progress
Success IconSuccess
Error IconError
Warning IconWarning

Components

Button

PrimarySecondaryLink
DefaultButton 1Button 2Button 3
HoverButton 4Button 5Button 6
DisabledButton 7Button 8Button 9
DestructiveButton 10

Section Progress

Not StartedNot Started
In ProgressIn Progress
CompleteComplete

Progress Bar

0%0%
50%50%
100%100%

Alert

PopoverPopover
InformationalInformational
WarningWarning
ErrorError

Input

TextText
SelectSelect
DateDate
CheckboxCheckbox
ToggleToggle
RadioRadio