Sistema de Diseño y Filosofía

El lenguaje visual y las pautas técnicas que impulsan VägVisaren.

Nuestra Filosofía: El Modelo Nórdico

VägVisaren se basa en el concepto de "Lagom": ni demasiado poco, ni demasiado, simplemente perfecto. El diseño prioriza la claridad extrema, la accesibilidad estricta y la alta densidad de información sin resultar abrumador.

Typografía

Usamos DM Serif Display para máxima autoridad editorial en encabezados, combinado con Manrope para una excelente legibilidad en UI densa y cuerpo de texto.

Headings
ABc
DM Serif Display
Body Text
ABc
Manrope

Arquitectura de Tokens

Nuestra plataforma utiliza un sistema centralizado de CSS Custom Property mapeado nativamente a Tailwind v4. La paleta de colores gira en torno a un azul medianoche profundo (Brand), grises piedra cálidos (Neutral) y colores semánticos estrictos de retroalimentación (Warning, Success, Info).

Brand (Nordic Blue)

Neutral (Warm Stone)

Sistema de Espaciado

Usamos una escala rígida de espaciado con base 4 para asegurar la armonía matemática en todos los diseños.

4px--space-1
8px--space-2
12px--space-3
16px--space-4
24px--space-6
32px--space-8
40px--space-10
48px--space-12
64px--space-16

Radio de Esquina

Una escala disciplinada de radios de borde crea una sensación escandinava suave pero profesional.

--radius-xs
--radius-sm
--radius-md
--radius-lg
--radius-xl

Sombras y Elevación

La profundidad se usa con moderación para denotar capas interactivas y superficies importantes.

--shadow-xs
--shadow-sm
--shadow-md
--shadow-lg