Nuestro objetivo es impulsar ideas que favorezcan el progreso social y convertirlas en proyectos reales. Desde Nuestras Causas queremos alentar y fomentar iniciativas que hagan del nuestro un mundo mejor. No importa la magnitud: por pequeño que sea, cualquier gesto llevado a cabo desde la bondad tiene un impacto positivo.
Propósito, misión, visión y valores
Nuestro objetivo es impulsar ideas que favorezcan el progreso social y convertirlas en proyectos reales. Desde Nuestras Causas queremos alentar y fomentar iniciativas que hagan del nuestro un mundo mejor. No importa la magnitud: por pequeño que sea, cualquier gesto llevado a cabo desde la bondad tiene un impacto positivo.
Dicen que el aleteo de una mariposa puede causar un huracán en la otra parte del mundo. La filosofía que nos mueve es la del impacto que tienen los pequeños proyectos sobre el mundo. Creemos que con cariño, dedicación y compromiso podemos contribuir positivamente a las futuras generaciones.
El grupo es la forma de crear un impacto positivo en el mundo
Heredado de The Beacon HoldingHeredado de The Beacon Holding
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.
Heredado de The Beacon Holding
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
Diseño del logotipo (Estudio Nácar)
Rampas, roles y contrastes
#2F2D2A
RGB 47, 45, 42
#EFEAE0
RGB 239, 234, 224
#0E0E0E
RGB 14, 14, 14
#F4F4F4
RGB 244, 244, 244
#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
Nuestras Causas
400700
Secundaria
Nuestras Causas
Terciaria
Nuestras Causas
400700
Todavía no está publicado para esta marca.
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.
Marca
Un sistema de diseño compartido
Seguir leyendoMarca
Un sistema de diseño compartido
Seguir leyendoMarca
Un sistema de diseño compartido
Seguir leyendoMarca
Un sistema de diseño compartido
Seguir leyendo<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>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.
Marca
Nuestras Causas
Un sistema de diseño compartido
Marca
Nuestras Causas
Un sistema de diseño compartido
<header class="bb-c-header bb-c-header--superficie">
<p class="bb-c-header__over">Marca</p>
<h1 class="bb-c-header__title">Nuestras Causas</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
Nuestras Causas
Un sistema de diseño compartido
Nuestras Causas
<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">Nuestras Causas</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.
44
elementos publicados en su sistema de diseño
44
elementos publicados en su sistema de diseño
<div class="bb-c-stat bb-c-stat--superficie">
<p class="bb-c-stat__value">44</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 Nuestras Causas?</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">Nuestras Causas</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="Nuestras Causas"/>
</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>Nuestras Causas</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">Nuestras Causas</span>
<span class="bb-c-option__text">Nuestras Causas</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 Nuestras Causas.
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.
Marca Versión 12 Vigente
Marca Versión 12 Vigente
<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 12</span>
<span class="bb-c-badge bb-c-badge--borde">Vigente</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 |
|---|---|---|
| Nuestras Causas | — | Marca |
| Estilo | Tamaño | Uso |
|---|---|---|
| Nuestras Causas | — | Marca |
<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>Nuestras Causas</td><td>—</td><td>Marca</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 libro55 %
Propio de la marca en este libro55 %
<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>55 %</strong></p>
<div class="bb-c-progress__track" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="55" aria-label="Propio de la marca en este libro">
<span class="bb-c-progress__bar" style="width: 55%"></span>
</div>
</div>Una 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
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.
12 / 12 líneas dentro del tope
declaracion.proposito: El grupo es la forma de crear un impacto positivo en el mundo
declaracion.mision: Nuestro objetivo es impulsar ideas que favorezcan el progreso social y convertirlas en proyectos reales. Desde Nuestras Causas queremos alentar y fomentar iniciativas que hagan del nuestro un mundo mejor. No importa la magnitud: por pequeño que sea, cualquier gesto llevado a cabo desde la bondad tiene un impacto positivo.
declaracion.vision: Dicen que el aleteo de una mariposa puede causar un huracán en la otra parte del mundo. La filosofía que nos mueve es la del impacto que tienen los pequeños proyectos sobre el mundo. Creemos que con cariño, dedicación y compromiso podemos contribuir positivamente a las futuras generaciones.
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("nuestras-causas", purpose="redactar")21 / 21 líneas dentro del tope
color.primario: #2f2d2a
color.crema: #efeae0
color.oscuro: #0e0e0e
color.claro: #f4f4f4
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: Open Sans
fuente.secundaria: Assistant
fuente.terciaria: Arialenv["sb.brand"].sb_context("nuestras-causas", purpose="imagen")Historial publicado