OxyFlow · Brand Hub · v0.1

DESIGN SYSTEM

Aplicação do O2 Inc. Design System v1.0 ao OxyFlow. Fonte canônica em assets/design-system/o2-design-system.md.

01 · Tokens semânticos

var(--bg)

bg-elev

var(--bg-elev)

bg-elev-2

var(--bg-elev-2)

surface

var(--surface)

accent (lima)

var(--accent)

accent-soft

var(--accent-soft)

var(--fg)

fg-muted

var(--fg-muted)

fg-subtle

var(--fg-subtle)

success

var(--status-success)

warning

var(--status-warning)

danger

var(--status-danger)

info

var(--status-info)

02 · Tipografia

Display · Tusker Grotesk

OXYFLOW

uppercase · letter-spacing 0.005em · pesos 600 / 700 / 900

Body · Montserrat

Um processo é uma sequência de fases. Cada fase tem campos. Cada item percorre as fases. Esse é o coração do BPM.

Mono · JetBrains Mono

CARD-1284 · OPEN · SLA 2D 4H · MOVED_BY ERIC.SILVEIRA@O2INC

03 · Botões

04 · Chips

DEFAULTACCENTON TRACKAT RISKBREACHEDINFO

05 · Item card (Kanban)

Personalcob Serviços Financeiros Ltda

CFO-1284·SLA 2d 4h

ON TRACK

Martinelli Industria — alteração de Data 3

CFO-1399·5h atrasado

BREACHEDPIPEFY 1344869835

06 · Símbolo O2

VERDE

PRETO

WIREFRAME

GRAFITE