Manual de marca · V3

Software de gestión para financieras y mesas de cambio. La plata que gira entre cuentas, bajo control absoluto.

2026Versión 3 giral.marketDominio Outfit · Geist MonoTipografía Claro / OscuroModos
Índice

El manual, de punta a punta

Parte 01

Estrategia

Qué es Giral, cómo piensa y cómo habla — antes de cualquier píxel.

01
Estrategia · La marca

El nombre viene del rubro, no del marketing

«Dinero giral» es el término técnico de la economía para el dinero que vive en cuentas y se mueve por giros — a diferencia del físico. Es exactamente lo que este software administra. Quien es del rubro lo reconoce; quien no, lee una marca corta y segura.

Giral habla el idioma de adentro sin explicárselo a nadie. La plata que gira entre cuentas, bajo control absoluto.
— posicionamiento de marca · 2026
02
Estrategia · Personalidad

Precisa, discreta, técnica

Precisa

Los números cierran siempre. La marca nunca exagera, nunca promete de más y nunca usa signos de exclamación.

Discreta

Opera en un mundo donde la palabra vale y el perfil es bajo. Giral no grita: funciona.

Técnica

Estética de terminal financiera: datos en monoespaciada, un solo acento frío, geometría de trazos rectos.

SobriaExactaDe adentroConfiableSin adornoPuntual
03
Estrategia · Voz y tono

Cómo habla Giral

Trato de «vos», registro profesional. Afirmaciones cortas con verbos del rubro. Los errores dicen qué pasó y cómo seguir, sin disculpas teatrales.

✓ Giral dice

  • «La operación se acreditó.»
  • «El arqueo cerró sin diferencias.»
  • «Quedan 3 cheques por custodiar.»
  • «No pudimos conectar con el banco. Reintentá en unos minutos.»

✕ Giral no dice

  • «¡Felicitaciones! 🎉»
  • «Tu dinero, tu libertad»
  • «Revolucionamos las finanzas»
  • «Ups… algo salió mal 😅»
Parte 02

Identidad visual

Una flecha que atraviesa el nombre: la barra de la G se proyecta y su punta se vuelve el punto de la i.

04
Identidad · Sistema

Isotipo, logotipo, isologotipo

ISOTIPO · avatar, favicon, app
LOGOTIPO · uso principal
ISOLOGOTIPO · formatos cuadrados
Regla de fondo: el logo vive preferentemente sobre tinta (#0A0F16). Sobre fondos claros se usa la variante tinta (letras #101A26); el azul no cambia nunca.
05
Identidad · Construcción

La geometría de la flecha

La GApoya en la línea de base junto al resto de las letras, en escala mayor (1.39× la altura de la ele). Anillo de trazo constante 8u.
La puntaTriángulo sólido de espalda plana, siempre en la línea de la barra. Es, a la vez, el punto de la i.
Espaciado5.3u entre todos los cuerpos — incluida la G y el palo de la i. Es el ritmo interno natural de Outfit.
Zona de seguridadEl ancho de la barra (8u) libre en todo el perímetro.
Tamaños mínimosLogotipo 22px · isotipo 16px · impresión 7mm / 5mm.
06
Identidad · Usos incorrectos

Lo que no se hace

No inclinar ni rotar
No estirar ni condensar
No cambiar el azul
No aplicar sombras ni brillos
Tampoco: separar la punta de su línea · recomponer el espaciado · reemplazar la tipografía · escribir «.market» dentro del logo — el dominio se escribe, no se dibuja.
Parte 03

Color y modos

Tinta, hielo y plata. Un solo acento, dos modos, y el semántico solo para estados de datos.

07
Color · Paleta

Tocá un color para copiarlo

Tinta
#0A0F16
Fondo base oscuro
Panel
#101724
Superficies oscuras
Azul hielo
#6FB7FF
Acento único · logo
Azul profundo
#2F7BD6
Acento en modo claro
Plata
#C7D1DC
Metales, íconos 2°
Papel frío
#E8EEF6
Texto sobre tinta
Tinta de texto
#101A26
Texto en modo claro
Hielo claro
#F3F6FA
Fondo modo claro
Acreditado
#43D9A3
Estados OK
Pendiente
#E0B34C
Avisos
Rechazado
#F06E6E
Errores
Regla: el semántico (verde/ámbar/rojo) existe solo para estados de datos y nunca compite con el acento azul. El logo usa siempre #6FB7FF, en cualquier modo.
08
Color · Modos

Claro y oscuro, mismos huesos

Los dos modos comparten estructura y solo intercambian tokens. Este manual es la demo: usá el botón ☾/☀ de arriba a la derecha.

Tokenclaro · #F3F6FA oscuro · #0A0F16 — fondo
Superficie#FFFFFF #101724 — paneles y cajas
Texto#101A26 #E8EEF6 — principal
Acento#2F7BD6 #6FB7FF — links, foco, interacción (el claro usa el azul profundo por contraste AA)
Regla duraNingún color se define solo en un modo: todo componente toma sus colores de los tokens, nunca de literales.
Parte 04

Tipografía

Outfit para hablar, Geist Mono para contar. Nada más.

09
Tipografía · Familias

Dos familias, cero excepciones

Outfit

Geométrica moderna — la misma del logotipo. Títulos, interfaz y texto corrido.

LIGHT 300Giral administra el giro
REGULAR 400Giral administra el giro
SEMIBOLD 600Giral administra el giro
BOLD 700Giral administra el giro

Geist Mono

Todo número que representa dinero, cotización, fecha u hora. Siempre con cifras tabulares.

SALDO+ USD 41.250,00
COTIZACIÓN1.318,50
FECHA·HORA30/08/2026 · 14:32
OPERACIÓNOP-04182
Regla: no se incorporan terceras familias, itálicas decorativas ni condensadas. Fallbacks: system-ui y ui-monospace.
Parte 05

Sistema de producto

Las reglas que las pantallas de Giral cumplen siempre: números, fechas, botones, cajas y datos.

10
Producto · Números y fechas

Convención es-AR, sin excepciones

DecimalesComa decimal, punto de miles: 1.318,50. Misma cantidad de decimales por columna.
Signo y monedaSigno explícito en movimientos y moneda siempre visible: + USD 25.000,00 · − ARS 12.450.000,00
FechasDD/MM/AAAA · rangos 08/08 — 31/08 · períodos Agosto 2026 · con hora 30/08/2026 · 14:32
AlineaciónNúmeros a la derecha, texto a la izquierda, estados con badge. Nunca centrar montos.
Selectores de fecha — cuatro variantes, un solo calendario
Demo
30/08/2026 01/08 — 31/08 Agosto 2026 30/08/2026 · 14:30
Regla: filtros → rango · campo de un dato → fecha simple · períodos contables → mes. Mismo popup siempre: el usuario aprende el calendario una sola vez.
11
Producto · Interacción

Botón caja y caja Giral

La interacción canónica: la caja se llena de azul al pasar. Sin degradés ajenos, sin rebotes — cubic-bezier(.4,0,.2,1) · 300ms.

Botón caja — tres tamaños
Demo
Grilla elástica — la última fila llena el ancho
Demo
1
2
3
4
5
6 · se estira
Regla: las colecciones de cajas usan grilla elástica (flex-wrap + flex-basis + min-width): nunca quedan huecos en la última fila.
12
Producto · Datos

KPIs y tablas

KPIs — mini dashboard
Demo
Posición USD
+ 412.500
▲ 2,4%
Posición ARS
− 3,18M
▼ 0,8%
Cheques en custodia
27
3 vencen hoy
Operaciones hoy
41
▲ vs ayer
Tabla de operaciones
Demo
OperaciónContraparteMontoTCEstado
OP-04182Cambial SRL+ USD 25.000,001.318,50Acreditado
OP-04183MG Valores− ARS 12.450.000,00Pendiente
OP-04184Tesoro propio+ USDT 18.300,001.021,75Acreditado
13
Producto · La pantalla

Los números son la voz

El protagonista es el dato. La pantalla de Giral siempre puede leerse como una terminal: exacta, alineada, sin ruido.

giral ›
CAMBIAL SRL · cta. corriente
  USD  + 41.250,00
  ARS  − 3.180.000,00
  USDT + 18.300,00
actualizado 14:32:07 · 3 operaciones hoy
Parte 06

Recursos

El kit completo, listo para usar.

14
Recursos · Kit de marca

Descargas

Isotipo

Avatar, favicon, ícono de app.

Logotipo

Uso principal, horizontal.

Isologotipo

Formatos cuadrados y portadas.

Copiado