🎨 PALETA OFICIAL — DAIPRESELL LIBRARY

1. Background de todas as páginas

Minha recomendação é utilizar #010814 como fundo principal de 100% das páginas.

Elemento	Cor	HEX
Background geral do site	Azul-noturno profundo	`#010814`
Background do header	Azul-noturno profundo	`#010814`
Background do footer	Azul-noturno profundo	`#010814`
Background dos containers	Azul-marinho escuro	`#071326`
Background dos cards	Azul-marinho tecnológico	`#0C1930`
Background de menus suspensos	Azul-marinho profundo	`#10152A`
Bordas e divisórias	Dourado discreto	`#9B7438`

Importante: utilizaremos o mesmo fundo principal em todas as páginas, sem alternar entre páginas claras e escuras.

2. Cores principais da marca

Aplicação	HEX
🟨 Ouro metálico principal	`#F5B93D`
🟨 Ouro iluminado	`#FFE48A`
🟨 Ouro escuro	`#A96312`
🟪 Violeta elétrico	`#A400E8`
🟪 Violeta luminoso	`#D84CFF`
🟪 Roxo profundo	`#390064`
⬜ Branco principal	`#F7F4FF`
⬜ Cinza-prateado	`#B8AEC9`

3. Fontes personalizadas

Mestre, recomendo padronizar as fontes em todas as páginas.

Elemento	Fonte	Cor
Títulos principais	Cinzel Bold	Ouro `#F5B93D`
Subtítulos	Montserrat SemiBold	Branco `#F7F4FF`
Menu Header	Rajdhani SemiBold	Ouro `#F5B93D`
Textos	Inter Regular	Branco `#F7F4FF`
Botões	Rajdhani Bold	Azul-noturno `#010814`
Indicadores	Orbitron	Violeta `#D84CFF`

4. CONFIGURAÇÃO GLOBAL — WORDPRESS + ELEMENTOR

Mestre, este CSS poderá ser utilizado para padronizar o background, as fontes e as cores do site.

/* ==========================================
   DAIPRESELL LIBRARY
   GLOBAL DESIGN SYSTEM
   ========================================== */

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Inter:wght@400;500;600&family=Montserrat:wght@500;600;700&family=Rajdhani:wght@500;600;700&display=swap');

:root {

  /* BACKGROUNDS */
  --dl-bg-main: #010814;
  --dl-bg-header: #010814;
  --dl-bg-footer: #010814;
  --dl-bg-container: #071326;
  --dl-bg-card: #0C1930;

  /* GOLD */
  --dl-gold: #F5B93D;
  --dl-gold-light: #FFE48A;
  --dl-gold-dark: #A96312;

  /* PURPLE */
  --dl-purple: #A400E8;
  --dl-violet: #D84CFF;
  --dl-purple-dark: #390064;

  /* TEXT */
  --dl-white: #F7F4FF;
  --dl-gray: #B8AEC9;

  /* FONTS */
  --dl-font-title: 'Cinzel', serif;
  --dl-font-menu: 'Rajdhani', sans-serif;
  --dl-font-body: 'Inter', sans-serif;
}

/* BACKGROUND GLOBAL */

html,
body {
  background-color: var(--dl-bg-main) !important;
  color: var(--dl-white);
  font-family: var(--dl-font-body);
}

/* WORDPRESS + ELEMENTOR */

body .site,
body .site-content,
body .elementor-location-header,
body .elementor-location-footer {
  background-color: var(--dl-bg-main);
}

body .elementor-section-wrap,
body .elementor {
  color: var(--dl-white);
}

/* TITULOS */

body h1,
body h2,
body h3 {
  font-family: var(--dl-font-title);
  color: var(--dl-gold);
  font-weight: 700;
}

/* TEXTOS */

body p {
  font-family: var(--dl-font-body);
  color: var(--dl-white);
  line-height: 1.7;
}

/* LINKS */

body a {
  color: var(--dl-gold);
  transition: color 0.3s ease;
}

body a:hover {
  color: var(--dl-violet);
}

/* BOTOES PERSONALIZADOS */

.dl-button {
  display: inline-block;
  padding: 14px 28px;
  border-radius: 8px;

  background: linear-gradient(
    135deg,
    #A96312,
    #F5B93D,
    #FFE48A
  );

  color: #010814 !important;

  font-family: var(--dl-font-menu);
  font-size: 17px;
  font-weight: 700;
  text-decoration: none;
  transition: 0.3s ease;
}

.dl-button:hover {
  background: linear-gradient(
    135deg,
    #390064,
    #A400E8,
    #D84CFF
  );

  color: #FFFFFF !important;
}

/* CARDS */

.dl-card {
  background: var(--dl-bg-card);
  border: 1px solid rgba(245,185,61,0.25);
  border-radius: 14px;
  padding: 24px;
}

/* HEADER E FOOTER */

body .elementor-location-header,
body .elementor-location-footer {
  background: #010814;
}

Observação: o CSS define o padrão visual, mas containers que já possuem cores próprias configuradas no Elementor poderão precisar de ajustes individuais. Isso evita sobrescrever indiscriminadamente componentes e páginas existentes.

5. COMO APLICAR EM TODAS AS PÁGINAS

No WordPress:

Etapa 1: Acesse Elementor → Configurações do site.

Etapa 2: Entre em Cores globais e cadastre as cores principais.

Etapa 3: Acesse Tipografia global e configure as fontes.

Etapa 4: Entre em CSS personalizado, caso esteja disponível na sua versão do Elementor, e insira o código.

Alternativamente, utilize Aparência → Personalizar → CSS adicional, quando disponível no seu tema.

Etapa 5: Salve e verifique as páginas existentes.

⭐ PADRÃO VISUAL DEFINIDO

Mestre, minha recomendação é manter estas regras em todo o DAIPRESELL LIBRARY:

BACKGROUND: #010814 — todas as páginas.

TÍTULOS: dourado metálico.

MENUS: dourado, com efeitos violeta.

CONTAINERS: azul-marinho escuro.

TEXTOS: branco-prateado.

BOTÕES: gradientes dourados e violeta.

BORDAS: dourado discreto.

Assim teremos uma identidade visual consistente em toda a plataforma, desde a página inicial até a biblioteca, os geradores de presells e os futuros dashboards de campanhas.