Propósito
El grupo es la forma de crear un impacto positivo en el mundo
El grupo es la forma de crear un impacto positivo en el mundo
Propósito, misión, visión y valores
El grupo es la forma de crear un impacto positivo en el mundo
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.
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
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
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
Variantes, área de respeto y usos
El hogar: el fuego en torno al que se reúne el grupo. Da calor y luz a cada marca sin quitarle su forma, y es el centro al que todas vuelven. De ese mismo fuego, alzado en lo alto, nace el faro.
Leitmotiv
Diseño del logotipo María Cerezo (Vetia Studio)
Rampas, roles y contrastes
#FFFFFF
RGB 255, 255, 255
Blanco; superficie de tarjeta clara y detalle de iconos.
#8FD3FF
RGB 143, 211, 255
Cielo; azul claro para enlaces, foco y primario en tema oscuro.
#FF9A62
RGB 255, 154, 98
Ámbar de la web; decoración, no texto.
#021620
RGB 2, 22, 32
Noche de la web; fondos muy oscuros de cabecera.
#05283A
RGB 5, 40, 58
Tinta de la web; degradado bajo texto sobre foto y sombras.
#56ABE2
RGB 86, 171, 226
Solape por transparencia de los iconos de app (0,6 × #8FD3FF + 0,4 × #006EB7).
#262A36
RGB 38, 42, 54
Fondo oscuro de la hoja de contacto de iconos.
#02161F
RGB 2, 22, 31
Sombras del duotono de foto (tratamiento en revisión).
#006088
RGB 0, 96, 136
Medios tonos del duotono de foto (tratamiento en revisión).
#E2EEF4
RGB 226, 238, 244
Luces del duotono de foto (tratamiento en revisión).
#00672C
RGB 0, 103, 44
#6D5000
RGB 109, 80, 0
#7CD591
RGB 124, 213, 145
#E1B75C
RGB 225, 183, 92
Familias, especímenes y escala
Primaria
The Beacon Holding
400
Secundaria
The Beacon Holding
300
Sistema de iconos
Piezas web estándar del grupo
La acción de una vista.
Regla de uso Un solo botón principal por vista; lo demás, secundario o fantasma.
<button type="button" class="bb-c-button bb-c-button--primario">Contactar</button>
Un contenido con título, texto y enlace.
Regla de uso Una idea por tarjeta, y todas las de una fila del mismo alto.
Grupo
Un sistema de diseño compartido
Seguir leyendoGrupo
Un sistema de diseño compartido
Seguir leyendoGrupo
Un sistema de diseño compartido
Seguir leyendoGrupo
Un sistema de diseño compartido
Seguir leyendo<article class="bb-c-card bb-c-card--superficie">
<p class="bb-c-card__over">Grupo</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>
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.
Grupo
The Beacon Holding
Un sistema de diseño compartido
Grupo
The Beacon Holding
Un sistema de diseño compartido
<header class="bb-c-header bb-c-header--superficie">
<p class="bb-c-header__over">Grupo</p>
<h1 class="bb-c-header__title">The Beacon Holding</h1>
<p class="bb-c-header__lede">Un sistema de diseño compartido</p>
</header>
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.
<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>
Una frase destacada con su autoría.
Regla de uso Siempre con autoría; si no se puede atribuir, no es una cita.
Un sistema de diseño compartido
The Beacon Holding
Un sistema de diseño compartido
The Beacon Holding
<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">The Beacon Holding</cite>
</blockquote>
Una cifra con lo que significa.
Regla de uso Una cifra real y con fuente; si no hay dato, no hay estadística.
55
elementos publicados en su sistema de diseño
55
elementos publicados en su sistema de diseño
<div class="bb-c-stat bb-c-stat--superficie">
<p class="bb-c-stat__value">55</p>
<p class="bb-c-stat__label">elementos publicados en su sistema de diseño</p>
</div>
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.
Un sistema de diseño compartido
Un sistema de diseño compartido
<div class="bb-c-faq">
<details class="bb-c-faq__item" open="open">
<summary class="bb-c-faq__q">¿Qué es The Beacon Holding?</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>
El cierre de todas las páginas: marca y enlaces.
Regla de uso Sin promociones: identidad, enlaces legales y contacto.
<footer class="bb-c-footer bb-c-footer--oscuro" data-bb-theme="oscuro">
<strong class="bb-c-footer__brand">The Beacon Holding</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 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.
<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="The Beacon Holding"/>
</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>Datos para decidir</option><option>Personas en el centro</option><option>Tecnología como medio</option><option>Gestión por proyectos, con márgenes unitarios</option>
</select>
</label>
</form>
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.
<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">Datos para decidir</span>
<span class="bb-c-option__text">The Beacon Holding</span>
</label><label class="bb-c-option">
<input type="radio" name="bb-c-choice-normal"/>
<span class="bb-c-option__title">Personas en el centro</span>
<span class="bb-c-option__text">The Beacon Holding</span>
</label>
</fieldset>
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.
Un sistema de diseño compartido
Recibido: te responde el equipo de The Beacon Holding.
No se ha podido enviar. Inténtalo de nuevo en unos minutos.
<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>
Etiquetas cortas de estado, tipo o categoría.
Regla de uso Una o dos palabras; nunca como botón.
Grupo Versión 12 Vigente Datos para decidirPersonas en el centro
Grupo Versión 12 Vigente Datos para decidirPersonas en el centro
<p class="bb-c-badges bb-c-badges--base">
<span class="bb-c-badge bb-c-badge--acento">Grupo</span>
<span class="bb-c-badge">Versión 12</span>
<span class="bb-c-badge bb-c-badge--borde">Vigente</span>
<span class="bb-c-badge bb-c-badge--borde">Datos para decidir</span><span class="bb-c-badge bb-c-badge--borde">Personas en el centro</span>
</p>
Datos en filas y columnas, con cabecera.
Regla de uso Solo para datos que se comparan; la cabecera dice siempre qué es cada columna.
| Estilo | Tamaño | Uso |
|---|---|---|
| The Beacon Holding | — | Grupo |
| Estilo | Tamaño | Uso |
|---|---|---|
| The Beacon Holding | — | Grupo |
<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>The Beacon Holding</td><td>—</td><td>Grupo</td></tr>
</tbody>
</table>
Cuánto lleva algo hecho, como barra y como cifra.
Regla de uso Siempre con la cifra en texto junto a la barra.
Propio de la marca en este libro100 %
Propio de la marca en este libro100 %
<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>100 %</strong></p>
<div class="bb-c-progress__track" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="100" aria-label="Propio de la marca en este libro">
<span class="bb-c-progress__bar" style="width: 100%"></span>
</div>
</div>
Las marcas que cuelgan de esta y las que la acompañan
Socio fundador y director de Singular Beacon
Carlos Pascual Adell es Ingeniero de Minas especializado en Energía por la Universidad Politécnica de Madrid. Desempeña el cargo de Socio Fundador y Director de Singular Beacon SL.
Ver el perfilPresidente honorífico de Singular Beacon
Javier Pascual es Master en Ingeniería Industrial por la Universidad Politécnica de Madrid con estudios de Postgrado en la EOI en Automatización y Robótica.
Ver el perfilUna foto de un producto o un objeto, sin fondo, encuadrada y sobre el fondo corporativo de la marca.
Un producto, un objeto o una ilustración. Nunca una persona: para el equipo están los retratos.
Quita el fondo y encuadra el sujeto. Odoo lo pone sobre el fondo de la marca.
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.
Tokens generados y ficheros
Otros SVGPNG 1024 px
Otros SVGPNG 1024 px
El contexto que recibe un agente
Lo publicado para esta audiencia, tal como lo lee un agente: lo obligatorio va primero.
11 / 11 líneas dentro del tope
declaracion.proposito: El grupo es la forma de crear un impacto positivo en el mundo
declaracion.leitmotiv: El hogar: el fuego en torno al que se reúne el grupo. Da calor y luz a cada marca sin quitarle su forma, y es el centro al que todas vuelven. De ese mismo fuego, alzado en lo alto, nace el faro.
declaracion.origen: Digital Branding (Londres, 2015: origen del grupo, no es división)
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.
env["sb.brand"].sb_context("the-beacon-holding", purpose="redactar")
16 / 16 líneas dentro del tope
color.blanco: #ffffff · Blanco · Blanco; superficie de tarjeta clara y detalle de iconos.
color.cielo: #8fd3ff · Cielo · Cielo; azul claro para enlaces, foco y primario en tema oscuro.
color.ambar: #ff9a62 · Ámbar · Ámbar de la web; decoración, no texto.
color.noche: #021620 · Noche · Noche de la web; fondos muy oscuros de cabecera.
color.tinta: #05283a · Tinta · Tinta de la web; degradado bajo texto sobre foto y sombras.
color.icono.solape: #56abe2 · Solape de iconos · Solape por transparencia de los iconos de app (0,6 × #8FD3FF + 0,4 × #006EB7).
color.icono.fondo-oscuro: #262a36 · Fondo oscuro de comprobación de iconos · Fondo oscuro de la hoja de contacto de iconos.
color.duotono.sombra: #02161f · Duotono, sombra · Sombras del duotono de foto (tratamiento en revisión).
color.duotono.medio: #006088 · Duotono, medios tonos · Medios tonos del duotono de foto (tratamiento en revisión).
color.duotono.luz: #e2eef4 · Duotono, luces · Luces del duotono de foto (tratamiento en revisión).
color.exito.claro: #00672c · Éxito (tema claro)
color.aviso.claro: #6d5000 · Aviso (tema claro)
color.exito.oscuro: #7cd591 · Éxito (tema oscuro)
color.aviso.oscuro: #e1b75c · Aviso (tema oscuro)
fuente.primaria: Tenor Sans
fuente.secundaria: Source Sans 3
env["sb.brand"].sb_context("the-beacon-holding", purpose="imagen")
Historial publicado
Utilizamos cookies para proporcionarle una mejor experiencia de usuario en este sitio web. Política de cookies