Design Language: Family Counsellor, Therapist & Mentor

#403936

1799 uses

#ffffff

429 uses

#111111

211 uses

#000000

86 uses

#222222

25 uses

#767676

11 uses

#666666

7 uses

#bdbdbd

2 uses

#444746

2 uses

#9b9b9b

1 uses

Full Palette

#403936

text, border, background

1799 uses

#ffffff

text, border, background

429 uses

#111111

text, border

211 uses

#ed6a59

text, border, background

139 uses

#005b68

border, background, text

137 uses

#000000

text, border, background

86 uses

#fdf5f1

background

35 uses

#e9d9d0

background, border, text

25 uses

#222222

text, border

25 uses

#d4d2e3

border

18 uses

#767676

border, text

11 uses

#666666

text, border

7 uses

#f6e9d9

background

3 uses

#dec9be

background

2 uses

#bdbdbd

border

2 uses

#444746

text, border

2 uses

#00a0d2

border

1 uses

#9b9b9b

border

1 uses

#eeeeee

border

1 uses

Typography

Font Families

IBM Plex Sans (all, 1207x)IvyOra Display (all, 95x)Arial (body, 44x)Google Sans (body, 15x)arial (body, 10x)Hurricane (body, 2x)Cinzel (body, 2x)monospace (body, 2x)

Type Scale

48px The quick brown fox 700 / normal

32px The quick brown fox 700 / normal

28px The quick brown fox 700 / normal

26.196px The quick brown fox 400 / normal

24px The quick brown fox 500 / normal

22.374px The quick brown fox 400 / normal

20px The quick brown fox 700 / normal

16px The quick brown fox 400 / normal

15px The quick brown fox 400 / normal

14px The quick brown fox 400 / 14px

13.3333px The quick brown fox 400 / normal

13px The quick brown fox 500 / 13px

Spacing Scale (base: 2px)

Box Shadows

Border Radii

2px

8px

12px

16px

20px

23px

27px

full

40px

full

43px

full

50px

full

75px

full

100px

full

150px

full

200px

full

300px

full

408px

full

999px

full

Family Counsellor, Therapist & Mentor | India & Global

Color Palette

Brand Colors

Neutrals

Full Palette

Typography

Font Families

Type Scale

Spacing Scale (base: 2px)

Box Shadows

Border Radii

Accessibility

Color Pair Analysis