UI Kit V3.1

Iran Server

Typography

TYPEFACES

Aa

Titilium Web

الف

IRANSansWeb

الف

Yekan Bakh

font weight

Yekan bakh

for Hero and headings

الف

Light

Fontweight 300

الف

Regular

Fontweight 400

الف

Medium

Fontweight 500

الف

Bold

Fontweight 700

الف

Heavy

Fontweight 900

IRANSansWeb

for Text and Caption

الف

Light

Fontweight 300

الف

Regular

Fontweight 400

الف

Medium

Fontweight 500

الف

Bold

Fontweight 700

الف

Heavy

Fontweight 900

Titilium Web

For English Texts

Aa

Light

Fontweight 300

Aa

Regular

Fontweight 400

Aa

Medium

Fontweight 500

Aa

Bold

Fontweight 700

Aa

Heavy

Fontweight 900

hierarchie

hero type

for high level text

#
SIZE
LIGHTER
NORMAL
BOLDER

He1

48

متن نمونه

متن نمونه

متن نمونه

He2

40

متن نمونه

متن نمونه

متن نمونه

fontweight: 500

linespacing: 1.5

characterspacing: -30

fontweight: 700

linespacing: 1.5

characterspacing: -30

fontweight: 900

linespacing: 1.5

characterspacing: -30

He1

40

متن نمونه

متن نمونه

متن نمونه

He2

32

متن نمونه

متن نمونه

متن نمونه

fontweight: 500

linespacing: 1.5

characterspacing: -30

fontweight: 700

linespacing: 1.5

characterspacing: -30

fontweight: 900

linespacing: 1.5

characterspacing: -30

He1

32

متن نمونه

متن نمونه

متن نمونه

He2

24

متن نمونه

متن نمونه

متن نمونه

fontweight: 500

linespacing: 1.5

characterspacing: -30

fontweight: 700

linespacing: 1.5

characterspacing: -30

fontweight: 900

linespacing: 1.5

characterspacing: -30

He1

48

Sample text

Sample text

Sample text

He2

40

Sample text

Sample text

Sample text

fontweight: 600

linespacing: 1.5

characterspacing: -30

fontweight: 700

linespacing: 1.5

characterspacing: -30

fontweight: 900

linespacing: 1.5

characterspacing: -30

He1

40

Sample text

Sample text

Sample text

He2

32

Sample text

Sample text

Sample text

fontweight: 600

linespacing: 1.5

characterspacing: -30

fontweight: 700

linespacing: 1.5

characterspacing: -30

fontweight: 900

linespacing: 1.5

characterspacing: -30

He1

32

Sample text

Sample text

Sample text

He2

24

Sample text

Sample text

Sample text

fontweight: 600

linespacing: 1.5

characterspacing: -30

fontweight: 700

linespacing: 1.5

characterspacing: -30

fontweight: 900

linespacing: 1.5

characterspacing: -30

heading type

for title and html tags

#
SIZE
NORMAL
BOLDER

H1

42

متن نمونه

متن نمونه

H‍2

36

متن نمونه

متن نمونه

H‍3

32

متن نمونه

متن نمونه

H‍4

24

متن نمونه

متن نمونه

H‍5

18

متن نمونه

متن نمونه

H‍6

16

متن نمونه

متن نمونه

fontweight: 400

linespacing: 1.5

characterspacing: -30

fontweight: 700

linespacing: 1.5

characterspacing: -30

H1

40

متن نمونه

متن نمونه

H‍2

36

متن نمونه

متن نمونه

H‍3

28

متن نمونه

متن نمونه

H‍4

20

متن نمونه

متن نمونه

H‍5

18

متن نمونه

متن نمونه

H‍6

16

متن نمونه

متن نمونه

fontweight: 400

linespacing: 1.5

characterspacing: -30

fontweight: 700

linespacing: 1.5

characterspacing: -30

H1

36

متن نمونه

متن نمونه

H‍2

36

متن نمونه

متن نمونه

H‍3

24

متن نمونه

متن نمونه

H‍4

18

متن نمونه

متن نمونه

H‍5

18

متن نمونه

متن نمونه

H‍6

16

متن نمونه

متن نمونه

fontweight: 400

linespacing: 1.5

characterspacing: -30

fontweight: 700

linespacing: 1.5

characterspacing: -30

H1

42

Sample text

Sample text

H‍2

36

Sample text

Sample text

H‍3

32

Sample text

Sample text

H‍4

24

Sample text

Sample text

H‍5

18

Sample text

Sample text

H‍6

16

Sample text

Sample text

fontweight: 400

linespacing: 1.5

characterspacing: -30

fontweight: 700

linespacing: 1.5

characterspacing: -30

H1

40

Sample text

Sample text

H‍2

36

Sample text

Sample text

H‍3

28

Sample text

Sample text

H‍4

20

Sample text

Sample text

H‍5

18

Sample text

Sample text

H‍6

16

Sample text

Sample text

fontweight: 400

linespacing: 1.5

characterspacing: -30

fontweight: 700

linespacing: 1.5

characterspacing: -30

H1

36

Sample text

Sample text

H‍2

36

Sample text

Sample text

H‍3

24

Sample text

Sample text

H‍4

18

Sample text

Sample text

H‍5

18

Sample text

Sample text

H‍6

16

Sample text

Sample text

fontweight: 400

linespacing: 1.5

characterspacing: -30

fontweight: 700

linespacing: 1.5

characterspacing: -30

body Type

for paragraphs and texts

#
SIZE
LIGHTER
NORMAL
BOLDER

T1

18

متن نمونه

متن نمونه

متن نمونه

T2

16

متن نمونه

متن نمونه

متن نمونه

T3

14

متن نمونه

متن نمونه

-

fontweight: 300

linespacing: 2

characterspacing: -10

fontweight: 400

linespacing: 2

characterspacing: -10

fontweight: 500

linespacing: 2

characterspacing: -10

T1

16

متن نمونه

متن نمونه

متن نمونه

T2

14

متن نمونه

متن نمونه

متن نمونه

T3

12

متن نمونه

متن نمونه

-

fontweight: 300

linespacing: 2

characterspacing: -10

fontweight: 400

linespacing: 2

characterspacing: -10

fontweight: 500

linespacing: 2

characterspacing: -10

T1

16

متن نمونه

متن نمونه

متن نمونه

T2

14

متن نمونه

متن نمونه

متن نمونه

T3

12

متن نمونه

متن نمونه

-

fontweight: 300

linespacing: 2

characterspacing: -10

fontweight: 400

linespacing: 2

characterspacing: -10

fontweight: 500

linespacing: 2

characterspacing: -10

T1

18

Sample text

Sample text

Sample text

T2

16

Sample text

Sample text

Sample text

T3

14

Sample text

Sample text

-

fontweight: 300

linespacing: 2

characterspacing: -10

fontweight: 400

linespacing: 2

characterspacing: -10

fontweight: 600

linespacing: 2

characterspacing: -10

T1

16

Sample text

Sample text

Sample text

T2

14

Sample text

Sample text

Sample text

T3

12

Sample text

Sample text

-

fontweight: 300

linespacing: 2

characterspacing: -10

fontweight: 400

linespacing: 2

characterspacing: -10

fontweight: 600

linespacing: 2

characterspacing: -10

T1

16

Sample text

Sample text

Sample text

T2

14

Sample text

Sample text

Sample text

T3

12

Sample text

Sample text

-

fontweight: 300

linespacing: 2

characterspacing: -10

fontweight: 400

linespacing: 2

characterspacing: -10

fontweight: 600

linespacing: 2

characterspacing: -10

caption Type

for caption text

#
SIZE
NORMAL
BOLDER

C1

12

متن نمونه

-

C2

10

متن نمونه

متن نمونه

C3

8

متن نمونه

متن نمونه

fontweight: 400

linespacing: 2

characterspacing: 0

fontweight: 500

linespacing: 2

characterspacing:0

C1

12

متن نمونه

-

C2

10

متن نمونه

متن نمونه

C3

8

متن نمونه

متن نمونه

fontweight: 400

linespacing: 2

characterspacing: 0

fontweight: 500

linespacing: 2

characterspacing:0

C1

12

متن نمونه

-

C2

10

متن نمونه

متن نمونه

C3

8

متن نمونه

متن نمونه

fontweight: 400

linespacing: 2

characterspacing: 0

fontweight: 500

linespacing: 2

characterspacing:0

C1

12

Sample text

-

C2

10

Sample text

Sample text

C3

8

Sample text

Sample text

fontweight: 400

linespacing: 2

characterspacing: 0

fontweight: 500

linespacing: 2

characterspacing:0

C1

12

Sample text

-

C2

10

Sample text

Sample text

C3

8

Sample text

Sample text

fontweight: 400

linespacing: 2

characterspacing: 0

fontweight: 500

linespacing: 2

characterspacing:0

C1

12

Sample text

-

C2

10

Sample text

Sample text

C3

8

Sample text

Sample text

fontweight: 400

linespacing: 2

characterspacing: 0

fontweight: 500

linespacing: 2

characterspacing:0