Librería de Componentes

Sistema de Diseño ACHS

Guía rápida y accesible para entender y usar nuestros componentes en tus proyectos.

Descargar en Figma

Documentación del Sistema

Explora tokens, componentes y recursos del equipo UX

ACHS Seguro Laboral

A

primary

#27933E

A

secondary

#13C045

AAA

complementary1

#81DB77

A

complementary2

#27933E

A

text

#004C14

A

second

#004C14

AA

disable

#66D495

AAA

light

#CCF1DC

ACHS Salud

A

primary

#2B6BDC

AA

secondary

#348FFF

AAA

complementary1

#96C5FA

A

complementary2

#2B6BDC

A

text

#002A6C

A

second

#002A6C

AAA

disable

#85BCFF

AAA

light

#D6E5F9

ACHS Servicios

A

primary

#4B4196

AA

secondary

#8C73FF

AAA

complementary1

#B8AEFF

A

complementary2

#614BF9

A

text

#1E117C

A

second

#1E117C

AAA

disable

#BAABFF

AAA

light

#DFDBFE

Colores de Texto

A

base

#1F2937

A

title

#5F5F5F

A

titleDark

#373737

A

paragraph

#4E4E4E

A

paragraphLight

#5F5F5F

Colores de Superficie

AAA

background.seguro

#E6F7E4

AAA

background.salud

#EAF3FE

AAA

background.servicios

#F1EFFF

Colores Semánticos

AAA

neutral.light

#D6E5F9

AA

neutral.main

#8382EE

A

neutral.dark

#2B6BDC

AAA

positive.light

#D4E9D8

AA

positive.main

#7DBE8B

A

positive.dark

#27933E

AAA

warning.light

#EBE1BC

AAA

warning.main

#EBD78D

AAA

warning.dark

#EAC52F

AAA

negative.light

#FED0CB

AAA

negative.main

#FFA399

AA

negative.dark

#FF7466

AAA

disabled.light

#F4F4F4

AAA

disabled.main

#C1C1C1

A

disabled.dark

#787878

Esta librería usa tokens del Sistema de Diseño ACHS. Última actualización: 20 de Octubre del 2025