EssenceEsencia

A calm moderation cockpit

Una cabina de moderación tranquila

VC Control is the command panel for moderating live Telegram rooms. Room status first, queue visible, short commands. No decoration: a work tool to use many times a day.

VC Control es el panel de mando para moderar salas de Telegram en vivo. Estado de la sala primero, cola visible, comandos cortos. Nada de adorno: una herramienta de trabajo para usar muchas veces al día.

ManifestoManifiesto

"VC Control should feel like a calm moderation cockpit for Telegram groups — direct, fast to scan, built for repeated use in live rooms."

"VC Control debe sentirse como una cabina de moderación tranquila para grupos de Telegram — directa, rápida de escanear, construida para uso repetido en salas en vivo."

Interface principlesPrincipios de interfaz

Live room status first

Estado de la sala en vivo primero

The first thing the moderator sees is the room status. If it's LIVE, you notice immediately, no searching.

Lo primero que ve el moderador es el estado de la sala. Si está EN VIVO, se nota de inmediato, sin buscar.

Obvious queue position

Posición de cola obvia

The queue and each person's position read instantly. Who's next is never in doubt.

La cola y la posición de cada persona se leen al instante. Quién sigue nunca queda en duda.

Short, memorable commands

Comandos cortos y memorables

Actions are invoked with short commands that are remembered effortlessly and run in seconds.

Las acciones se invocan con comandos breves que se recuerdan sin esfuerzo y se ejecutan en segundos.

No decorative copy in moderation

Sin copy decorativo en moderación

During moderation flows there is no filler text. Every word serves to operate the room.

Durante los flujos de moderación no hay texto de relleno. Cada palabra sirve para operar la sala.

Color restricted to status/alerts/active

Color restringido para estado/alertas/activos

Color is reserved for status, warnings and active elements. Beyond that, the base is neutral.

El color se reserva para estado, advertencias y elementos activos. Fuera de eso, la base es neutra.

Utilitarian — not single-color neon

Utilitario — no neón de un solo color

The palette stays utilitarian. It never turns into a monochrome neon dashboard.

La paleta se mantiene utilitaria. No se convierte en un tablero de neón monocromático.

What it is NOTLo que NO es

VC Control is not a marketing page, not a fantasy brand and not a generic link-in-bio tool. It is a moderation cockpit for operating live Telegram rooms. If a screen starts to look like any of those three things, it's wrong.

VC Control no es una página de marketing, no es una marca de fantasía y no es una herramienta link-in-bio genérica. Es una cabina de moderación para operar salas de Telegram en vivo. Si una pantalla empieza a parecer cualquiera de esas tres cosas, está mal.

Brand VoiceVoz de Marca

Direct and fast to scan

Directa y rápida de escanear

VC Control's register is operator-grade: direct, practical and slightly elevated. It's written so the moderator gets it at a glance, in the middle of a live room.

El registro de VC Control es de operador: directo, práctico y ligeramente elevado. Se escribe para que el moderador entienda de un vistazo, en medio de una sala en vivo.

RegisterRegistro

Attribute	How it sounds
Direct Gets to the point	Says what's happening and what to do, no detours. "Queue: 3", "Mute", "Live".
Practical Action-oriented	Every line serves to operate. It talks about statuses, queues and commands, not promises.
Fast to scan Read at a glance	Short phrases, clear labels. The moderator doesn't stop to interpret.
Slightly elevated Careful, not cold	It has craft and polish, but no flourish. Calm, never loud.

Atributo	Cómo suena
Directo Va al grano	Dice qué pasa y qué hacer, sin rodeos. "Cola: 3", "Silenciar", "En vivo".
Práctico Orientado a la acción	Cada texto sirve para operar. Habla de estados, colas y comandos, no de promesas.
Rápido de escanear Lectura en un vistazo	Frases cortas, etiquetas claras. El moderador no se detiene a interpretar.
Ligeramente elevado Cuidado, no frío	Tiene oficio y pulcritud, pero sin floritura. Calmado, nunca ruidoso.

Do / Don'tHacer / No hacer

✓ Do	✕ Don't
Use short commands: "Mute", "Next", "Close room".	Long phrases for a simple action.
Label status in one word: "Live", "Queue: 3".	Decorative copy during moderation.
Keep a calm, operator tone.	Marketing language, exclamation marks, hype.
Name things as they are in the room.	Fantasy metaphors or invented names.

✓ Hacer	✕ No hacer
Usar comandos cortos: "Silenciar", "Siguiente", "Cerrar sala".	Frases largas para una acción simple.
Etiquetar estado en una palabra: "En vivo", "Cola: 3".	Copy decorativo durante la moderación.
Mantener un tono calmado y de operador.	Lenguaje de marketing, signos de exclamación, hype.
Nombrar las cosas como son en la sala.	Metáforas de fantasía o nombres inventados.

Base rule: if a line doesn't help moderate the room faster, cut it.

Regla base: si un texto no ayuda a moderar la sala más rápido, sobra.

Distinctive ElementElemento Distintivo

The status cockpit

La cabina de estado

The element that defines VC Control is the status cockpit: a live-room strip that shows the status, the queue position and a color doctrine the moderator learns by heart.

El elemento que define a VC Control es la cabina de estado: una franja de sala en vivo que muestra el estado, la posición de cola y una doctrina de color que el moderador aprende de memoria.

Live room stripFranja de sala en vivo

Live roomSala en vivo

LIVEEN VIVO Queue: 3Cola: 3 Room #moderation-mx · 2:14Sala #moderacion-mx · 2:14

Status chipsChips de estado

Ready / SetPreparado / Listo Command emphasisÉnfasis de comando ActivityActividad

Status color doctrineDoctrina de color de estado

Color	Meaning	Use
Green	Ready / set	The room or the person is ready to go on; all in order.
Amber / Gold	Command emphasis	Highlights a command action that needs the moderator's attention.
Blue / Cyan	Activity	Signals movement in the room: someone speaks, the queue advances.

Color	Significado	Uso
Verde	Preparado / listo	La sala o la persona está lista para entrar; todo en orden.
Ámbar / Oro	Énfasis de comando	Resalta una acción de comando que pide atención del moderador.
Azul / Cyan	Actividad	Indica movimiento en la sala: alguien habla, la cola avanza.

Restriction: color only appears for status, alerts and active elements. The base stays neutral and dark.

Restricción: el color solo aparece para estado, alertas y elementos activos. La base permanece neutra y oscura.

Visual SystemSistema Visual

Dark ink, measured aura

Tinta oscura, aura medida

A dark ink base holds the whole interface. On top, the color auras do the semantic work: every hue says something and never decorates for its own sake.

Una base de tinta oscura sostiene toda la interfaz. Encima, las auras de color hacen el trabajo semántico: cada matiz dice algo y nunca decora porque sí.

Ink (neutral base)Tinta (base neutra)

Ink 950 · baseInk 950 · base

#050816

Ink 800 · raisedInk 800 · elevado

#121A31

Surface 600 · panelsSurface 600 · paneles

#1B2850

TextTexto

#F4F7FF

Aura (semantic color)Aura (color semántico)

Aura Cyan · activityAura Cyan · actividad

#73E7FF

Aura Violet · accentAura Violet · acento

#8D7DFF

Aura Gold · command emphasisAura Gold · énfasis comando

#FFCF70

Aura Rose · alertAura Rose · alerta

#FF8AB3

Status semanticsSemántica de estado

Color doctrineDoctrina de color

Color means something

El color significa algo

Each aura has a fixed function: green = ready/set, amber/gold = command emphasis, blue/cyan = activity, rose = alert. Violet stays as an accent. Color is never used to decorate.

Cada aura tiene una función fija: verde = preparado/listo, ámbar/oro = énfasis de comando, azul/cyan = actividad, rosa = alerta. El violeta queda como acento. Nunca se usa color para decorar.

Radii & motionRadios & movimiento

Radii: sm .75rem · md 1rem · lg 1.5rem · xl 2rem · pill 999px.

Easing: cubic-bezier(0.22, 1, 0.36, 1).
Durations: fast 140ms · base 220ms · slow 360ms.

Radios: sm .75rem · md 1rem · lg 1.5rem · xl 2rem · pill 999px.

Easing: cubic-bezier(0.22, 1, 0.36, 1).
Duraciones: fast 140ms · base 220ms · slow 360ms.

TypographyTipografía

Crisp display, clear text

Display nítido, texto claro

Clash Display is the intended display face; since it's not on Google Fonts, Space Grotesk is used as the web fallback. The body runs in Inter for maximum operational legibility.

Clash Display es la cara display prevista; como no está en Google Fonts, se usa Space Grotesk como respaldo web. El cuerpo va en Inter para máxima legibilidad operativa.

Font note: the intended display face is Clash Display, but it isn't available on Google Fonts. On the web it's substituted by Space Grotesk as a faithful fallback.

Nota de fuentes: la display de intención es Clash Display, pero no está disponible en Google Fonts. En la web se sustituye por Space Grotesk como respaldo fiel.

SpecimenEspécimen

Space Grotesk
700 · display
(Clash fallback)

Space Grotesk
700 · display
(fallback de Clash)

Moderation cockpit

Cabina de moderación

Space Grotesk
600 · status

Space Grotesk
600 · estado

Queue: 3 · Live

Cola: 3 · En vivo

Space Grotesk
500 · labels

Space Grotesk
500 · etiquetas

COMMANDS

COMANDOS

Inter
400 · body

Inter
400 · cuerpo

The room status is shown first. The queue advances one by one and short commands run each action in seconds.

El estado de la sala se muestra primero. La cola avanza de uno en uno y los comandos cortos ejecutan cada acción en segundos.

JetBrains Mono
500 · operational

JetBrains Mono
500 · operativo

/siguiente · /silenciar · cola=3 · en_vivo=true

ComponentsComponentes

Operational parts

Piezas operativas

Tight, fast-to-scan components, built for repeated use during a live room. Buttons, queue, status chips and commands.

Componentes apretados y rápidos de escanear, pensados para uso repetido durante una sala en vivo. Botones, cola, chips de estado y comandos.

Moderation buttonsBotones de moderación

Cyan = primary action (activity). Amber = command emphasis that needs attention.

Cyan = acción primaria (actividad). Ámbar = énfasis de comando que pide atención.

Queue itemÍtem de cola

1 @laura_mx readylisto

2 @diego.r waitingen espera

3 @ana_g waitingen espera

Status chipsChips de estado

ReadyPreparado ActivityActividad AlertAlerta

CommandsComandos

/siguiente /silenciar /cola /cerrar /estado

Tokens / CodeTokens / Código

Real tokens

Tokens reales

A dump of the ink and aura tokens, fonts, radii and easing. These are the system's real values, ready to paste into :root.

Volcado de los tokens de tinta y aura, fuentes, radios y easing. Son los valores reales del sistema, listos para pegar en :root.

:root {
  /* Ink — base neutra */
  --bg:        #050816;  /* Ink 950 · base   */
  --surface:   #091020;  /* Ink 900          */
  --surface-2: #0d1427;  /* Ink 850          */
  --surface-3: #121a31;  /* Ink 800 · raised */
  --panel:     #1b2850;  /* Surface 600      */

  /* Líneas */
  --border:        rgba(132,163,255,.20);
  --border-strong: rgba(156,188,255,.34);

  /* Texto */
  --text:        #f4f7ff;
  --text-muted:  #b5c0e0;
  --text-faint:  #8290b8;

  /* Aura — color semántico */
  --accent:      #73e7ff;  /* cyan   · actividad        */
  --accent-2:    #8d7dff;  /* violet · acento           */
  --aura-gold:   #ffcf70;  /* gold   · énfasis comando  */
  --aura-rose:   #ff8ab3;  /* rose   · alerta           */
  --accent-glow: rgba(115,231,255,.14);

  /* Fuentes */
  --font-display: 'Space Grotesk', sans-serif;  /* fallback de Clash Display */
  --font-body:    'Inter', system-ui, sans-serif;

  /* Radios */
  --radius-sm:   .75rem;
  --radius-md:   1rem;
  --radius-lg:   1.5rem;
  --radius-xl:   2rem;
  --radius-pill: 999px;

  /* Movimiento */
  --ease:     cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 140ms;
  --dur-base: 220ms;
  --dur-slow: 360ms;
}

ChecklistChecklist

Before you ship

Antes de enviar

A utilitarian review. If a screen doesn't pass these points, it isn't VC Control yet.

Revisión utilitaria. Si una pantalla no pasa estos puntos, todavía no es VC Control.

The live room status appears first, no searching.

El estado de la sala en vivo aparece primero, sin buscar.

The queue and each person's position read at a glance.

La cola y la posición de cada persona se leen de un vistazo.

Actions are invoked with short, memorable commands.

Las acciones se invocan con comandos cortos y memorables.

There is no decorative copy in moderation flows.

No hay copy decorativo en los flujos de moderación.

Color is restricted to status, alerts and active elements.

El color está restringido a estado, alertas y elementos activos.

It doesn't look like a marketing page, fantasy brand or link-in-bio.

No parece página de marketing, marca de fantasía ni link-in-bio.