AFTER WORK BRAND SYSTEM · V1.0

WORK
WITHOUT
BORDERS.

01—10

Uma linguagem visual para adultos que usam o inglês para mover carreiras, atravessar fronteiras e ocupar novos espaços.

01 / VISUAL DNA

CLAREZA.
MOVIMENTO.
AMBIÇÃO.

Editorial, direto e cosmopolita. O sistema combina azul institucional, headlines condensadas, precisão de sinalização e um vermelho usado como pulso — nunca como ruído.

ADULTOPROFISSIONALINTERNACIONALPRESENCIAL

Nota de versão: a arte aprovada não estava anexada ao briefing recebido. A paleta foi construída como direção inicial e está centralizada para calibração futura.

02 / LOGO SYSTEM

ONE MARK.
THREE MODES.

As três assinaturas oficiais mantêm contraste máximo entre fundos institucionais, escuros e claros. Nunca redesenhar, distorcer ou alterar as proporções.

PRIMARY / BLUE

Versão branca sobre Brand Blue 700. Preferencial em campanhas e sinalização.

REVERSE / BLACK

Versão branca sobre Black ou Navy 900. Para fotografia escura e peças premium.

POSITIVE / WHITE

Versão azul e preta sobre branco ou Off White. Padrão institucional e editorial.

CLEAR SPACE

Manter ao redor da assinatura uma área livre equivalente à largura do losango do símbolo.

88 PX

MINIMUM SIZE

Digital: 88 px de largura. Impresso: 28 mm. Abaixo disso, usar somente em aplicações previamente aprovadas.

↗ ≠ ◒

DON'TS

Não inclinar, comprimir, contornar, aplicar sombra, trocar cores ou separar elementos da assinatura.

02 / COLOR

AZUL LIDERA.
ACENTO RESPONDE.

Regra 65 / 30 / 5: fundos claros dominam. Sobre Brand Blue #0B6EB5, usar Yellow #FFCB00; em fundos claros ou navy, usar Red #D94A43.

Brand Blue 900

#043D66

RGB 4 61 102
CMYK 96 40 0 60

Fundos densos, contraste e impressos premium

Brand Blue 800

#075486

RGB 7 84 134
CMYK 95 37 0 47

Seções institucionais e hover

Brand Blue 700

#0B6EB5

RGB 11 110 181
CMYK 94 39 0 29

Azul principal extraído da logo oficial

Brand Blue 600

#187EC6

RGB 24 126 198
CMYK 88 36 0 22

Destaques digitais

Brand Blue 500

#3A94D4

RGB 58 148 212
CMYK 73 30 0 17

Gráficos e estados leves

Navy 900

#08162F

RGB 8 22 47
CMYK 83 53 0 82

Texto, fundos e sofisticação

Navy 700

#22365B

RGB 34 54 91
CMYK 63 41 0 64

Texto secundário

Red 600

#BF3C37

RGB 191 60 55
CMYK 0 69 71 25

Acento impresso e alerta

Red 500

#D94A43

RGB 217 74 67
CMYK 0 66 69 15

Acento opaco, palavra-chave e CTA

Yellow 500

#FFCB00

RGB 255 203 0
CMYK 0 20 100 0

Acento exclusivo sobre Brand Blue

Off White

#F3F1EA

RGB 243 241 234
CMYK 0 1 4 5

Grandes fundos preferenciais

White

#FFFFFF

RGB 255 255 255
CMYK 0 0 0 0

Respiro e contraste

Gray 100

#E8E7E2

RGB 232 231 226
CMYK 0 0 3 9

Superfícies e divisores

Gray 300

#C4C5C2

RGB 196 197 194
CMYK 1 0 2 23

Bordas e grids

Gray 500

#858A8F

RGB 133 138 143
CMYK 7 3 0 44

Metadados

Gray 700

#444B55

RGB 68 75 85
CMYK 20 12 0 67

Texto auxiliar

Black

#090B10

RGB 9 11 16
CMYK 44 31 0 94

Alto contraste

03 / TYPOGRAPHY

TYPE THAT
MOVES.

Display: Barlow Condensed / fallback Impact. Text: Inter / fallback Arial. Ambas gratuitas, digitais e impressas.

BARLOW
CONDENSED

Headlines, campanhas, frases e números. Pesos 700–900.

INTER

O inglês é infraestrutura de carreira. Limpo, funcional e muito legível em tamanhos pequenos.

EstiloTamanho / linhaPesoTrackingUso

Display XXL180 / 151900+0.5%Capas e hero

Display XL128 / 108900+0.5%Campanhas

Display96 / 818000%Frases-chave

H172 / 658000%Títulos de página

H252 / 498000%Seções

H336 / 407000%Módulos

Subtitle24 / 32600−0.5%Aberturas

Body Large20 / 304000Textos editoriais

Body16 / 254000Conteúdo

Small14 / 20500+1%Informação

Caption12 / 16600+6%Legendas

Micro Label10 / 12700+14%Códigos e labels

04 / BIG TYPE SYSTEM

INGLÊS
ABRE
PORTAS.

ESCALA

Digital: 64–220 px. Impresso: headline com 25–55% da largura. Entrelinha mínima de 82% e tracking nunca negativo.

QUEBRA

2–4 linhas, uma ideia por linha. Nunca hifenizar. Letras e linhas não podem encostar, mesmo em palavras largas.

CAIXA ALTA

Padrão em campanhas. Sentence case apenas em conteúdo longo ou institucional.

CONTRASTE

Sobre Brand Blue, Yellow pode destacar uma única palavra. Red fica reservado para fundos claros, Off White, White ou Navy.

05 / GRID & SPACING

PRECISÃO
EDITORIAL.

12 COL
SYSTEM

Base unit / 4 px

2XS · 4px

XS · 8px

SM · 12px

MD · 16px

LG · 24px

XL · 32px

2XL · 48px

3XL · 64px

4XL · 96px

5XL · 128px

FormatoTelaColsMargemGutterSafe area

Feed portrait1080 × 135012722454

Feed square1080 × 108012722454

Stories / Reels1080 × 192066424120 / 220

Landscape1920 × 108012963272

A4210 × 297 mm615 mm5 mm12 mm

A3297 × 420 mm820 mm6 mm15 mm

Banner horizontalProporcional125%2%4%

Banner verticalProporcional66%2%5%

RADIUS

SM 2 labels · MD 4 boxes · LG 8 cards · PILL 999 somente tags funcionais.

LINHAS

1 px como padrão; 2 px em rotas e 4 px em acentos. Horizontais longas, marcas de coordenada e conexões técnicas.

BORDAS

Retas e discretas. Cinza 300 em claro, branco a 30% no azul. Evitar sombras decorativas.

06 / COMPONENTS

BUILDING
BLOCKS.

PRESENCIAL · CUIABÁSEG + QUA
19H30Av. das oportunidades, 700

“Sua carreira
não tem legenda.”

NOVAS TURMAS

CTA Primary

Blue 700 · WhitePadding 16×24Text 14 / 700

CTA Secondary

Transparent · NavyPadding 15×22Text 14 / 700

Info Box

Off White · NavyPadding 24Body + label

Location Box

Navy 900 · WhitePadding 24H3 + micro

WhatsApp Box

Blue 700 · WhitePadding 20×24Body / 700

Course Feature

White · 1px borderPadding 24H3 + body

Icon Feature

TransparentPadding 16Icon 24 + small

Badge

Red 500 · WhitePadding 6×10Micro label

Label

Navy 900 · Off WhitePadding 5×8Micro label

Eyebrow Text

TransparentPadding 0Micro / +14%

Divider

Gray 300Padding 01px

Quote Block

Blue 700 · WhitePadding 32H2

Number Block

Red 500 · WhitePadding 24Display

Price Block

Navy 900 · WhitePadding 28Display + caption

Class Information

Off White · NavyPadding 20Small + labels

Address Block

White · NavyPadding 20Body + micro

Social Media Footer

Navy 900 · WhitePadding 24Small

Logo Area

Clear space 1× AWPadding —Mín. 88px

ICONOGRAFIA / 2PX STROKE · 24PX BOX · 4PX PADDING

→↗⌖◎✦＋◫⌁

Linear, geométrica e consistente. Azul ou Navy; branco em fundos densos. Círculo de fundo apenas para ação ou localização. Sem emoji, 3D ou cartoon.

07 / PHOTOGRAPHY

REAL PEOPLE.
REAL PROGRESS.

Adultos em situações plausíveis: reuniões, apresentações, aeroportos, networking, entrevistas, viagens e aviação. Luz real, atitude confiante, sem poses escolares.

AW PHOTO 01MONOCHROME

AW PHOTO 02BLUE DUOTONE

AW PHOTO 03EDITORIAL

AW PHOTO 04CUTOUT

MOVE
FORWARD.

MONUMENT SYSTEM — monumentos, skylines, mapas e aeroportos em 20–30% das campanhas. Crop dramático, tratamento arquitetônico, P&B ou duotone. Nunca “cartão-postal”.

SELEÇÃO — diversidade real, idade adulta, styling contemporâneo e contexto profissional. Evitar sala infantil, bandeiras óbvias, apertos de mão artificiais e sorrisos publicitários.

08 / GRAPHIC ASSETS

SIGNALS OF
MOVEMENT.

CGBJFKLHR→

AW/CAR/02640°44'54"N
73°59'08"WDESTINATION / NEXT

✦✦✦

GATE 05

Biblioteca proprietária: estrelas de quatro pontas, grids, setas, rotas, coordenadas, círculos de radar, códigos, números, mapas, flight paths, destination labels, airport codes e módulos retangulares. Usar 1–3 por peça.

09 / LAYOUT FAMILIES

FIVE SYSTEMS.
ONE VOICE.

AW—01

MONUMENTAL

Monumento ou arquitetura ocupa 40–60%. Big Type à esquerda; logo no topo; CTA na base. Varia com crop, duotone e sobreposição.

NEW DESTINATION / 01

INGLÊS
ABRE
PORTAS.

NOVAS TURMAS →

AW—02

CAREER

Pessoa ou ambiente em 50%. Navy e Off White dominam; headline em 4–6 colunas; CTA alinhado ao grid inferior.

CAREER ENGLISH / 02

YOUR NEXT
OPPORTUNITY
MAY SPEAK
ENGLISH.

BE READY ↗

AW—03

TYPE

70–90% tipografia, sem foto. O vermelho opaco pode marcar uma única palavra-chave sobre azul; logo sempre em área calma.

NO SUBTITLES / 03

SUA
CARREIRA
NÃO TEM
LEGENDA.

AFTER WORK IDIOMAS

AW—04

URBAN

Base em mapas, metrô e aeroporto. Informação modular, códigos e rotas; headline curta; fotografia opcional em janela.

DEPARTURES / 04

DESTINATIONSTATUSCAREERBOARDINGWORLDOPENNEXTREADY

GO
FURTHER.

AW—05

PORTRAIT

Retrato adulto recortado em 45–65%. Headline interage com o corpo; uma camada atrás, outra à frente; CTA na margem oposta.

AVIATION ENGLISH / 05

READY
FOR
TAKEOFF.

INGLÊS PARA AVIAÇÃO →

10 / VARIATION MATRIX

CONSISTENT.
NEVER STATIC.

CAMPAIGN 0101 MONUMENTAL

CAMPAIGN 0202 CAREER

CAMPAIGN 0303 TYPE

CAMPAIGN 0404 PORTRAIT

CAMPAIGN 0505 URBAN

CAMPAIGN 0606 TYPE

CAMPAIGN 0707 CAREER

CAMPAIGN 0808 MONUMENTAL

BRAND CONSTANTS

Azul institucional · amarelo sobre Brand Blue · vermelho opaco nos demais fundos · sistema tipográfico · grid editorial · iconografia linear · tratamentos AW · comportamento do logo.

BRAND VARIABLES

Fotografia · família de layout · headline · direção do crop · posição da imagem · quantidade de azul · monumento · textura · densidade da composição.

11 / REAL APPLICATIONS

THE SYSTEM
AT WORK.

ENGLISH FOR CAREERS

NOVAS
TURMAS
PRESENCIAIS.

INSCRIÇÕES ABERTAS ↗

AW—03 / TYPE

SUA
CARREIRA
NÃO TEM
LEGENDA.

@AFTERWORKIDIOMAS