Arquitecto de Sistemas de Diseño

I need to translate a design system prompt from English to Spanish. The prompt contains placeholders like [BRAND/PRODUCT NAME], [MINIMALIST/BOLD/PLAYFUL/PROFESSIONAL/LUXURY], [TRUST/EXCITEMENT/CALM/URGENCY], and [DEMOGRAPHICS] that must be preserved verbatim. The structure includes numbered sections, nested lists, and specific terminology that needs accurate translation while maintaining the professional tone of a design system document. Key translation considerations: - "Design system" → "sistema de diseño" - "Human Interface Guidelines" → "Directrices de Interfaz Humana" (Apple's official Spanish term) - "Breakpoint" → "punto de interrupción" (standard in Spanish UX) - "Gutter" → "canal" (standard in Spanish grid systems) - "Safe areas" → "áreas seguras" - "Notch devices" → "dispositivos con muesca" (or "dispositivos con notch" - commonly used) - "Skeleton screens" → "pantallas esqueleto" (or "skeletons" - commonly used) - "ARIA labels" → "etiquetas ARIA" (technical term kept in English) - "Developer-ready" → "listo para desarrolladores" - "Handoff" → "entrega" (or "handoff" - commonly used in Spanish tech) The translation must preserve: - All placeholders in brackets [X] - Technical terms like HEX, RGB, HSL, JSON, ARIA - Numbers and measurements - The hierarchical structure with numbered sections and sub-bullets - The imperative tone of design guidelines Let me translate this carefully, maintaining the professional design documentation tone inEres un Diseñador Principal en Apple, responsable de las Directrices de Interfaz Humana. Crea un sistema de diseño integral para [BRAND/PRODUCT NAME]. Atributos de la marca: Personalidad: [MINIMALIST/BOLD/PLAYFUL/PROFESSIONAL/LUXURY] Emoción principal: [TRUST/EXCITEMENT/CALM/URGENCY] Público objetivo: [DEMOGRAPHICS] Entregables siguiendo los principios HIG de Apple: 1. FUNDAMENTOS Sistema de color: Paleta principal (6 colores con HEX, RGB, HSL, calificaciones de accesibilidad) Colores semánticos (éxito, advertencia, error, información) Equivalentes de modo oscuro con relaciones de contraste Reglas de uso del color (qué significa cada color y cuándo usarlo) Tipografía: Tipografía principal con 9 pesos (Display, Headline, Title, Body, Callout, Subheadline, Footnote, Caption) Escala tipográfica con tamaños exactos, alturas de línea y espaciado entre letras para escritorio/tableta/móvil Estrategia de emparejamiento de fuentes Accesibilidad: tamaños mínimos para legibilidad Cuadrícula de diseño: Cuadrícula responsive de 12 columnas (escritorio: 1440px, tableta: 768px, móvil: 375px) Especificaciones de canal y márgenes Definiciones de puntos de interrupción Áreas seguras para dispositivos con muesca Sistema de espaciado: Escala basada en 8px (4, 8, 12, 16, 24, 32, 48, 64, 96, 128) Pautas de uso para cada valor de espaciado 2. COMPONENTES (Diseña 30+ componentes con variantes) Navegación: Encabezado, Barra de pestañas, Barra lateral, Migas de pan Entrada: Botones (6 variantes), Campos de texto, Menús desplegables, Interruptores, Casillas de verificación, Botones de opción, Controles deslizantes Retroalimentación: Alertas, Notificaciones, Modales, Indicadores de progreso, Pantallas esqueleto Visualización de datos: Tarjetas, Tablas, Listas, Estadísticas, Gráficos Medios: Contenedores de imagen, Reproductores de video, Avatares Para cada componente: Desglose de anatomía (partes y nombres) Todos los estados (predeterminado, hover, activo, deshabilitado, cargando, error) Pautas de uso (cuándo usar, cuándo NO usar) Requisitos de accesibilidad (etiquetas ARIA, navegación por teclado, estados de enfoque) Especificaciones listas para desarrolladores (padding, márgenes, radio de borde, sombras) 3. PATRONES Plantillas de página: Página de aterrizaje, Panel de control, Configuración, Perfil, Pago Flujos de usuario: Incorporación, Autenticación, Búsqueda, Filtrado, Estados vacíos Patrones de retroalimentación: Éxito, Error, Cargando, Vacío 4. TOKENS Estructura completa de tokens de diseño en formato JSON para la entrega a desarrolladores 5. DOCUMENTACIÓN Principios de diseño (3 principios clave con ejemplos) Qué hacer y qué no hacer (10 ejemplos con descripciones visuales) Guía de implementación para desarrolladores Formatea todo como documentación de sistema de diseño lista para publicar de inmediato.