Style Tile - Sistema de Control de Acceso

Tipografía

Control de Acceso - Sistema Principal

Segoe UI Bold, 36px, #1e3a8a, letter-spacing: -0.5px

Uso: Título principal de la aplicación

Gestión de Credenciales Digitales

Segoe UI Semibold, 28px, #1e293b

Uso: Títulos de módulos y secciones principales

Generar Nueva Credencial

Segoe UI Semibold, 20px, #334155

Uso: Subtítulos de formularios y acciones

Ejemplos

Digite la credencial del visitante que quire acceder al Edificio

Segoe UI Regular, 16px, #475569, line-height: 1.6

Uso: Texto descriptivo, mensajes, instrucciones

Número de Identificación

Segoe UI Semibold, 14px, #1e293b

Uso: Etiquetas de formularios

Credencial: ABC123 | Vigencia: 30 días | Estado: Activa

Segoe UI Regular, 13px, #64748b

Uso: Texto pequeño, metadata, información secundaria

Botones y Acciones

Acciones Primarias

Acciones principales del sistema

Flujos de registro

Acceso a información

Restringir un visitante por un motivo

Acciones de Confirmación y Rechazo

Confirmaciones positivas

Rechazos y denegaciones

Acciones Secundarias

Eliminación credenciales o usuaios

Cancelar operaciones

Edición de datos

Botones Especiales

Evacuación y emergencias

Salida del sistema

Reportes y exportaciones

Estados e Indicadores del Sistema

Estados de Conexión

🟢

Sistema Online

Conexión activa con base de datos

🔴

Modo Offline

Registrando localmente (15 pendientes)

🟡

Sincronizando...

Transfiriendo registros a la nube

Estados de Acceso

✅

Acceso Concedido

Credencial válida - Puerta abierta

❌

Acceso Denegado

Credencial inválida o vencida

🚫

Visitante Restringido

Usuario bloqueado del sistema

⏰

Fuera de Horario

Acceso denegado por restricción horaria

Estados de Credenciales

🔑

Credencial Activa

Válida hasta: 30/12/2025

🔒

Credencial Vencida

Expiró: 15/11/2025

Estados Especiales

🚨

MODO EMERGENCIA

Puertas desbloqueadas - Evacuación

Intentos Fallidos

3 intentos rechazados - Terminal 02

Ejemplos de Paginas y Formularios

Registro de Visitante

Nombre Completo *

Número de Identificación *

Tipo de Visitante *

Motivo de Ingreso *

Fotografía * Formatos permitidos: JPG (máx. 2MB)

Configuración de Horarios

Tipo de Visitante

Hora Inicio

Hora Fin

Días de la Semana

Lunes Martes Miércoles Jueves Viernes Sábado Domingo

Reportes del sistema

👤

Juan Pérez González

Credencial: ABC123

ID: 1234567890

Tipo: Empleado

Vigencia: 01/11/25 - 30/11/26

Estado: Activa

🚪

Registro de Acceso

Fecha/Hora: 03/11/25 14:30:45

Puerta: Entrada Principal - Edificio A

Acción: Entrada

Resultado: Concedido

⚠️

Alerta de Seguridad

Tipo: Intentos Fallidos

Credencial: XYZ789

Intentos: 3 en 5 minutos

Terminal: Puerta Trasera - Terminal 02

Iconografía del Sistema

Iconos Principales

👤

Visitante

🔑

Credencial

🚪

Acceso/Puerta

📊

Reportes

⚙️

Configuración

🔐

Autenticación

📝

Registro

🔍

Consultar

Iconos de Estado

✅

Concedido

❌

Denegado

⚠️

Advertencia

🚨

Emergencia

🟢

Online

🔴

Offline

⏰

Horario

🔒

Bloqueado

Mensajes y Alertas

✅

Credencial generada correctamente

La credencial ABC123 ha sido asignada a Juan Pérez. Vigencia: 30 días.

❌

Error al generar credencial

El visitante ya cuenta con una credencial activa. Elimínela antes de generar una nueva.

ℹ️

Sistema en modo offline

Los registros se están almacenando localmente. Se sincronizarán cuando se restablezca la conexión.

Estructura de la Pantalla

Pantalla Principal

Logo + Título

Usuario: Admin

Módulo Activo

Contenido Principal

Sistema de Control de Acceso Digital

Paleta de Colores