VITALTRACK

VITALTRACK

Developing a Brand Guide to refine and unify Vitaltrack’s identity.

Developing a Brand Guide to refine and unify Vitaltrack’s identity.

Overview

The VitalTack brand guide encapsulates an innovative journey of experimentation and exploration, weaving together various elements to establish a cohesive and impactful brand identity. This project encompasses the development of a distinct logo, thoughtfully curated color palette, and meticulously crafted UI design. Each component is meticulously chosen and refined to reflect the brand's essence and values.


From the dynamic interplay of colors to the sleek and intuitive application mockups, every detail is a testament to the brand's commitment to innovation and creativity.

The VitalTack brand guide encapsulates an innovative journey of experimentation and exploration, weaving together various elements to establish a cohesive and impactful brand identity. This project encompasses the development of a distinct logo, thoughtfully curated color palette, and meticulously crafted UI design. Each component is meticulously chosen and refined to reflect the brand's essence and values.


From the dynamic interplay of colors to the sleek and intuitive application mockups, every detail is a testament to the brand's commitment to innovation and creativity.

Visual Identity

2 Weeks

Health & Fitness

Vitaltrack

Service

Duration

Industry

Client

Visual Identity

2 Weeks

Health & Fitness

Vitaltrack

Service

Duration

Industry

Client

01

01

01

Logo

Construction

Logo

Construction

Logo

Construction

VERSION 1.0

BRAND identity

© Blue JAckson.2024

© 2024

VITALTRACK

LOGO CONTRUCTION

Page 01

VITALTRACK

LOGO CONTRUCTION

Page 02

WORDMARK

VERTICAL LOGO

BRANDMARK

VERSION 1.0

BRAND identity

© Blue JAckson.2024

© 2024

WORDMARK

BRANDMARK

HORIZONTAL LOGO

02

02

Color

Palette

Color

Palette

VERSION 1.0

BRAND identity

© Blue JAckson.2024

© 2024

VITALTRACK

COLOR PALETTE

Page 03

02

Color

Palette

VITALTRACK

Color Palette

Page 04

#00b6ce

0, 182, 206

RGB

100%, 12%, 0%, 19%

Cmyk

Hex

Vital BLue

#00b6ce

0, 182, 206

RGB

Hex

Vital White

#202020

32, 32, 32

RGB

Hex

100%, 12%, 0%, 19%

Cmyk

Vital Dark Slate

Cmyk

100%, 12%, 0%, 19%

#2C2E30

44, 46, 48

RGB

Hex

Charcoal Slate

#6B6B6B

107, 107, 107

RGB

Hex

Vital Dark Grey

#00FFFF

0, 182, 206

RGB

Hex

Aqua Energy

#A8A8A8

168, 168, 168

RGB

Hex

Vital Light Grey

#F4F4F4

111, 111, 111

RGB

Hex

Vital off-White

#FFFFFF

255, 255, 255

RGB

Hex

Vital White

PRIMARY

SECONDARY

GREYSCALE

MONOCHROMATIC

COLOR

Application Icon Dark

Application Icon Dark alt.

Application Icon Light

APPLICATION ICONS

VERSION 1.0

BRAND identity

© 2024

VITALTRACK

Color Palette

Page 04

#00b6ce

0, 182, 206

RGB

100%, 12%, 0%, 19%

Cmyk

Hex

Vital BLue

#00b6ce

0, 182, 206

RGB

Hex

Vital White

#202020

32, 32, 32

RGB

Hex

100%, 12%, 0%, 19%

Cmyk

Vital Dark Slate

Cmyk

100%, 12%, 0%, 19%

#2C2E30

44, 46, 48

RGB

Hex

Charcoal Slate

#6B6B6B

107, 107, 107

RGB

Hex

Vital Dark Grey

#00FFFF

0, 182, 206

RGB

Hex

Aqua Energy

#A8A8A8

168, 168, 168

RGB

Hex

Vital Light Grey

#F4F4F4

111, 111, 111

RGB

Hex

Vital off-White

#FFFFFF

255, 255, 255

RGB

Hex

Vital White

PRIMARY COLOR

SECONDARY COLORS

GREYSCALE PALETTE

MONOCHROMATIC

COLOR

Application Icon Dark

Application Icon Dark alt.

Application Icon Light

APPLICATION ICONS

VERSION 1.0

BRAND identity

© Blue JAckson.2024

03

03

Brand Typography

Brand Typography

VERSION 1.0

BRAND identity

© Blue JAckson.2024

© 2024

VITALTRACK

BRAND TYPOGRAPHY

page 05

05

Brand

Typography

VITALTRACK

brand typography

Page 06

Aa

HURME GEOMETRIC SANS

abcdefgjijklmnopqrstuvwxyz

ABCDEFGHIJKLMNOPQRSTUVWXYZ

0123456789!@#$%&

Aa

HELVETICA NEUE BOLD

abcdefgjijklmnopqrstuvwxyz

ABCDEFGHIJKLMNOPQRSTUVWXYZ

0123456789!@#$%&

Headlines & short messages

Headlines & short messages

Headlines & short messages

Corem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu turpis molestie.

Corem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu turpis molestie, dictum est a, mattis tellus. Sed dignissim, metus nec fringilla accumsan, risus sem sollicitudin lacus, ut interdum tellus elit sed risus. Maecenas condimentum velit, sit amet feugiat lectus. Class aptent taciti sociosqu ad conubia nostra, per inceptos himenaeos.

Corem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu turpis molestie, dictum est a, mattis tellus. Sed dignissim, metus nec fringilla accumsan, risus sem sollicitudin lacus, ut interdum tellus elit sed risus.

Supporting Details for Comprehensive Understanding

Headings

H1

Hurme Geometric

Bold

62px

/

120%

Headline 01

Headline 01

H2

Hurme Geometric

Bold

48px

/

120%

Headline 02

H3

Hurme Geometric

Bold

32px

/

120%

Headline 03

H4

Hurme Geometric

Bold

24px

/

120%

Headline 04

H2

Hurme Geometric

Bold

48px

/

120%

Headline 02

H3

Hurme Geometric

Bold

32px

/

120%

Headline 03

H4

Helvetica Neue

Bold

24px

/

120%

Headline 04

Paragraphs

P1

Helvetica Neue

Regular

20px

/

140%

Additional context and background information to support your primary message by offering elaboration, examples, or related details.

Additional context and background information to support your primary message by offering elaboration, examples, or related details.

P2

Helvetica Neue

Regular

16px

/

132%

Supplementary information or further elaboration. Use this space to build on previous points with added depth or nuanced perspectives.

P3

Helvetica Neue

Regular

16px

/

120%

The quick brown fox jumps over the lazy dog.

P2

Helvetica Neue

Regular

16px

/

132%

Supplementary information or further elaboration. Use this space to build on previous points with added depth or nuanced perspectives.

P3

Helvetica Neue

Regular

14px

/

120%

The quick brown fox jumps over the lazy dog.

HEADINGS & PARAGRAPHS

VERSION 1.0

BRAND identity

© Blue JAckson.2024

© 2024

04

04

Product

Dashboard

Product

Dashboard

VITALTRACK

PRODUCT DASHBOARD

Page 07

VERSION 1.0

BRAND identity

© Blue JAckson.2024

© 2024

04

Product

Dashboard

VitalTack App UI

The interface prioritizes ease of use, with intuitive navigation and visually engaging elements that ensure effortless interaction. Through thoughtful design, users can effortlessly track their health metrics, empowering them to make informed decisions and progress on their wellness journey with confidence and ease.


09:47

Current weight

74.3 kg

83 kg

70 kg

80

75

70

Start

Target

15 April

Mary

Apple Watch Series 8

15

pH

Acidic

Alkaline

Acid

Balance

93

bpm

Cardiac

Rhythm

Sat

Sun

Mon

Tue

Wed

Thr

Fri

Active

Calories

Last 7 days

246 Kcal

All Time

84k Kcal

Average

72 Kcal

09:47

Last week

Zone Details

Compare

Glucose Zone review

200

150

100

50

9

Stable Response

Analyze

90 mg/dl

8:00AM

9:00AM

10:00AM

11:00AM

12:00PM

1:00PM

2:00PM

8:00AM

9:00AM

10:00AM

11:00AM

12:00PM

1:00PM

2:00PM

200

150

100

50

This zone caused limited change in glucose and you remained in range after the meal.

Nice work!

Week

Month

Year

VITALTRACK

product dashboard

Page 08

VERSION 1.0

BRAND identity

© Blue JAckson.2024

© 2024

Back

10:18

Steps

VitalTrack

2719

05

05

Brand Application

Brand Application

VITALTRACK

brand Application

Page 05

VERSION 1.0

BRAND identity

© Blue JAckson.2024

© 2024

05

Brand

Application