00 · Marca

Logo

Wordmark ARCHI/BRAZO en cream + cara Andralis (diagonales sobre transparente) + subtítulo "Proyecto Socio Cultural". Diseñado para fondos oscuros: vive en cream sobre dark, pero se adapta a gradient signature y, cuando hace falta, en negro sobre cream.

Cream sobre dark · principal El uso por defecto. Header de web, footer, hero, materiales impresos sobre fondos oscuros.

Blanco sobre gradient · campañas Para piezas de redes y flyers con gradient signature.

Negro sobre cream · impresión / docs Programas impresos, facturas, formularios cuando dark no aplica.

Tamaño mínimo120px de ancho en pantalla. Por debajo se pierde la cara Andralis.

Ancho navbar180-220px de ancho. Centrado vertical respecto al menú.

Hero / Sobre nosotrosHasta 320px de ancho. Acompañado de copy editorial al lado.

Aire libreReservar al menos la altura del wordmark "BRAZO" alrededor del logo.

No hacerNo rotar, no estirar, no aplicar drop shadow, no encerrar en círculo, no cambiar el color de la cara Andralis por separado del wordmark.

FaviconUsar solo la cara Andralis (diagonales) sobre fondo dark o gradient. El wordmark no entra a 32px.

01 · Paleta

Color

Base dark profundo, acentos vivos del banner identitario (rosa magenta + naranja), cream como neutro tibio. Estética teatral, cultural, viva. Tip: tocá cualquier swatch para copiar el código hex al portapapeles.

Base dark

Black #0a0a0a

Fondo absoluto · body

Night #161616

Cards · superficie elevada

Night 2 #1c1c1c

Hover · nested

Line #242424

Bordes · dividers

Acentos vivos

Pink #ff3d7f

⭐ CTA · marca

Orange #ff8a3d

Acento cálido · links

Magenta deep #c8259a

Variante · blob

Gradient principal · #ff3d7f → #ff8a3d

Estados

Green #34d399

Éxito · disponible

Amber #fbbf24

Warning · pendiente

Red #f87171

Error · cancelado

Cream (neutros tibios)

--cream#f5f1ea · texto principal

--cream-soft#d6cfc1 · body / párrafos

--muted#a8a29e · meta · secundario

--muted-2#6f6a63 · footer · terciario

02 · Tipografía

Andralis ND + Manrope

Andralis ND es la tipografía diseñada por Juan Andralis (fundador histórico del Archi, 1966): una serif con personalidad surrealista y carácter editorial. Manrope sans contemporánea para body y UI. JetBrains Mono para meta técnica.

DisplayAndralis ND Bold · 56px

Teatro, música
y mucho más

HeadingAndralis ND Bold · 34px

Próximos eventos en el Archi

Subheading italicAndralis ND Italic · 22px

Una imprenta surrealista convertida en centro cultural

EyebrowManrope 700 · 11px caps

Centro cultural cooperativo · Almagro

BodyManrope 400 · 16px

El Archibrazo es un centro cultural cooperativo en Mario Bravo 441, Almagro. Programación de teatro, música en vivo, talleres y arte, gestionada por la Cooperativa de Trabajo Archicoop.

Small · metaManrope 400 · 13px

Viernes 30 de mayo · 21:00 hs · Sala Andralis · Capacidad 40

Mono · técnicaJetBrains Mono · 13px

Archicoop Ltda. · CUIT 33-71137015-9 · INAES Res. 1701/2010

03 · Componentes

Base UI

Botones con gradient signature, tags por categoría, search bar, filter chips y cards de evento.

Botones

Reservar entrada Ver agenda Conocé el Archi Talleres Disponible WhatsApp ↗

Tags / Categorías

Teatro Música en vivo Disponible Últimas entradas Agotado Taller Club de música Cine

Filter chips · navegación rápida

Todos

Teatro

Música

Talleres

Cine

Variete

Para niños

Search bar

⌕ Buscar

Stat pills · dashboard

12 Eventos este mes

2010 Cooperativa fundada

1966 Imprenta Andralis

9 Coopes activos

Event cards

🎭

30

May

Teatro

Estreno · Sala Andralis

Marto Torrez + Les Pol + Halos + Chabon

📍 Viernes 21:00 · 40 lugares

$8.000 + consumición

Reservar

🎶

02

Jun

Música

Club de Música

Trío de jazz contemporáneo

📍 Domingo 20:30 · Sala Orozco

$5.000

Reservar

🎨

15

Jun

Taller

Taller mensual · Adultos

Clown e improvisación

📍 Lunes 19:00 · 8 clases

$24.000 / mes

Anotarme

04 · Mockup

Homepage

Navbar glassmorfismo, hero con blobs animados + floating cards, y sección de próximos eventos.

El Archibrazo

Inicio Agenda Talleres Alquilá la sala Nosotros

Ingresar Reservar

Centro cultural cooperativo · Almagro

Teatro,
música y arte
en el corazón
de Almagro

Desde 2010 somos un centro cultural autogestionado por una cooperativa de trabajadorxs del arte. En Mario Bravo 441, lo que antes fue la imprenta surrealista de Juan Andralis.

Ver agenda Conocé el Archi

12 Eventos este mes

15 Años

2 Salas + terraza

🎭

Próxima función

Vie · 21:00

Marto Torrez · Sala Andralis

Sitio de interés cultural

de la Nación

Res. 340 / 2009

Próximos eventos

Lo que viene en mayo y junio. Reservá tu lugar con antelación.

Ver agenda completa →

Todos

Teatro

Música

Talleres

Cine

🎭

30

May

Teatro

Estreno · Sala Andralis

Marto Torrez + Les Pol

📍 Viernes 21:00 · 40 lugares

$8.000

Reservar

🎶

02

Jun

Música

Club de Música

Trío de jazz contemporáneo

📍 Domingo 20:30 · Sala Orozco

$5.000

Reservar

🎨

15

Jun

Taller

Taller mensual

Clown e improvisación

📍 Lunes 19:00 · 8 clases

$24.000 / mes

Anotarme

05 · Principios

Cómo aplicar el sistema

Reglas rápidas para mantener la coherencia visual al implementar el refresh en distintas páginas.

Dark por default

El fondo del sitio es siempre #0a0a0a. Cards y secciones elevan a #161616. No usamos modo claro.

Acento medido

El rosa/naranja es signature, no decoración: solo en CTAs primarios, eyebrows, highlights de h1 y gradients. Si lo usás en todo, deja de tener fuerza.

Editorial + sans

Andralis ND para títulos y acentos (la tipo del fundador, identidad histórica del Archi). Manrope para body y UI (claridad). Italic de Andralis para acentos puntuales, no en bloques largos.

Bordes redondeados

Cards 20px, botones pill 999px, secciones 32px. Nada cuadrado/duro. Estética cálida.

Espacio generoso

Mucho padding interno, line-height alto (1.65 body), separación entre secciones (64px). El contenido respira. Cooperativa, no startup.

Movimiento sutil

Blobs flotantes, pulse dots en estados vivos, cards que se elevan en hover. Nada estridente: el movimiento acompaña, no distrae.

Refresh visual del Archi

Teatro, música y arte en el corazón de Almagro

Próximos eventos

Teatro,
música y arte
en el corazón
de Almagro