10.12.0

Typography Patterns




Contact

Default

(349) 185-9988
(555) 555-5555
email@example.com
(324) 562-7482
(349) 185-9988

Detail Indicator

(349) 185-9988 Cell
(555) 555-5555 Home
(324) 562-7482 Work
(324) 562-7482 Work-Cell

Currency

Variants

Emphasized False
$

2,000

.50
Light

342

.00
Bold
$

45

/mo

Size

Small
$

2,000

.50
Medium

342

.00
Large
$

45

/mo

Alignment

Left
$

2,000

.50
Center

342

.00
Right
$

45

/mo

No Symbol

Sales

309

/week

Dashboard Value

Full Example

Decreased Value
1,428   appts
26.1%


Increased Value
938   homes
56.1%


Neutral Value
261   windows
86%

Align

Top Title Value
1,428   appts
26.1%


Top Title Value
1,428   appts
56%


Top Title Value
1,428   appts
86.1%

Home Address Street

Default

70 Prospect Ave · Colonial

Apt M18

West Chester, PA 19382
H#8250263
PHL

Use this kit on tables, card displays, or on modals. It's versatile for displaying in the most condensed areas.

Emphasis

70 Prospect Ave · Colonial

Apt M18

West Chester, PA 19382
H#8250263
PHL


70 Prospect Ave · Colonial
Apt M18
West Chester, PA 19382
H#8250263
PHL

Emphasis on street happens by default. (no prop needed)
Emphasis on "city" makes the city emphasized, rather than the street.

Modified

70 Prospect Ave

West Chester, PA 19382
PHL

Label Pill

Default

Service Needed
76
Waiting
69
In Service
28
Fully Serviced
101
Inbox
197
Outbox
13
Inbox
218

Use this kit to display a label and a value with a certain status or color to highlight its significance or meaning. It can be a good design use to highlight the value incase it is important.

Label Value

Default

Role
Administrator, Moderator

Email
anna.black@powerhrg.com

Bio
Proin pulvinar feugiat massa in luctus. Donec urna nulla, elementum sit amet tincidunt nec, mattis nec urna. Cras viverra lorem odio, id pretium dui interdum ut. Nullam dignissim nisl vitae orci vehicula condimentum.

Use this kit to display a label and value text for almost every data entry.

Details

Installer

JD Installations LLC


Project
33-12345

Jefferson-Smith


Project
33-12345

Jefferson-Smith

· 11/18

Project
33-12345
· 11/18

Variant details can pass icon, description, title, date, and active props.

Other Examples

Patient Profile

Age

24 yrs old

Weight

91 kg

Blood

A +

Height

187 cm




Workout Schedule

Chest
6 sets • 8 reps • 40-100 kg
Biceps
5 sets • 12 reps • 20-40 kg
Back
8 sets • 8 reps • 40-120 kg

Message

Default

Anna Black

20 seconds ago
How can we assist you today?


Patrick Welch

9 minutes ago
We'll escalate this issue to a Senior Support agent.


Lucille Sanchez

4 hours ago
Application for Kate Smith is waiting for your approval


Beverly Reyes

2 days ago
We're so sorry you had a bad experience!


Keith Craig

2 days ago
Please hold for one moment, I'll check with my manager.


2 days ago
We're so sorry you had a bad experience!


2 days ago
picture of a misty forest


2 days ago
picture of a misty forest
Please hold for one moment, I'll check with my manager.

Use this kit when displaying a message or a sort of communication with either a user or a bot. Use it in history displays, chat rooms, discussion threads or comments section.

With Timestamp Hover

Anna Black

4 hours ago
Oct 19 · 9:14p
Hover over me to check out the real time I was made!


Becca Jacobs

12.20p
Oct 19 · 9:14p
Application for Kate Smith is waiting for your approval

Person

Default

Kyle

Fadigan


Use this kit to display users, homeowners, or person of contact.

Person Contact

Default

Pauline

Smith

email@example.com
(555) 555-5555
(324) 562-7482

Multiple People

Harvey

Walters

email@example.com
(555) 555-5555
(324) 562-7482
Brenda

Walters

(555) 555-5555

With Detail

Harvey

Walters

email@example.com
(555) 555-5555 Home
(324) 562-7482 Work

With Wrong Numbers

Pauline

Smith

email@example.com
(555) 555-5555
(304) 861-5385
wrong number
(324) 562-7482

Source

Default

BJ's Johnston-208

Retail


Referral-phrg

Inbound


BJ's Future CB

Anna Black
48582

Hide Icon

BJ's Johnston-208

Retail


Referral-phrg

Inbound


BJ's Future CB

Anna Black
48582

Source Types

BJ's Johnston-208

Retail


Referral-phrg

Inbound


B.B.B. Outbound

Outbound


Contractor.com

Prospecting


Beards, Beers and Brats

Events


BJ's Johnston-208

Referral


Employee Referral

Anna Black
48582


BJ's Future CB

Anna Black
48582

Stat Change

Default

28.4%

6.1%

102%

Icon

28.4%

6.1%

102%

Colors

28.4%

6.1%

102%

Increase colors your icon GREEN & Decrease colors your icon RED.

Stat Value

Default

1,048  

Use this as value for displaying number data at a high level. It’s primary function is to create hierarchy of data within a view.

Unit Value

5,294   appt

Title Count

Default

Appointments

35.78

Appointments

7,399

Appointments

-379,503.372

Use this kit as a form of label value only for a numeric value.

Align

Remodeling Consultants

527

Remodeling Consultants

527

Remodeling Consultants

527

Title Detail

Default

Email Notifications

Commits data and history

Email Notifications

Commits data and history

Email Notifications

Commits data and history

Use this kit in tables and cards to display data that doesn’t have a caption assigned.