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

.png)
.png)
Ícones de Aplicativos


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
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.
Integração
Conecte-se com mais de 5.000 ferramentas, incluindo Slack, Gmail, Zapier e APIs personalizadas.
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.ccAjuda e suporte
Tem perguntas sobre recursos, está enfrentando problemas ou deseja compartilhar feedback? Estamos aqui para ajudar.
support@blue.ccCartão de Insights
cursor-pointer group with h-64 image, title, category and date
Classificação Automática por IA
Engenharia de Permissões Personalizadas
Melhores Práticas de Kanban
Cartões Grandes
cursor-pointer group with h-80 image, larger text, 2-column grid
Automação Avançada de Fluxo de Trabalho
Recursos de Segurança Empresarial
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
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.

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

Automação de Fluxo de Trabalho
Automatize tarefas repetitivas e otimize seus processos para economizar tempo e reduzir erros.

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

Grade de Logotipos de Clientes
logo-grid template with JSON data for customer logos
Confiado por mais de 17.000 equipes


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)]

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

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
- Visões de gerenciamento de projetos Saiba mais sobre diferentes maneiras de visualizar seu trabalho.
- Colaboração em tempo real Como as equipes trabalham juntas no Blue
- Fluxos de trabalho personalizados Crie fluxos de trabalho personalizados para sua equipe
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
"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."

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

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."

"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."

"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."

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.
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 carreirasDemonstração de Recursos Interativos
Posição à Esquerda (Padrão)
Position: "left" - Menu on left, preview on right
Explore as capacidades da plataforma (Esquerda)


Posição Correta
Position: "right" - Menu on left with right-aligned text, preview on right
Recursos de colaboração em equipe (Direita)


Posição Superior
Position: "bottom" - Menu grid first (top), preview second (bottom) - responsive: 1 col mobile, 2 tablet, 3 desktop
Posição Inferior
Position: "top" - Preview first (top), menu grid second (bottom) - responsive: 1 col mobile, 2 tablet, 3 desktop
Analytics dashboard (Bottom)

