Guia de Estilo

Referencia visual del sistema de diseno Foresight. Colores, tipografia y componentes.

Colores

#1e70ea

Azul principal

--fs-blue / fs-blue

#07295a

Navy

--fs-navy / fs-navy

#031530

Footer

--fs-footer / fs-footer

#717c90

Texto secundario

--fs-muted / fs-muted

#dbe0e9

Bordes

--fs-border / fs-border

#f1f5fd

Fondo claro

--fs-sky / fs-sky

Tipografia

Headings — Literata (serif)

Heading One

Heading Two

Body — IBM Plex Sans

Este es un parrafo de ejemplo con el tipo de letra IBM Plex Sans en peso regular. La altura de linea por defecto es 1.6 para garantizar buena legibilidad.

Botones

Primary (pill)Outline (pill)

Botones pill-shaped con rounded-full. Primary usa bg-fs-navy, outline usa border-fs-navy.

Cards

Cliente

Nombre del proyecto

Descripcion breve del proyecto.

Organizacion

Otro proyecto

Otra descripcion de proyecto.

Instituto

Tercer proyecto

Descripcion del tercer proyecto.