Sistema de Diseño · Propuesta AUSTRAL · Círculo de Fuego

Design System
Círculo de Fuego

Paleta cromática, tipografía y componentes del sistema AUSTRAL.
Cálido · Natural · Territorial · Artesanal

01 / Paleta Cromática

Colores y Roles

El sistema AUSTRAL usa seis tokens de color que evocan el bosque, la tierra y la fogata del sur.

Colores Primarios

Tierra
#3D3028
Texto principal · profundidad · fondo oscuro

Terracota
#B85042
CTA · botones principales · énfasis

Salvia
#4C7060
Color secundario de marca · elementos naturales

Colores Secundarios

Arena
#EBE4D5
Fondo principal (60%) · secciones cálidas

Miel
#C0A278
Detalles dorados · iconos · acentos cálidos

Lino
#EAE0D2
Fondo alternativo · fondos de tarjetas

Blanco Cálido
#FAF8F4
Backgrounds limpios · texto sobre oscuro

Reglas de Aplicación

Fondo primario
Arena / Lino — 60%

Acento / CTA
Terracota — 10%

Elementos naturales
Salvia — 20%

Texto cuerpo
Tierra / Texto — 100%

Detalles cálidos
Miel — 10%

02 / Escala Tipográfica

Tipografía y Jerarquía

Lora (serif humanista) para títulos — equivalente web de Cambria. Source Sans 3 para cuerpo — equivalente de Calibri.

Círculo de Fuego — Joyería y Oficios

H1 Título Principal · Lora 700 · 52px · lh 1.12

Joyería con identidad del sur del mundo

H2 Subtítulo · Lora 600 · 34px · lh 1.25

Aprende orfebrería con identidad territorial

H3 Sección · Lora 400 · 24px · lh 1.35

Somos un círculo porque aprendemos juntas. Somos fuego porque no le tememos a la transformación.

Body · Source Sans 3 400 · 16px · lh 1.75

Texto complementario para notas, metadata y pies de página

Caption · Source Sans 3 300 · 13px · lh 1.6

ETIQUETA DE SECCIÓN

Label · Source Sans 3 600 · 11px · uppercase · tracking 0.12em

03 / Botones

Variantes de Botones

Cuatro variantes de botón para distintos contextos y jerarquías de acción.

Primario — CTA principal

Secundario — Acción de apoyo

Outline — Acción terciaria

Natural — Contexto editorial

Botones sobre fondo oscuro (Tierra)

04 / Componentes

Tarjetas y Superficies

Tres niveles de elevación para distintos contextos: contenida, con borde y elevada.

Contenida

Diseño artesanal

La joyería como práctica de identidad cultural. Formación que conecta el oficio con la memoria del territorio.

Elevada

Escuela de Orfebrería

Aprende técnicas de forja, engaste y acabados en un ambiente colaborativo y profesional en Puerto Varas.

Editorial

Próximos talleres

Módulo I: Introducción a la metalurgia · Módulo II: Forja y textura · Módulo III: Diseño de piezas propias.

12+

Cursos disponibles

200+

Alumnas formadas

5

Años de experiencia

3

Sedes en el sur

05 / Espaciado y Radios

Sistema de Espaciado

Escala de espaciado en base 8px. Radios de borde consistentes en todos los componentes.

4px

8px

12px

16px

24px

32px

48px

64px

80px

Radios de Borde

Radios consistentes para mantener coherencia visual entre componentes.

Sin radio
Dividers, tablas

4px
Botones, badges

8px
Tarjetas, inputs

12px
Modales, paneles

50%
Avatares, chips

Círculo de Fuego

— Joyería y Oficios · Puerto Varas, Chile —