Human Signal / v2

Home

Cenlyra style guide

01

Colors

Ink

#2A3D37

Primary text

Fern 600

#176B52

Primary action

Iris 600

#4C50C8

Secondary action

Citrus 300

#D7EA68

Editorial accent

Pearl

#F6F8F5

Canvas surface

Emergency 600

#B42318

Emergency action only

Selected

Surface / Selected
Action / Primary / Default

Error

Error / Surface
Error / Text

Warning

Warning / Surface
Warning / Text

Clear information on dark surfaces

Inverse Secondary / #D6DDDA

02

Typography

Display / Hero

Display / Hero

80px / 88px / 600

44px / 52px / 600

60px / 68px / 600

Cenlyra

Heading / H1

Heading / H1

52px / 60px / 600

36px / 44px / 600

44px / 52px / 600

Find a doctor or specialty

Heading / H2

Heading / H2

44px / 52px / 600

28px / 36px / 600

36px / 44px / 600

Know the next step

Heading / H3

Heading / H3

28px / 36px / 600

24px / 32px / 600

26px / 34px / 600

Request and prepare

Heading / H4

Heading / H4

20px / 28px / 600

Plan your first visit

Body / Large

Body / Large

18px / 28px / 400

Clear language helps people compare clinicians, locations, and preparation without losing clinical context.

Body / Default

Body / Default

16px / 26px / 400

Bring your questions. Confirm practical details with your clinic before you travel.

Body / Small

Body / Small

14px / 22px / 400

Practical details for your visit.

Practical details for your visit.

Label / Default

Label / Default

15px / 20px / 600

Choose a care team

Choose a care team

Meta / Default

Meta / Default

14px / 20px / 500

Patient services / sample metadata

Data / Default

Data / Default

14px / 20px / 500

08:00-18:00

03

Controls

Critical reference

Interactive example

Input validation

Interactive example

No request sent. Demo values may appear in the URL.

Status

Availability examples

Available example

Limited example

Request required

Icons

Lucide / 24 px

Find care

Clinician

Location

Urgent

04

Care patterns

Provider card

CMS specimen

Dr. Maya Chen, fictional demo clinician. AI-generated portrait.

Dr. Maya Chen

MD

Heart and Vascular Care

Riverside Clinic

Demo clinician

Demo profile | Aug 2026

Location row

CMS specimen

Riverside Clinic

24 River Street

Sample clinic hours

08:00-18:00

Riverside Clinic

24 River Street

Sample clinic hours

08:00-18:00

Request states

Reference specimens

Request example

Illustrative request state. No appointment request is sent from this guide.

Request example

Illustrative request state. No appointment request is sent from this guide.

Receipt example

Illustrative receipt state only. No submission or booking has occurred.

Receipt example

Illustrative receipt state only. No submission or booking has occurred.

Unavailable example

Availability must come from a connected service, not sample content.

Unavailable example

Availability must come from a connected service, not sample content.

Error example

Illustrative error state. No form delivery was attempted.

Error example

Illustrative error state. No form delivery was attempted.

05

Interactions

Care selector

Three care pathways

HEART AND VASCULAR

Cardiology

A thoughtful approach to heart health, from your first conversation to an ongoing care plan.

HEART AND VASCULAR

Cardiology

A thoughtful approach to heart health, from your first conversation to an ongoing care plan.

Mobile navigation

Closed / open

Visit resources

CMS disclosures

CENLYRA

Fictional template / v2

Create a free website with Framer, the website builder loved by startups, designers and agencies.