Visualização não disponível para mobile

Esse conteúdo foi preparado para ser visualizado exclusivamente em um computador.

Redo company logo

Vagas de design na Clinicorp

Todos os direitos reservados. © 2017-2025 Clinicorp

Início

Cores

Tipografia

Tom de voz

Componentes

Padrões

IA

Primaria

A cor primária do nosso design system é o vibrante Laranja Clinicorp. Exclusivamente utilizada em ações dentro do sistema, essa cor carrega o nome de nossa empresa e é a mesma utilizada em nosso branding, reforçando a identidade visual da Clinicorp em todas as interações.

O laranja Clinicorp foi escolhido por sua energia e capacidade de chamar a atenção, tornando-se a escolha ideal para elementos de ação e chamadas para ação (CTAs) no sistema. Sua aplicação consistente ajuda a criar uma experiência de usuário coesa e reconhecível.

18.82 AAA

AAA

1.12

Ultralight

$primaryUltraLight

HEX

#fdf0e9

RGB

(253, 240, 233)

14.78 AAA

AAA

1.42

Lightest

$primaryLightest

HEX

#f9d0bc

RGB

(249, 208, 188)

12.33 AAA

AAA

1.70

Lighter

$primaryLighter

HEX

#f6b99b

RGB

(246, 185, 155)

9.56 AAA

AAA

2.20

Light

$primaryLight

HEX

#f2996e

RGB

(242, 153, 110)

6.53 AAA

AA

3.21 AA

Pure

$primaryPure

HEX

#ec6726

RGB

(236, 103, 38)

3.63 AA

5.78 AAA

AA

Dark

$primaryDark

HEX

#a8491b

RGB

(168, 73, 27)

2.55

8.25 AAA

AAA

Darker

$primaryDarker

HEX

#823915

RGB

(130, 57, 21)

1.88

11.15 AAA

AAA

Darkest

$primaryDarkest

HEX

#632b10

RGB

(99, 43, 16)

Para garantir acessibilidade e legibilidade, o laranja Clinicorp foi reformulado para cumprir as diretrizes de acessibilidade aprovadas pelo WCAG:

Nota AAA (6.35) Quando usado com preto, garantindo máxima legibilidade em textos e ícones.

Nota AA (3.21) Quando usado com branco, assegurando boa visibilidade e contraste em fundos claros.

Utilize o laranja Clinicorp para destacar ações importantes e garantir que nossos usuários tenham uma experiência visualmente agradável, intuitiva e acessível.

Neutras

As cores neutras desempenham um papel essencial no design de interfaces, proporcionando equilíbrio e acessibilidade.

 

No CiniDS, os tokens de cores Neutal foram cuidadosamente desenvolvidos para garantir consistência visual e compatibilidade com diferentes ambientes e dispositivos.

Os tokens incluem variações que atendem tanto a fundos claros quanto escuros, garantindo legibilidade e contraste adequados conforme os padrões de acessibilidade WCAG 2.0. Além de serem utilizados em textos, essas cores também aparecem em elementos como bordas, divisórias e fundos, criando uma hierarquia visual clara e harmoniosa.

Basic

White

$white

HEX

#ffffff

RGB

(255, 255, 255)

Gray Light

$grayLight

HEX

#f9fbfc

RGB

(249, 250, 252)

Gray Pure

$grayPure

HEX

#cccccc

RGB

(204, 204, 204)

Black

$black

HEX

#000000

RGB

(0, 0, 0)

Support

17.47 AAA

AAA

1.20

Ultralight

$supportUltraLight

HEX

#eaeaeb

RGB

(234, 234, 235)

11.30 AAA

AAA

1.86

Lightest

$supportLightest

HEX

#bdbec1

RGB

(189, 190, 193)

7.85 AAA

AAA

2.67

Lighter

$supportLighter

HEX

#9d9ea3

RGB

(157, 158, 163)

4.37 AA

4.81 AAA

AA

Light

$supportLight

HEX

#707278

RGB

(112, 114, 120)

1.52

13.79 AAA

AAA

Pure

$supportPure

HEX

#292d36

RGB

(41, 45, 54)

Para garantir acessibilidade e legibilidade, o laranja Clinicorp foi reformulado para cumprir as diretrizes de acessibilidade aprovadas pelo WCAG:

Nota AAA (6.35) Quando usado com preto, garantindo máxima legibilidade em textos e ícones.

Nota AA (3.21) Quando usado com branco, assegurando boa visibilidade e contraste em fundos claros.

Utilize o laranja Clinicorp para destacar ações importantes e garantir que nossos usuários tenham uma experiência visualmente agradável, intuitiva e acessível.

Redo company logo

Vagas de design na Clinicorp

Todos os direitos reservados. © 2017-2025 Clinicorp

Primaria

A cor primária do nosso design system é o vibrante Laranja Clinicorp. Exclusivamente utilizada em ações dentro do sistema, essa cor carrega o nome de nossa empresa e é a mesma utilizada em nosso branding, reforçando a identidade visual da Clinicorp em todas as interações.

O laranja Clinicorp foi escolhido por sua energia e capacidade de chamar a atenção, tornando-se a escolha ideal para elementos de ação e chamadas para ação (CTAs) no sistema. Sua aplicação consistente ajuda a criar uma experiência de usuário coesa e reconhecível.

18.82 AAA

AAA

1.12

Ultralight

$primaryUltraLight

HEX

#fdf0e9

RGB

(253, 240, 233)

14.78 AAA

AAA

1.42

Lightest

$primaryLightest

HEX

#f9d0bc

RGB

(249, 208, 188)

12.33 AAA

AAA

1.70

Lighter

$primaryLighter

HEX

#f6b99b

RGB

(246, 185, 155)

9.56 AAA

AAA

2.20

Light

$primaryLight

HEX

#f2996e

RGB

(242, 153, 110)

6.53 AAA

AA

3.21 AA

Pure

$primaryPure

HEX

#ec6726

RGB

(236, 103, 38)

3.63 AA

5.78 AAA

AA

Dark

$primaryDark

HEX

#a8491b

RGB

(168, 73, 27)

2.55

8.25 AAA

AAA

Darker

$primaryDarker

HEX

#823915

RGB

(130, 57, 21)

1.88

11.15 AAA

AAA

Darkest

$primaryDarkest

HEX

#632b10

RGB

(99, 43, 16)

Para garantir acessibilidade e legibilidade, o laranja Clinicorp foi reformulado para cumprir as diretrizes de acessibilidade aprovadas pelo WCAG:

Nota AAA (6.35) Quando usado com preto, garantindo máxima legibilidade em textos e ícones.

Nota AA (3.21) Quando usado com branco, assegurando boa visibilidade e contraste em fundos claros.

Utilize o laranja Clinicorp para destacar ações importantes e garantir que nossos usuários tenham uma experiência visualmente agradável, intuitiva e acessível.

Neutras

As cores neutras desempenham um papel essencial no design de interfaces, proporcionando equilíbrio e acessibilidade.

 

No CiniDS, os tokens de cores Neutal foram cuidadosamente desenvolvidos para garantir consistência visual e compatibilidade com diferentes ambientes e dispositivos.

Os tokens incluem variações que atendem tanto a fundos claros quanto escuros, garantindo legibilidade e contraste adequados conforme os padrões de acessibilidade WCAG 2.0. Além de serem utilizados em textos, essas cores também aparecem em elementos como bordas, divisórias e fundos, criando uma hierarquia visual clara e harmoniosa.

Basic

White

$white

HEX

#ffffff

RGB

(255, 255, 255)

Gray Light

$grayLight

HEX

#f9fbfc

RGB

(249, 250, 252)

Gray Pure

$grayPure

HEX

#cccccc

RGB

(204, 204, 204)

Black

$black

HEX

#000000

RGB

(0, 0, 0)

Support

17.47 AAA

AAA

1.20

Ultralight

$supportUltraLight

HEX

#eaeaeb

RGB

(234, 234, 235)

11.30 AAA

AAA

1.86

Lightest

$supportLightest

HEX

#bdbec1

RGB

(189, 190, 193)

7.85 AAA

AAA

2.67

Lighter

$supportLighter

HEX

#9d9ea3

RGB

(157, 158, 163)

4.37 AA

4.81 AAA

AA

Light

$supportLight

HEX

#707278

RGB

(112, 114, 120)

1.52

13.79 AAA

AAA

Pure

$supportPure

HEX

#292d36

RGB

(41, 45, 54)

Para garantir acessibilidade e legibilidade, o laranja Clinicorp foi reformulado para cumprir as diretrizes de acessibilidade aprovadas pelo WCAG:

Nota AAA (6.35) Quando usado com preto, garantindo máxima legibilidade em textos e ícones.

Nota AA (3.21) Quando usado com branco, assegurando boa visibilidade e contraste em fundos claros.

Utilize o laranja Clinicorp para destacar ações importantes e garantir que nossos usuários tenham uma experiência visualmente agradável, intuitiva e acessível.