Contact Information Card

Frontend-only visual examples matching the Figma desktop and mobile contact-card variants.

Desktop: 1 person

Header

Lorem ipsum dolor sit amet, consectetur adipiscing. Lorem ipsum dolor sit amet, consectetu.

Contact person

Contact Name

Job Title

Region
Email
Phone number

Desktop: 1 person with CTA

Header

Lorem ipsum dolor sit amet, consectetur adipiscing. Lorem ipsum dolor sit amet, consectetu.

Contact person

Contact Name

Job Title

Region
Email
Phone number
Button

Desktop: 2 persons

Header

Lorem ipsum dolor sit amet, consectetur adipiscing.

Contact person

Contact name

Job title

Region
Email
Phone number
Contact person

Contact name

Job title

Region
Email
Phone number

Desktop: 2 persons with CTA

Header

Lorem ipsum dolor sit amet, consectetur adipiscing.

Contact person

Contact name

Job title

Region
Email
Phone number
Contact person

Contact name

Job title

Region
Email
Phone number
Button

Desktop: 3 persons

Header

Lorem ipsum dolor sit amet, consectetur adipiscing.

Contact person

Contact name

Job title

Region
Email
Phone number
Contact person

Contact name

Job title

Region
Email
Phone number
Contact person

Contact name

Job title

Region
Email
Phone number

Desktop: 3 persons with CTA

Header

Lorem ipsum dolor sit amet, consectetur adipiscing.

Contact person

Contact name

Job title

Region
Email
Phone number
Contact person

Contact name

Job title

Region
Email
Phone number
Contact person

Contact name

Job title

Region
Email
Phone number
Button

Mobile: Stacked 1 person

Header

Commodo aliquet varius at sit ante enim eu egestas senectus.

Contact person

Contact name

Job title

Region
Email
Phone number

Mobile: Stacked 1 person with CTA

Header

Commodo aliquet varius at sit ante enim eu egestas senectus.

Contact person

Contact name

Job title

Region
Email
Phone number
Button

Mobile: Stacked 2 persons

Header

Commodo aliquet varius at sit ante enim eu egestas senectus.

Contact person

Contact name

Job title

Region
Email
Phone number
Contact person

Contact name

Job title

Region
Email
Phone number

Mobile: Stacked 2 persons with CTA

Header

Commodo aliquet varius at sit ante enim eu egestas senectus.

Contact person

Contact name

Job title

Region
Email
Phone number
Contact person

Contact name

Job title

Region
Email
Phone number
Button

Mobile: Stacked 3 persons

Header

Commodo aliquet varius at sit ante enim eu egestas senectus.

Contact person

Contact name

Job title

Region
Email
Phone number
Contact person

Contact name

Job title

Region
Email
Phone number
Contact person

Contact name

Job title

Region
Email
Phone number

Mobile: Stacked 3 persons with CTA

Header

Commodo aliquet varius at sit ante enim eu egestas senectus.

Contact person

Contact name

Job title

Region
Email
Phone number
Contact person

Contact name

Job title

Region
Email
Phone number
Contact person

Contact name

Job title

Region
Email
Phone number
Button

Mobile: Swipe

Header

Commodo aliquet varius at sit ante enim eu egestas senectus.

Contact person

Contact name

Job title

Region
Email
Phone number
Contact person

Contact name

Job title

Region
Email
Phone number
Contact person

Contact name

Job title

Region
Email
Phone number

Mobile: Swipe with CTA

Header

Commodo aliquet varius at sit ante enim eu egestas senectus.

Contact person

Contact name

Job title

Region
Email
Phone number
Contact person

Contact name

Job title

Region
Email
Phone number
Contact person

Contact name

Job title

Region
Email
Phone number
Button

Mobile: 3-in-1

Header

Commodo aliquet varius at sit ante enim eu egestas senectus.

Contact person
Contact person
Contact person

Lorem ipsum

Email
Button

Contact Information Card with form

Frontend-only visual examples matching the Figma contact-card-with-form variants.

Desktop form: 1 person

Header

Lorem ipsum dolor sit amet, consectetur adipiscing. Lorem ipsum dolor sit amet, consectetur adipiscing. Lorem ipsum dolor sit amet, consectetur adipiscing. Lorem ipsum dolor sit amet, consectetur adipiscing. Lorem ipsum dolor sit amet, consectetur adipiscing.

Salutation*

Desktop form: 2 persons

Header

Lorem ipsum dolor sit amet, consectetur adipiscing. Lorem ipsum dolor sit amet, consectetur adipiscing. Lorem ipsum dolor sit amet, consectetur adipiscing. Lorem ipsum dolor sit amet, consectetur adipiscing. Lorem ipsum dolor sit amet, consectetur adipiscing.

Salutation*

Desktop form: 3 persons

Header

Lorem ipsum dolor sit amet, consectetur adipiscing. Lorem ipsum dolor sit amet, consectetur adipiscing. Lorem ipsum dolor sit amet, consectetur adipiscing. Lorem ipsum dolor sit amet, consectetur adipiscing. Lorem ipsum dolor sit amet, consectetur adipiscing.

Salutation*

Desktop form: Team

Header

Lorem ipsum dolor sit amet, consectetur adipiscing. Lorem ipsum dolor sit amet, consectetur adipiscing. Lorem ipsum dolor sit amet, consectetur adipiscing. Lorem ipsum dolor sit amet, consectetur adipiscing. Lorem ipsum dolor sit amet, consectetur adipiscing.

Salutation*

Mobile form: 1 person

Header

Commodo aliquet varius at sit ante enim eu egestas senectus.

Contact person

Contact Name

Job Title

Region
Email
Phone number

Salutation*

Mobile form: 2 persons

Header

Commodo aliquet varius at sit ante enim eu egestas senectus.

Contact person

Contact Name

Job Title

Region
Email
Phone number
Contact person

Contact Name

Job Title

Region
Email
Phone number

Salutation*

Mobile form: 3 persons

Header

Commodo aliquet varius at sit ante enim eu egestas senectus.

Contact person

Contact Name

Job Title

Region
Email
Phone number
Contact person

Contact Name

Job Title

Region
Email
Phone number
Contact person

Contact Name

Job Title

Region
Email
Phone number

Salutation*

Mobile form: Team

Header

Commodo aliquet varius at sit ante enim eu egestas senectus.

Contact person
Contact person
Contact person

Team

Text Field

Region
Email
Phone number

Salutation*