Nossos estilos de marca definem a identidade visual e a tipografia que criam uma experiência consistente.

Logotipo


Variantes de Logotipo

Blue Logo
Logotipo Padrão
Blue Logo Black
Logotipo Preto
Blue Logo White
Logotipo Branco

Ícones de Aplicativos

Blue App Icon 1
Ícone do Aplicativo Blue
Blue App Icon 2
Ícone do Aplicativo Branco
Baixe todas as variantes do logotipo nos formatos PNG e SVG.
Baixar

Tipografia


Cabeçalhos

text-4xl md:text-6xl lg:text-6xl font-medium tracking-tight text-gray-900

O futuro da gestão de processos

text-3xl md:text-4xl font-medium tracking-tight text-gray-900

Construa melhores fluxos de trabalho juntos

text-2xl font-medium text-gray-900

Otimize suas operações

text-xl font-medium text-gray-900

Colaboração aprimorada da equipe

text-lg font-medium text-gray-900
Gestão de projetos simplificada
text-base font-medium text-gray-900
Destaques e detalhes da funcionalidade

Texto do Parágrafo

text-lg text-gray-600

Blue foi projetado para se adaptar ao fluxo de trabalho único da sua equipe. Seja gerenciando projetos complexos ou tarefas simples, nossa plataforma oferece a flexibilidade e o poder que você precisa para ter sucesso.

text-base text-gray-600

Crie campos personalizados, automatize fluxos de trabalho e colabore em tempo real. Nossa interface intuitiva facilita o início para as equipes, ao mesmo tempo que oferece recursos avançados para usuários experientes.

text-sm text-gray-600

Perfeito para legendas, metadados e informações secundárias que apoiam seu conteúdo principal.

text-base text-gray-900

Use texto mais escuro para o conteúdo principal e informações importantes que precisam se destacar do texto secundário.


Texto de Destaque

text-3xl text-gray-900 text-center

Nossa missão é organizar o trabalho do mundo construindo a melhor plataforma de gerenciamento de processos do planeta.

Paleta de Cores


#00A0D2
Blue Blue
#F06C9B
Cyclamen
#FED766
Mostarda
#A9F0D1
Aguamarinha
#F86624
Giants Laranja

Grade de Recursos


Componente de Grade de Recursos

features-grid-simple component with optional URLs, Font Awesome icons, and responsive 3-column layout

Demonstração das capacidades da plataforma

Segurança

Segurança de nível empresarial com criptografia de ponta a ponta e certificações de conformidade.

Desempenho

Tempos de resposta ultrarrápidos e garantia de 99,9% de disponibilidade para trabalhos críticos.

Análise

Insights em tempo real e painéis personalizáveis para acompanhar o que mais importa.

Integração

Conecte-se com mais de 5.000 ferramentas, incluindo Slack, Gmail, Zapier e APIs personalizadas.

Automação

Otimize fluxos de trabalho com automação inteligente que aprende com seus processos.

Móvel

Aplicativos móveis completos para iOS e Android com capacidades de sincronização offline.

Colaboração

Ferramentas de colaboração em tempo real com comentários, menções e espaços de trabalho em equipe.

Personalização

Interface, campos e fluxos de trabalho totalmente personalizáveis para atender às necessidades do seu negócio.

Suporte

Suporte especializado 24/7 com chat ao vivo, telefone e gerentes de sucesso dedicados.

Componentes do Cartão


Cartão Padrão

bg-white border border-gray-200 rounded-xl p-8 shadow-sm hover:shadow-md transition-shadow

Vendas

Explore planos, discuta soluções empresariais ou agende uma demonstração personalizada.

sales@blue.cc

Ajuda e suporte

Tem perguntas sobre recursos, está enfrentando problemas ou deseja compartilhar feedback? Estamos aqui para ajudar.

support@blue.cc

Cartão de Insights

cursor-pointer group with h-64 image, title, category and date

Classificação Automática por IA

Atualizações do Produto June 15, 2024

Engenharia de Permissões Personalizadas

Engenharia May 28, 2024

Melhores Práticas de Kanban

Melhores Práticas April 12, 2024

Cartões Grandes

cursor-pointer group with h-80 image, larger text, 2-column grid

Automação Avançada de Fluxo de Trabalho

Atualizações do Produto June 28, 2024

Recursos de Segurança Empresarial

Engenharia June 20, 2024

Layouts em Grade


Grade 2x2 com Divisores

grid grid-cols-1 md:grid-cols-2 gap-0 with border-b border-gray-200 md:border-r

Item 1 Dividido

Primeiro item na grade dividida com bordas limpas.

Link de Ação

Item 2 Dividido

Segundo item mostrando a coluna direita do layout dividido.

Saiba Mais

Item 3 Dividido

Terceiro item na linha inferior da grade dividida.

Começar

Item 4 Dividido

Quarto item completando o padrão de grade dividida.

Contato

Grade de Produtos

Full width 2x2 grid with dividers separating product features

Gestão de Projetos

Organize as tarefas da sua equipe e acompanhe o progresso do projeto do início ao fim.

Gestão de Projetos

Colaboração em Equipe

Habilite uma comunicação fluida e colaboração em tempo real em toda a sua equipe.

Colaboração em Equipe

Automação de Fluxo de Trabalho

Automatize tarefas repetitivas e otimize seus processos para economizar tempo e reduzir erros.

Automação de Fluxo de Trabalho

Análises e Relatórios

Obtenha insights detalhados e relatórios abrangentes para tomar decisões baseadas em dados.

Análises e Relatórios

Grade de Logotipos de Clientes

logo-grid template with JSON data for customer logos

Confiado por mais de 17.000 equipes

CBRE logo
Cisco logo
Deloitte logo
FedEx logo
Manulife logo
Red Hat logo
Heineken logo
Marriott logo
Decathlon logo
TotalEnergies logo
Sheraton logo
VMware logo
Columbia University logo
Save the Children logo
World Food Programme logo
UNDP logo
ILO logo
ADB logo

Estilos de Imagem


Capturas de Tela do Produto

border-2 border-gray-200 rounded-lg shadow-[0_4px_6px_-1px_rgba(0,0,0,0.1),0_2px_4px_-1px_rgba(0,0,0,0.06)]
Estilo de captura de tela de profundidade 2px

Fotos da Equipe

rounded-3xl for warm, friendly team imagery
Foto da Equipe Blue

Estilos de Vídeo


Vídeos Hero

w-screen h-auto object-cover rounded-2xl with autoplay muted loop playsinline controls

Vídeo de Apresentação do Produto (Direita)

feature-video component with text left, video right, optional "See also" section

Colaboração aprimorada da equipe

Veja seu trabalho do seu jeito com várias visualizações, atualizações em tempo real e ferramentas de colaboração integradas. Alterne entre quadros Kanban, calendários, cronogramas e muito mais para se adequar ao fluxo de trabalho da sua equipe.

Veja também

Vídeo de Recursos do Produto (Esquerda)

feature-video component with video left, text right, without "See also" section

Fluxos de trabalho de automação poderosos

Crie automações sofisticadas sem código usando nosso construtor de fluxos de trabalho visual. Conecte ferramentas, acione ações com base em condições personalizadas e economize horas de trabalho manual a cada semana.

Depoimentos


Depoimentos em Vídeo de Clientes

testimonial-videos component with 4x1 grid

"O Blue ajuda a manter tudo completamente organizado — é uma ferramenta absolutamente maravilhosa."

"As funcionalidades de automação do Blue nos ajudam a conduzir nossas operações de forma integrada."

"Toda a minha vida está no Blue! Adoro como a equipe é incrivelmente responsiva."

"Se você está se perguntando se deve comprar o Blue... a resposta é SIM."


Depoimentos Escritos Lado a Lado

Two-column layout with vertical divider
Deloitte

"A Blue transformou a maneira como gerenciamos nossos projetos de consultoria globais. As funcionalidades de automação nos economizaram inúmeras horas e melhoraram significativamente a entrega aos nossos clientes."

David Sacks
David Sacks
Sócio na Deloitte
Cisco

"A flexibilidade e o poder da plataforma Blue nos permitiram padronizar processos em toda a nossa organização, mantendo a autonomia da equipe."

Sarah Johnson
Sarah Johnson
VP de Operações na Cisco

Depoimentos da Grade

Three-column grid with light grey cards

"A Blue transformou completamente nosso fluxo de trabalho de gerenciamento de projetos. A interface intuitiva e os poderosos recursos de automação tornaram nossa equipe 3x mais produtiva."

Rick Lewis
Rick Lewis
CEO na Agência Digital

"As capacidades de marca branca do Blue foram fundamentais para escalar nossos serviços ao cliente. Agora podemos oferecer soluções de nível empresarial com nossa própria marca."

Ana Martinez
Ana Martinez
COO na Scale Corp

"Economizamos horas a cada semana usando as ferramentas de automação do Blue. O ROI tem sido incrível - pagou-se dentro do primeiro mês de implementação e continua melhorando."

Pere Rodriguez
Pere Rodriguez
Diretor na Enterprise Inc

Estatísticas


Componente da Seção de Estatísticas

stats-section component with title and stats array

Empresas líderes confiam na Blue para otimizar suas operações.

Botões


Botões Primários

px-4 py-2 text-sm font-semibold rounded-md border border-transparent bg-brand-blue text-white hover:bg-brand-blue/90

Botões Secundários

px-4 py-2 text-sm font-semibold rounded-md border border-gray-300 bg-white text-gray-700 hover:bg-gray-50

Botões de Acento

px-4 py-2 text-sm font-semibold rounded-md border-2 border-brand-blue bg-blue-50 text-gray-900 hover:bg-blue-100

Tamanhos dos Botões

Various padding combinations for different button sizes

Chamadas para Ação


Botão CTA Duplo

dual-button-cta component with title and two action buttons

Ready to get back to work? Pronto para começar?


Barra de Notícias CTA

news-bar component with announcement text and button

O Blue Design System 2.0 já está disponível com componentes aprimorados e suporte para modo escuro.


Chamada à Ação de Carreira

bg-gray-50 rounded-3xl with centered content

Junte-se a nós para moldar um futuro de tecnologia.

Ver carreiras

Demonstração de Recursos Interativos


Posição à Esquerda (Padrão)

Position: "left" - Menu on left, preview on right

Explore as capacidades da plataforma (Esquerda)

Loading video...
Fluxograma feature preview
Loading video...
Mapa da jornada do cliente feature preview

Posição Correta

Position: "right" - Menu on left with right-aligned text, preview on right

Recursos de colaboração em equipe (Direita)

Loading video...
Retrospectiva da sprint feature preview
Planejamento de roadmap feature preview
Loading video...

Posição Superior

Position: "bottom" - Menu grid first (top), preview second (bottom) - responsive: 1 col mobile, 2 tablet, 3 desktop
Loading video...
Loading video...
Loading video...
Loading video...
Loading video...
Loading video...

Posição Inferior

Position: "top" - Preview first (top), menu grid second (bottom) - responsive: 1 col mobile, 2 tablet, 3 desktop

Analytics dashboard (Bottom)

Loading video...
Performance metrics feature preview
Loading video...
Data visualization feature preview
Loading video...

Assistente de IA

As respostas são geradas usando IA e podem conter erros.

Como posso ajudá-lo?

Pergunte-me qualquer coisa sobre o Blue ou esta documentação.

Digite para enviar • Shift+Enter para nova linha • ⌘I para abrir