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)
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)
