Propósito
El grupo es la forma de crear un impacto positivo en el mundo
Heredado de The Beacon HoldingSistema de diseño
- Versión1
- AlcanceMarca
- Fecha2026-11-09
- Pertenece aSingular Services
- OrigenOdoo, versión publicada
Identidad
Propósito, misión, visión y valores
Leitmotiv
- El búho, símbolo del que sabe: atento, paciente y capaz de ver en la oscuridad. Aprender es empezar a ver lo que antes no se veía.
Lo que hereda Heredado de The Beacon Holding
Valores
Heredado de The Beacon Holding
Datos para decidir
Personas en el centro
Tecnología como medio
Gestión por proyectos, con márgenes unitarios
Los valores, la visión y la ética profesional que nos guían
Según el Código Ético y de Conducta, todo empleado o colaborador del grupo actúa con honestidad, previene los ilícitos y genera confianza.
Honestidad: actuar de forma honesta y transparente, de acuerdo con la legislación vigente y con los estándares de la ética profesional. Prevención: prevenir la comisión de hechos delictivos o ilícitos en la actividad profesional, con los mecanismos de seguimiento y control necesarios. Confianza: trabajar de forma ética y honrada, y generar relaciones de confianza dentro del grupo y con terceros.
Valores
Heredado de The Beacon Holding
Impacto Positivo
Actuamos conforme a nuestros valores y nuestro Código Ético, tratamos de forma respetuosa y agradable a todas las partes, tenemos conciencia social y ambiental y una clara determinación de aportar valor construyendo relaciones que cuidamos en el largo plazo.
Bondad, Honestidad, Lealtad y Respeto
Aporte de Valor
Ofrecemos soluciones de alta calidad y trabajamos para que cada euro invertido por nuestros clientes se transforme en valor para su firma. Nos responsabilizamos del ciclo de vida completo de los proyectos operando conforme a los principios de eficiencia y eficacia, comenzando con el final en mente y buscando sinergias y estrategias win-win.
Vocación de Excelencia y Orientación a Resultados
Adaptabilidad
Nuestro sector, así como las necesidades de nuestros clientes están en constante cambio. Somos conscientes, considerados y comprensivos con estas necesidades. Tenemos voluntad de ayudar y lo hacemos siendo flexibles en cuanto a cambios en los requisitos iniciales, plazos y costes.
Flexibilidad, Empatía y Transparencia
Logotipo
Variantes, área de respeto y usos
El búho, símbolo del que sabe: atento, paciente y capaz de ver en la oscuridad. Aprender es empezar a ver lo que antes no se veía.
Leitmotiv
Variantes
Color
Rampas, roles y contrastes
Paleta
Primario
#1A5C6B
RGB 26, 92, 107
Claro
#F4F4F4
RGB 244, 244, 244
CMYK 0,0,0,2
Oscuro
#0E0E0E
RGB 14, 14, 14
Tipografía
Familias, especímenes y escala
Familias
Open Sans
Primaria
Singular Academy
400700
05
Iconografía
Iconos
Todavía no está publicado para esta marca.
06
Componentes
Piezas web estándar del grupo
Botón
La acción de una vista.
Regla de uso Un solo botón principal por vista; lo demás, secundario o fantasma.
Variantes
Estados
Código
<button type="button" class="bb-c-button bb-c-button--primario">Contactar</button>Tarjeta
Un contenido con título, texto y enlace.
Regla de uso Una idea por tarjeta, y todas las de una fila del mismo alto.
Variantes
Marca
Un sistema de diseño compartido
Un sistema de diseño compartido
Seguir leyendoMarca
Un sistema de diseño compartido
Un sistema de diseño compartido
Seguir leyendoMarca
Un sistema de diseño compartido
Un sistema de diseño compartido
Seguir leyendoEstados
Marca
Un sistema de diseño compartido
Un sistema de diseño compartido
Seguir leyendoCódigo
<article class="bb-c-card bb-c-card--superficie">
<p class="bb-c-card__over">Marca</p>
<h3 class="bb-c-card__title">Un sistema de diseño compartido</h3>
<p class="bb-c-card__text">Un sistema de diseño compartido</p>
<a class="bb-c-card__link" href="#">Seguir leyendo</a>
</article>Cabecera de página
La apertura de una página: antetítulo, título y entradilla.
Regla de uso Un solo título principal por página, que diga de qué va en una línea.
Variantes
Marca
Singular Academy
Un sistema de diseño compartido
Marca
Singular Academy
Un sistema de diseño compartido
Código
<header class="bb-c-header bb-c-header--superficie">
<p class="bb-c-header__over">Marca</p>
<h1 class="bb-c-header__title">Singular Academy</h1>
<p class="bb-c-header__lede">Un sistema de diseño compartido</p>
</header>Llamada a la acción
El cierre de una página, con una sola acción.
Regla de uso Una por página, al final, con un verbo que diga qué pasa al pulsar.
Variantes
Código
<aside class="bb-c-cta bb-c-cta--acento">
<h2 class="bb-c-cta__title">Un sistema de diseño compartido</h2>
<a class="bb-c-button bb-c-button--primario" href="#">Contactar</a>
</aside>Cita
Una frase destacada con su autoría.
Regla de uso Siempre con autoría; si no se puede atribuir, no es una cita.
Variantes
Un sistema de diseño compartido
Singular Academy
Un sistema de diseño compartido
Singular Academy
Código
<blockquote class="bb-c-quote bb-c-quote--filete">
<p class="bb-c-quote__text">Un sistema de diseño compartido</p>
<cite class="bb-c-quote__author">Singular Academy</cite>
</blockquote>Estadística
Una cifra con lo que significa.
Regla de uso Una cifra real y con fuente; si no hay dato, no hay estadística.
Variantes
27
elementos publicados en su sistema de diseño
27
elementos publicados en su sistema de diseño
Código
<div class="bb-c-stat bb-c-stat--superficie">
<p class="bb-c-stat__value">27</p>
<p class="bb-c-stat__label">elementos publicados en su sistema de diseño</p>
</div>Preguntas frecuentes
Preguntas que se abren y se cierran sin scripts.
Regla de uso Preguntas que la gente hace de verdad, con la respuesta en la primera línea.
¿Qué es Singular Academy?
Un sistema de diseño compartido
¿Qué la mueve?
Un sistema de diseño compartido
Código
<div class="bb-c-faq">
<details class="bb-c-faq__item" open="open">
<summary class="bb-c-faq__q">¿Qué es Singular Academy?</summary>
<p class="bb-c-faq__a">Un sistema de diseño compartido</p>
</details>
<details class="bb-c-faq__item">
<summary class="bb-c-faq__q">¿Qué la mueve?</summary>
<p class="bb-c-faq__a">Un sistema de diseño compartido</p>
</details>
</div>Pie
El cierre de todas las páginas: marca y enlaces.
Regla de uso Sin promociones: identidad, enlaces legales y contacto.
Variantes
Código
<footer class="bb-c-footer bb-c-footer--oscuro" data-bb-theme="oscuro">
<strong class="bb-c-footer__brand">Singular Academy</strong>
<ul class="bb-c-footer__links">
<li><a href="#">Aviso legal</a></li>
<li><a href="#">Privacidad</a></li>
<li><a href="#">Contacto</a></li>
</ul>
</footer>Campos de formulario
Campos de texto, correo y selección con su etiqueta, su ayuda y su error.
Regla de uso Cada campo con su etiqueta visible; el error se dice con palabras, no solo con color.
Estados
Código
<form class="bb-c-form bb-c-form--base">
<label class="bb-c-field">
<span class="bb-c-field__label">Nombre</span>
<input class="bb-c-field__input" type="text" value="Singular Academy"/>
</label>
<label class="bb-c-field">
<span class="bb-c-field__label">Correo electrónico</span>
<input class="bb-c-field__input" type="email"/>
<span class="bb-c-field__hint">Solo para responderte.</span>
</label>
<label class="bb-c-field">
<span class="bb-c-field__label">Tema</span>
<select class="bb-c-field__input">
<option>Singular Academy</option>
</select>
</label>
</form>Selección
Elegir una opción entre tarjetas, o varias con casillas.
Regla de uso Una elección, tarjetas de opción; varias, casillas. Toda la tarjeta se pulsa y la elección nunca se dice solo con color.
Variantes
Estados
Código
<fieldset class="bb-c-choice bb-c-choice--tarjetas">
<legend class="bb-c-field__label">Tema</legend>
<label class="bb-c-option">
<input type="radio" name="bb-c-choice-normal" checked="True"/>
<span class="bb-c-option__title">Singular Academy</span>
<span class="bb-c-option__text">Singular Academy</span>
</label>
</fieldset>Avisos
Un mensaje breve sobre lo que acaba de pasar.
Regla de uso Una frase que dice qué ha pasado y qué hacer; el color nunca es la única señal.
Variantes
Un sistema de diseño compartido
Recibido: te responde el equipo de Singular Academy.
No se ha podido enviar. Inténtalo de nuevo en unos minutos.
Código
<div class="bb-c-alert bb-c-alert--info" role="status">
<span class="bb-c-alert__mark" aria-hidden="true"></span>
<p class="bb-c-alert__text">Un sistema de diseño compartido</p>
</div>Insignias
Etiquetas cortas de estado, tipo o categoría.
Regla de uso Una o dos palabras; nunca como botón.
Variantes
Marca Versión 1 Vigente
Marca Versión 1 Vigente
Código
<p class="bb-c-badges bb-c-badges--base">
<span class="bb-c-badge bb-c-badge--acento">Marca</span>
<span class="bb-c-badge">Versión 1</span>
<span class="bb-c-badge bb-c-badge--borde">Vigente</span>
</p>Tabla
Datos en filas y columnas, con cabecera.
Regla de uso Solo para datos que se comparan; la cabecera dice siempre qué es cada columna.
Variantes
| Estilo | Tamaño | Uso |
|---|---|---|
| Singular Academy | — | Marca |
| Estilo | Tamaño | Uso |
|---|---|---|
| Singular Academy | — | Marca |
Código
<table class="bb-c-table bb-c-table--superficie">
<thead><tr><th scope="col">Estilo</th><th scope="col">Tamaño</th><th scope="col">Uso</th></tr></thead>
<tbody>
<tr><td>Singular Academy</td><td>—</td><td>Marca</td></tr>
</tbody>
</table>Progreso
Cuánto lleva algo hecho, como barra y como cifra.
Regla de uso Siempre con la cifra en texto junto a la barra.
Variantes
Propio de la marca en este libro52 %
Propio de la marca en este libro52 %
Código
<div class="bb-c-progress bb-c-progress--acento">
<p class="bb-c-progress__head"><span>Propio de la marca en este libro</span><strong>52 %</strong></p>
<div class="bb-c-progress__track" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="52" aria-label="Propio de la marca en este libro">
<span class="bb-c-progress__bar" style="width: 52%"></span>
</div>
</div>
07
Generador de imágenes
Una foto de un producto o un objeto, sin fondo, encuadrada y sobre el fondo corporativo de la marca.
1. Subes la imagen
Un producto, un objeto o una ilustración. Nunca una persona: para el equipo están los retratos.
2. Gemini la recorta
Quita el fondo y encuadra el sujeto. Odoo lo pone sobre el fondo de la marca.
3. Una persona la aprueba
Nada sale sin que alguien la mire. Una vez aprobada, se descarga.
El generador es para quien edita la marca: entra con tu sesión de Odoo.
08
Descargas
Tokens generados y ficheros
Ficheros
- Horizontal · Color
- Horizontal · Claro
- Horizontal · Negro
- Apilado · Color
- Apilado · Claro
- Apilado · Negro
- Icono · Color
-
Icono · Claro
Otros SVGPNG 1024 px
-
Icono · Negro
Otros SVGPNG 1024 px
09
Para agentes
El contexto que recibe un agente
Lo publicado para esta audiencia, tal como lo lee un agente: lo obligatorio va primero.
Estilo de comunicación
10 / 10 líneas dentro del tope
Contexto
declaracion.proposito: El grupo es la forma de crear un impacto positivo en el mundo
declaracion.leitmotiv: El búho, símbolo del que sabe: atento, paciente y capaz de ver en la oscuridad. Aprender es empezar a ver lo que antes no se veía.
valor.pilar.datos-para-decidir: Datos para decidir
valor.pilar.personas-en-el-centro: Personas en el centro
valor.pilar.tecnologia-como-medio: Tecnología como medio
valor.pilar.gestion-por-proyectos: Gestión por proyectos, con márgenes unitarios
valor.pilar.valores-vision-etica: Los valores, la visión y la ética profesional que nos guían · Honestidad: actuar de forma honesta y transparente, de acuerdo con la legislación vigente y con los estándares de la ética profesional. Prevención: prevenir la comisión de hechos delictivos o ilícitos en la actividad profesional, con los mecanismos de seguimiento y control necesarios. Confianza: trabajar de forma ética y honrada, y generar relaciones de confianza dentro del grupo y con terceros. · Según el Código Ético y de Conducta, todo empleado o colaborador del grupo actúa con honestidad, previene los ilícitos y genera confianza.
valor.impacto-positivo: Impacto Positivo · Bondad, Honestidad, Lealtad y Respeto · Actuamos conforme a nuestros valores y nuestro Código Ético, tratamos de forma respetuosa y agradable a todas las partes, tenemos conciencia social y ambiental y una clara determinación de aportar valor construyendo relaciones que cuidamos en el largo plazo.
valor.aporte-de-valor: Aporte de Valor · Vocación de Excelencia y Orientación a Resultados · Ofrecemos soluciones de alta calidad y trabajamos para que cada euro invertido por nuestros clientes se transforme en valor para su firma. Nos responsabilizamos del ciclo de vida completo de los proyectos operando conforme a los principios de eficiencia y eficacia, comenzando con el final en mente y buscando sinergias y estrategias win-win.
valor.adaptabilidad: Adaptabilidad · Flexibilidad, Empatía y Transparencia · Nuestro sector, así como las necesidades de nuestros clientes están en constante cambio. Somos conscientes, considerados y comprensivos con estas necesidades. Tenemos voluntad de ayudar y lo hacemos siendo flexibles en cuanto a cambios en los requisitos iniciales, plazos y costes.Cómo pedirlo
env["sb.brand"].sb_context("singular-academy", purpose="redactar")Directrices para agentes de imágenes
4 / 4 líneas dentro del tope
Contexto
color.primario: #1a5c6b
color.claro: #f4f4f4 · Papel
color.oscuro: #0e0e0e · Tinta
fuente.primaria: Open SansCómo pedirlo
env["sb.brand"].sb_context("singular-academy", purpose="imagen")
10
Versiones
Historial publicado
- v1 2026-11-09 Aprobación Vigente