👑 Talent is King
Employer branding
cada dos semanas
Un caso real, una métrica y una plantilla que puedes usar. Para quien dirige People y tiene que defender la marca como empleador con datos delante.
Suscríbete
Primer envío en tu correo esta semana.
<script>
/* Newsletter Employer Branding · hero único, a dos columnas y en oscuro.
Va por JS porque el campo `form-embed` no admite <style> y porque hay que
reordenar el DOM: la plantilla trae 3 columnas (copy | asset | formulario)
y la marca anidada dentro del copy, así que no basta con CSS.
Resultado: marca centrada arriba; izquierda (ancha) titular y descripción
centrados y el formulario justo debajo; derecha, la imagen.
Colores del brand kit de TaxDown: fondo bg-inverse-lg #1C1A36 y texto
text-inverse #FFFFFF. El manual reserva el oscuro para heros y CTA grandes,
que es justo esta pieza. El botón va en blanco y no en cta-primary #3D3A62,
que sobre #1C1A36 no tiene contraste suficiente. */
(function () {
var $ = function (s) { return document.querySelector(s); };
/* La hoja va al FINAL DEL BODY, no al <head>: el <style> de la plantilla
está dentro del body y tiene la misma especificidad, así que desde el
<head> perdería el empate y no se aplicaría nada de esto. */
var s = document.createElement('style');
s.textContent = [
'.rec-root .rec-why{display:none}',
'.rec-root .rec-logos{visibility:hidden;height:0;min-height:0;padding:0;margin:0;overflow:hidden}',
'.rec-root .rec-f3d{display:none}',
'.rec-root .rec-hero-grid{grid-template-columns:1.35fr 1fr;gap:36px 56px;align-items:center}',
'.rec-root .rec-hero-grid>.rec-brand-row{grid-column:1/-1;justify-content:center;margin-bottom:4px}',
'.rec-root .nl-main{display:flex;flex-direction:column;gap:30px;min-width:0}',
'.rec-root .nl-main .rec-h1-wrap{text-align:center}',
'.rec-root .nl-main .rec-lead{text-align:center;max-width:560px;margin-left:auto;margin-right:auto}',
'.rec-root .nl-main .rec-form-card{align-self:auto}',
'.rec-root .nl-side{display:flex;flex-direction:column;min-width:0}',
'.rec-root .nl-side .rec-slot{aspect-ratio:auto}',
'.rec-root .nl-side .rec-static{display:block;width:100%;height:auto}',
'html,body{background:#1C1A36}',
'.rec-root{background:#1C1A36;color:#FFFFFF}',
'.rec-root .rec-hero{color:#FFFFFF}',
'.rec-root .rec-h1,.rec-root .rec-h1-l2,.rec-root .rec-partner-logo-txt{color:#FFFFFF}',
'.rec-root .rec-hero .rec-lead{color:rgba(255,255,255,.72)}',
'.rec-root .rec-brands .rec-logo{filter:brightness(0) invert(1)}',
'.rec-root .rec-brands .rec-sep{background:rgba(255,255,255,.28);height:30px}',
'.rec-root .rec-brands .rec-logo{height:15px}',
'.rec-root .rec-partner-logo-txt{font-size:clamp(24px,2.6vw,34px);height:auto;line-height:1.15;letter-spacing:-.02em;font-weight:600}',
'.rec-root .rec-iri{opacity:.32;mix-blend-mode:screen}',
'.rec-root .rec-form-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);box-shadow:none}',
'.rec-root .rec-form-h2{color:#FFFFFF}',
'.rec-root .rec-form-sub{color:rgba(255,255,255,.62)}',
'.rec-root .rec-form-embed .hs-form-field>label,.rec-root .rec-form-embed .hs-form-field>label span{color:#FFFFFF}',
'.rec-root .rec-form-embed .hs-form-field>label span.hs-form-required{color:rgba(255,255,255,.55)}',
'.rec-root .rec-form-embed .hs-input{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:#FFFFFF}',
'.rec-root .rec-form-embed .hs-input::placeholder{color:rgba(255,255,255,.38)}',
'.rec-root .rec-form-embed .hs-input:focus{background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.55)}',
'.rec-root .rec-form-embed .hs-button{background:#FFFFFF;color:#1C1A36;-webkit-appearance:none;appearance:none}',
'.rec-root .rec-form-embed .hs-button:hover{background:#ECEAF2}',
'.rec-root .rec-form-embed .legal-consent-container,.rec-root .rec-form-embed .hs-richtext,.rec-root .rec-form-embed .hs-richtext p{color:rgba(255,255,255,.62)}',
'.rec-root .rec-form-embed .submitted-message,.rec-root .rec-form-embed .submitted-message p{color:rgba(255,255,255,.85)}',
'.rec-root .rec-footer{background:#1C1A36;border-top-color:rgba(255,255,255,.12)}',
'.rec-root .rec-footer-copy{color:rgba(255,255,255,.55)}',
'.rec-root .rec-flink{color:rgba(255,255,255,.72)}',
'.rec-root .rec-sticky-cta .rec-btn-primary{background:#FFFFFF;color:#1C1A36}',
'@media(max-width:1000px){',
'.rec-root .rec-hero-grid{grid-template-columns:1fr}',
'.rec-root .nl-side .rec-slot{max-width:420px;margin:0 auto}',
'}'
].join('');
document.body.appendChild(s);
var grid = $('.rec-hero-grid'), brand = $('.rec-brand-row'), body = $('.rec-copy-body');
var feats = $('.rec-feats'), slot = $('.rec-slot-1'), card = $('.rec-form-card');
var proof = $('.rec-proof'), copy = $('.rec-hero-copy');
if (!grid || !brand || !body || !slot || !card) return;
var main = document.createElement('div'); main.className = 'nl-main';
var side = document.createElement('div'); side.className = 'nl-side';
main.appendChild(body); main.appendChild(card);
side.appendChild(slot);
grid.appendChild(brand); grid.appendChild(main); grid.appendChild(side);
/* Las cuatro pastillas se quitan; sus campos del CMS (icono-1..4 y
texto-icono-1..4) siguen rellenos por si se quieren recuperar. */
if (feats && feats.parentNode) feats.parentNode.removeChild(feats);
if (proof && proof.parentNode) proof.parentNode.removeChild(proof);
if (copy && copy.parentNode) copy.parentNode.removeChild(copy);
})();
</script>
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/embed/v2.js"></script>
<script>
hbspt.forms.create({
portalId: "23400264",
formId: "d47dd098-26d5-4105-9edb-5e900240bcaf",
region: "na1"
});
</script>
Ya confían en TaxDown
BBVA
Santander
Allianz
coverflex
pluxee
factorial
Glovo
cabify
jobandtalent
Legálitas
idealista
Qonto
Mapfre