SoloRole Forge Design System

Sistema de diseño modular construido sobre Nuxt UI 4.5.0 con componentes especializados para la creación de personajes de D&D.

Paletas de Color

The Forge

Primary Orange
#E26900
Surface
#161616

The Archivist

AI Gradient
#6900E2 → #8F00E2

Tipografía

Space Grotesk

Body text and UI elements

Utilizada para el texto del cuerpo, labels y elementos de interfaz. Proporciona excelente legibilidad en pantallas.

Outfit

Headings and emphasis

Reservada para encabezados y elementos que requieren énfasis. Su peso bold crea jerarquía visual clara.

Componentes Interactivos

Botones

Badges

AI Powered Primary Info Error Success Warning

Stat Cards

STR

18
+4

DEX

14
+2

CON

16
+3

INT

10

WIS

12
+1

CHA

8
-1

Oracle Card

Generación de Trasfondo

La IA puede generar una historia épica para tu personaje

Basándose en tu clase, raza y estadísticas, crearemos una narrativa única que dará vida a tu aventurero.

Progress Stepper

Class Selection
2Specie
3Background
4Abilities
5Finalize

Rating Dots

Difficulty:

Level Slider

5
120

Class Selection Card

Guerrero

Guerrero

martial STR CON

Maestro del combate cuerpo a cuerpo y la estrategia marcial

Mago

Mago

arcane INT WIS

Manipulador de las fuerzas arcanas y la magia

Pícaro

Pícaro

martial DEX CHA

Experto en sigilo, engaño y ataques precisos

Expand Card

Trasfondo Premium

Desbloquea historias generadas por IA más detalladas y personalizadas