Manual de Identidade Visual

Rafael Brochado | [ RB ]

1. Logotipos

O logo consiste nos brackets [ ] com as iniciais RB. Os brackets são azuis e as letras adaptam-se ao fundo.

Para fundos escuros

Para fundos claros

Ficheiros Disponíveis

⬇ Logo Dark (SVG) ⬇ Logo Light (SVG) ⬇ Logo Branco (SVG) ⬇ Favicon (SVG)

2. Paleta de Cores

Cores Primárias

Brand Blue

#0F52BA

Blue Light

#3B82F6

Background

#05050A

Surface

#0F1218

Texto

Primary

#FFFFFF

Secondary

#94A3B8

Gradiente Principal

linear-gradient(135deg, #0F52BA, #3B82F6)

3. Tipografia

Space Grotesk — Títulos, Logo, CTAs

[ RB ] Head of Marketing

ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789

Inter — Corpo de texto, UI

Onde a liderança estratégica encontra a automação.

abcdefghijklmnopqrstuvwxyz 0123456789

Import Google Fonts

            <link
            href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Space+Grotesk:wght@400;500;600;700;800&display=swap"
            rel="stylesheet">
        

4. Efeitos Visuais (Liquid Glass)

Glass Effect

            backdrop-filter: blur(20px) saturate(180%);
            background: rgba(10, 10, 15, 0.7);
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 24px;
        

Sombras

Nome	Valor
Card	`0 8px 32px rgba(0,0,0,0.3)`
Glow	`0 0 20px rgba(59,130,246,0.15)`
Glass	`0 8px 32px rgba(0,0,0,0.36)`

5. Ficheiros

Asset	Caminho
Logo Dark	`/assets/logo-dark.svg`
Logo Light	`/assets/logo-light.svg`
Logo Branco	`/assets/logo-white.svg`
Favicon	`/favicon.svg`
CSS Principal	`/css/style.css`

Manual de Identidade v1.0 • Rafael Brochado • 2024