Logo Image
TypographyColorButtonSocialComponent

Style Guide for WayMap Template

Typography

Heading

Heading 1

DM Sans Bold

2.5rem/40px

Heading 2

Inter - Semi Bold

2rem/32px

Body Text
Default Size For Body Text

DM Sans - Regular

1rem/16px

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

For All Link Default Size
Link - Lorem ispasm doller koi gelo amar

DM Sans - Regular

1rem/16px


Section Text
Section Title

DM Sans - Bold

1.5rem/24px

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Color Variation

Color
Primary Purple
  • #6d349d
Primary Red
  • #a8002d
Primary Yellow
  • #946b00
Primary Teal
  • #005e61
Primary Dark Grey
  • #191519
Tertiary Plum
  • #504550
Dark Teal
  • #005e61
Secondary Purple
  • #b77dda
Secondary Red
  • #f7668d
Secondary Yellow
  • #ffbf18
Secondary Teal
  • #12bec3
Secondary Grey
  • #757575
Secondary Orange
  • #FF7F50
Tertiary Purple
  • #eadef4
Tertiary Red
  • #fceef0
Tertiary Yellow
  • #fceecb
Tertiary Teal
  • #def4f5
Tertiary Grey
  • #f8f8f8
Text Color
Primary Purple
  • #6d349d
Primary Red
  • #a8002d
Primary Yellow
  • #946b00
Dark Teal
  • #005e61
Primary Teal
  • #005e61
Primary Dark Grey
  • #191519
Secondary Purple
  • #b77dda
Secondary Red
  • #f7668d
Secondary Yellow
  • #ffbf18
Secondary Teal
  • #12bec3
Secondary Grey
  • #757575
Secondary Orange
  • #FF7F50
Tertiary Purple
  • #eadef4
Tertiary Red
  • #fceef0
Tertiary Yellow
  • #fceecb
Tertiary Teal
  • #def4f5
Tertiary Grey
  • #f8f8f8
Tertiary Plum
  • #504550

Button Variation

Button
Primary Button
Button Text
Primary Outline Button
Button Text
Header Button
Button Text
Submit Button
Button Text
Secondary Button
Button Text
Secondary Outline Button
Button Text
Header Button
Button Text
Submit Button
Button Text
Tertiary Button
Button Text
Tertiary Outline Button
Button Text
Header Button
Button Text

Padding and Margins

Padding
Padding 0.5em
Padding 0.5em
Padding 1em
Padding 1em
Padding 2em
Padding 2em
Padding 3em
Padding 3em
Padding 8em
Padding 8em
Padding 10em
Padding 10em

All Component List

Components
WayMap Image
Process
01.

Step 1

Book a call with the WayMap team to find out how you can get your venue onto the WayMap App.

02.

Step 2

[Text]

03.

Step 3

[Text]

04.

Step 4

[Text]

Statistics
300
K+
Sq. Feet Mapped
Funfact Count Icon
25
+
Locations
Funfact Count Icon
5
+
Cities
Teams
Photo of Zankar Sevak

Zankar Sevak

CTO

20 years of experience in navigation and mapping. Co-founded and exited a location technology business - Sensewhere. Masters Degree in Positioning Systems and MBA.

Photo of Philip Bassett

Philip Bassett

Chairman

Over 20 years of PE experience with Permira. Founder of Brightwell Partners. Masters degree in Classics from Oxford University.

Photo of Dr. Usman Raza

Dr. Usman Raza

Director of Enginering

An award-winning systems developer and inventor who turns early-stage R&D into real-world solutions for social impact and commercial success. 

Photo of Celso Zuccollo

Celso Zuccollo

CEO

South African CA and CFA charterholder by training, Celso left a career in finance to help build cutting-edge technology that creates impact at scale.

Photo of Dr. Tom Pey, CEO and Founder of WayMap

Dr. Tom Pey

Founder and President

Dr. Tom Pey serves as the President of Waymap, having founded the technology business in 2018.