DSPC Design System
Microcopy
de UI.
El texto de la interfaz es la voz de DSPC. Cada boton, cada error, cada placeholder tiene un copy canonico. Si no esta aqui, se propone antes de implementar.
01 — Acciones
Botones CTA.
Copy canonico de las acciones principales. El verbo va en infinitivo. Sin mayusculas internas. Sin exclamaciones.
Acciones primarias
| Accion | Copy canonico | Prohibido | Contexto |
|---|---|---|---|
| Confirmar | "Confirmar pedido" | Aceptar / OK / Submit / Enviar | Acciones con consecuencias: pedido, pago, cambio de precio. |
| Cancelar | "Cancelar" | No / Cerrar / Salir / Atras | Descartar cambios en modal o formulario. No para navegacion. |
| Eliminar | "Eliminar [recurso]" | Borrar / Delete / Quitar / Remover | Siempre en boton rojo. Siempre con modal de confirmacion. |
| Guardar | "Guardar cambios" | Salvar / Save / Actualizar (para crear) | Para edicion de datos existentes. "Crear [recurso]" para nuevos. |
| Crear | "Crear pedido" / "Nuevo cliente" | Agregar nuevo / Add new / + | "Crear" para el boton principal. "Nuevo" para el shortcut. |
| Buscar | "Buscar" | Search / Encontrar / Filtrar | Solo para el input de busqueda. "Filtrar" es para controles secundarios. |
| Agregar | "Agregar al carrito" | Anadir / Add / Comprar / Pedir | App B2C. En Cloud: "Agregar a borrador". |
| Ver | "Ver detalle" / "Ver pedido" | Abrir / Open / Detalles / Ir a | Para links de accion en tablas y cards. |
| Editar | "Editar" | Modificar / Cambiar / Update | Icono pencil + texto. Solo icono en tablas con espacio limitado. |
| Descargar | "Descargar factura" | Download / Bajar / Obtener | Siempre especificar que se descarga. No solo "Descargar". |
| Reintentar | "Reintentar" | Retry / Intentar de nuevo / Recargar | En empty states de error. Verbo unico. |
| Iniciar sesion | "Iniciar sesion" | Login / Entrar / Acceder / Sign in | Siempre completo. Nunca "Login". |
| Cerrar sesion | "Cerrar sesion" | Logout / Salir / Sign out | En el menu de usuario. Sin modal de confirmacion. |
| Ir al inicio | "Ir al inicio" | Home / Inicio / Volver | En error pages 404/500. |
Formato del copy en loading
| Accion original | Copy en loading |
|---|---|
| "Confirmar pedido" | "Confirmando..." |
| "Guardar cambios" | "Guardando..." |
| "Eliminar cuenta" | "Eliminando..." |
| "Crear pedido" | "Creando..." |
| "Descargar factura" | "Descargando..." |
| "Iniciar sesion" | "Iniciando..." |
02 — Feedback
Errores comunes.
30 mensajes de error canonicos. Todo equipo de desarrollo debe usar estos textos exactos. Proponer antes de inventar uno nuevo.
Formularios
| Situacion | Copy canonico |
|---|---|
| Campo vacio obligatorio | "Este campo es obligatorio." |
| Email invalido | "Ingresa un email valido." |
| RFC invalido | "El RFC debe tener 12 o 13 caracteres." |
| Telefono invalido | "Ingresa un telefono de 10 digitos." |
| Contrasena muy corta | "La contrasena debe tener al menos 8 caracteres." |
| Contrasenas no coinciden | "Las contrasenas no coinciden." |
| Fecha invalida | "Usa el formato dd/mm/yyyy." |
| Fecha en el pasado | "La fecha de entrega no puede ser anterior a hoy." |
| Peso fuera de rango | "El peso debe ser entre 0.1 y 999.9 kg." |
| Cantidad excedida | "La cantidad maxima disponible es [n] kg." |
| Duplicado (RFC) | "Ya existe un cliente con este RFC." |
| Duplicado (email) | "Este email ya esta registrado." |
Red y servidor
| Situacion | Copy canonico |
|---|---|
| Sin conexion | "Estas sin internet. Los datos que ves pueden estar desactualizados." |
| Timeout | "La solicitud tardo demasiado. Intenta de nuevo." |
| Error generico del servidor | "Algo salio mal de nuestro lado. Estamos trabajando en ello." |
| Mantenimiento | "Estamos actualizando el sistema. Regresa en aproximadamente 30 minutos." |
| Rate limit | "Demasiadas solicitudes. Espera un momento e intenta de nuevo." |
| Accion fallida | "No se pudo completar la accion. Intenta de nuevo." |
| Pago rechazado | "El pago fue rechazado. Verifica los datos de tu tarjeta o intenta con otro metodo." |
| Stock agotado | "Este corte no esta disponible en este momento." |
Autenticacion y permisos
| Situacion | Copy canonico |
|---|---|
| Sesion expirada | "Tu sesion expiro. Inicia sesion de nuevo." |
| Credenciales incorrectas | "Email o contrasena incorrectos." |
| Cuenta bloqueada | "Tu cuenta fue bloqueada por seguridad. Contacta al administrador." |
| Sin permisos | "No tienes permisos para esta accion. Contacta al administrador." |
| Email no verificado | "Verifica tu email para continuar. Revisa tu bandeja de entrada." |
Empty states
| Situacion | Copy canonico |
|---|---|
| Sin pedidos | "Aun no tienes pedidos. Cuando hagas tu primer pedido aparecera aqui." |
| Sin resultados | "No encontramos resultados para '[query]'. Intenta con otro termino." |
| Sin conexion (datos) | "Estas sin internet. Los datos que ves pueden estar desactualizados." |
| Primera vez | "Bienvenido a DSPC Cloud. Empieza creando tu primer pedido." |
| Sin acceso | "No tienes permisos para ver esta seccion. Contacta al administrador." |
03 — Formularios
Placeholders.
El placeholder no es un label. Es una pista de formato o un ejemplo. Desaparece al escribir, asi que nunca debe contener informacion esencial.
Reglas de uso
— SI
Placeholder como ejemplo de formato: "222 123 4567", "nombre@empresa.com", "dd/mm/yyyy". El usuario entiende el formato esperado.
— SI
Placeholder en campos de busqueda como guia: "Buscar corte, cliente o pedido...". Orienta sobre que se puede buscar.
— NO
Nunca usar placeholder como unico label. El label siempre va arriba del campo, visible permanentemente. Placeholder complementa, no reemplaza.
— NO
Nunca instrucciones largas como placeholder: "Escribe tu nombre completo como aparece en tu identificacion oficial" → eso va en helper text.
Copy canonico por campo
| Campo | Placeholder | Notas |
|---|---|---|
| "nombre@empresa.com" | Ejemplo generico. No usar emails reales. | |
| Telefono | "222 123 4567" | Formato mexicano sin parentesis ni guiones. |
| RFC | "XAXX010101000" | RFC generico del SAT. |
| Nombre | — sin placeholder — | No necesita ejemplo. El label es suficiente. |
| Direccion | "Calle, numero, colonia" | Pista de estructura, no ejemplo completo. |
| Busqueda (App) | "Buscar corte, cliente o pedido..." | Con puntos suspensivos. |
| Busqueda (Cloud) | "Buscar pedido, cliente o producto..." | Orden diferente segun prioridad de uso. |
| Notas / Comentarios | "Instrucciones especiales de entrega..." | Contextual al campo. No generico. |
| Fecha | "dd/mm/yyyy" | Formato mexicano. Nunca mm/dd. |
| Peso | "0.0" | Con un decimal. Unidad "kg" va fuera del input. |
| Precio | "0.00" | Dos decimales. Signo "$" va fuera del input. |