Style Guide

Style Guide

Logo

Text Style

ECOTREND text styles are minimalist and purposeful. Each style has a specific use case to maintain consistency and readability.

Heading 1

ECOTREND for businesses and projects.

Weight:

Bold / 700

Size & Line Height:

55 / 120%

Letter Spacing:

-2 px

Heading 2

ECOTREND for businesses and projects.

Weight:

Bold / 700

Size & Line Height:

44 / 130%

Letter Spacing:

-1.5px

Heading 3

ECOTREND for businesses and projects.

Weight:

Bold / 700

Size & Line Height:

44 / 130%

Letter Spacing:

0%

Heading 4

ECOTREND for businesses and projects.

Weight:

Medium / 500

Size & Line Height:

24 / 130%

Letter Spacing:

0%

Overline
ECOTREND for businesses and projects.

Weight:

Semibold / 600

Size & Line Height:

20 / 120%

Letter Spacing:

0%

Title L
ECOTREND for businesses and projects.

Weight:

Semibold / 600

Size & Line Height:

20 / 130%

Letter Spacing:

0%

Title M

ECOTREND for businesses and projects.

Weight:

Semibold / 600

Size & Line Height:

16 / 24px

Letter Spacing:

0%

Body - L

ECOTREND for businesses and projects.

Weight:

Regular / 400

Size & Line Height:

18 / 150%

Letter Spacing:

0%

Body - M

ECOTREND for businesses and projects.

Weight:

Regular / 400

Size & Line Height:

16 / 120%

Letter Spacing:

0%

Body - S

ECOTREND for businesses and projects.

Weight:

Regular / 400

Size & Line Height:

12 / 20px

Letter Spacing:

0%

Caption - Bold

ECOTREND for businesses and projects.

Weight:

Semibold / 600

Size & Line Height:

12 / 140%

Letter Spacing:

0%

Caption - Regular

ECOTREND for businesses and projects.

Weight:

Regular / 400

Size & Line Height:

12 / 140%

Letter Spacing:

0%

Color Variable

Color palette defines the visual identity of our brand. Each color is chosen to evoke specific emotions and ensure consistency across all platforms. Use these colors to maintain a cohesive and professional look.

Text 1

#011932

Text 1

#011932

Text 1

#011932

Text 2

#525C66

Text 2

#525C66

Text 2

#525C66

Text 3

#868F98

Text 3

#868F98

Text 3

#868F98

Text 4

#BABFC4

Text 4

#BABFC4

Text 4

#BABFC4

Text - white

#FFFFF

Text - white

#FFFFF

Text - white

#FFFFF

Bg - white

#FFFFF

Bg - white

#FFFFF

Bg - white

#FFFFF

Bg - grey

#F9FAFB

Bg - grey

#F9FAFB

Bg - grey

#F9FAFB

Border 1

#E2E6E9

Border 1

#E2E6E9

Border 1

#E2E6E9

Border 2

#F3F5F6

Border 2

#F3F5F6

Border 2

#F3F5F6

Brand -Primary

#007AB8

Brand -Primary

#007AB8

Brand -Primary

#007AB8

Brand - light

#F7FCFF

Brand - light

#F7FCFF

Brand - light

#F7FCFF

Green

#018D43

Green

#018D43

Green

#018D43

Green - light

#9DF5C1

Green - light

#9DF5C1

Green - light

#9DF5C1

Yellow - B2

#FFCE4B

Yellow - B2

#FFCE4B

Yellow - B2

#FFCE4B

Green - C2

#87BD40

Green - C2

#87BD40

Green - C2

#87BD40

تدريب موثوق في إدارة المشاريع مع مدرب معتمد من مؤسسة إدارة المشاريع

مدرب موثوق مرخص من المؤسسة العالمية لأدارة المشاريع

تدريب موثوق في إدارة المشاريع مع مدرب معتمد من مؤسسة إدارة المشاريع

مدرب موثوق مرخص من المؤسسة العالمية لأدارة المشاريع

تدريب موثوق في إدارة المشاريع مع مدرب معتمد من مؤسسة إدارة المشاريع

مدرب موثوق مرخص من المؤسسة العالمية لأدارة المشاريع