Pular para o conteúdo principal

Recursos da Marca

Diretrizes da Marca

Tudo o que jornalistas, parceiros e voluntários precisam para representar a Food & Care Coalition com precisão. Baixe logotipos, consulte nossa paleta de cores e use textos aprovados para materiais de imprensa.

Logotipos

Uso do Logotipo

Baixe arquivos oficiais do logotipo para uso impresso e digital. Mantenha um espaço livre ao redor do logotipo igual à altura da marca da vela.

Logotipo Escuro — Food & Care Coalition

Logotipo Escuro

Logotipo escuro para fundos claros. Use como padrão.

Logotipo Verde — Food & Care Coalition

Logotipo Verde

Versão verde da marca para fundos claros e materiais impressos.

Logotipo Branco — Food & Care Coalition

Logotipo Branco

Versão branca para fundos escuros ou fotográficos.

Horizontal — Escuro — Food & Care Coalition

Horizontal — Escuro

Logo horizontal para navegação e layouts largos em fundos claros.

Horizontal — Verde — Food & Care Coalition

Horizontal — Verde

Logo horizontal verde para fundos claros.

Horizontal — Branco — Food & Care Coalition

Horizontal — Branco

Logo horizontal branco para fundos escuros ou fotográficos.

Marca da Vela — Escura — Food & Care Coalition

Marca da Vela — Escura

Ícone de vela escuro para fundos claros. Use para favicons e avatares.

Marca da Vela — Verde — Food & Care Coalition

Marca da Vela — Verde

Ícone de vela verde para fundos claros.

Marca da Vela — Branca — Food & Care Coalition

Marca da Vela — Branca

Ícone de vela branco para fundos escuros ou fotográficos.

Paleta de Cores

Cores

Todas as cores estão disponíveis como classes utilitárias do Tailwind. Clique em qualquer amostra para copiar seu valor hexadecimal.

Verde

Neutros Quentes

Vela

Tinta

Sobreposições

Sobreposições semitransparentes para tratamentos fotográficos. Usam valores rgba e não podem ser copiadas com clique.

Overlay Light

rgba(28, 28, 30, 0.45)

brand-overlay-light

Overlay Dark

rgba(28, 28, 30, 0.65)

brand-overlay-dark

Overlay Dark Heavy

rgba(28, 28, 30, 0.80)

brand-overlay-dark-heavy

Overlay Green

rgba(61, 127, 85, 0.65)

brand-overlay-green

Overlay Amber

rgba(212, 129, 58, 0.40)

brand-overlay-amber

Overlay Mint

rgba(231, 242, 235, 0.60)

brand-overlay-mint

Overlay Sand

rgba(201, 185, 154, 0.40)

brand-overlay-sand

Overlay Cream

rgba(250, 247, 242, 0.60)

brand-overlay-cream

Tipografia

Escala Tipográfica

DM Serif Display para títulos, Plus Jakarta Sans para texto. Todos os tamanhos são definidos como tokens do Tailwind.

Display 2XL

text-display-2xl4.5rem / 72pxDM Serif Display

Display XL

text-display-xl3.5rem / 56pxDM Serif Display

Display Large

text-display-lg2.75rem / 44pxDM Serif Display

Display Medium

text-display-md2.25rem / 36pxDM Serif Display

Heading XL

text-heading-xl1.75rem / 28pxPlus Jakarta Sans

Heading Large

text-heading-lg1.375rem / 22pxPlus Jakarta Sans

Heading Medium

text-heading-md1.125rem / 18pxPlus Jakarta Sans

Body text at the large size used for introductory paragraphs.

text-body-lg1.25rem / 20pxPlus Jakarta Sans

Body text at the default size used for most content throughout the site.

text-body-md1.125rem / 18pxPlus Jakarta Sans

Small body text used for secondary information and metadata.

text-body-sm1rem / 16pxPlus Jakarta Sans

CAPTION TEXT — USED FOR LABELS AND OVERLINES

text-caption0.875rem / 14pxPlus Jakarta Sans

Ícones

Biblioteca de Ícones

Nossos ícones vêm do Lucide — um conjunto de ícones limpo, consistente e de código aberto. Estes são os ícones usados em todo o site.

Navegue e baixe ícones individuais em lucide.dev/icons

Services

UtensilsCrossed
Utensils
Coffee
Moon
Leaf
Home
Smile
Brain
ShoppingBag
ShoppingBasket
Briefcase
Droplets
Shirt
Monitor
Wind
Mail
CheckCircle

Values & Impact

Heart
HandHeart
HeartHandshake
TrendingUp
Sparkles
Compass
DoorOpen
Users

Actions & UI

HandHelping
Package
Shield
Calendar
Clock
FileText
Award
Info
BookOpen

Navigation

ArrowRight
ChevronDown
ChevronRight
Menu
X
Copy
Check
ImageIcon

Social

Facebook
Instagram
X (custom)
Youtube

Voz e Tom

Voz da Marca

Calorosa e direta, confiante e humilde, baseada em dados específicos, dignificante, orientada à ação.

Texto Curto

Food & Care Coalition é o centro de recursos mais completo de Provo, fornecendo refeições, abrigo, atendimento odontológico, serviços de saúde mental e apoio habitacional aos residentes do condado de Utah em situação de rua e pobreza.

Texto Longo

Fundada em 1988, Food & Care Coalition serve como o principal centro de recursos do condado de Utah para indivíduos e famílias em situação de rua e insegurança alimentar. Aberta sete dias por semana, a Coalizão fornece refeições nutricionalmente equilibradas, abrigo de emergência, uma clínica odontológica completa, aconselhamento de saúde mental licenciado, programas de preparação para o trabalho e moradia de apoio permanente — tudo sob o mesmo teto. Em 2025, a Coalizão serviu 109,451 refeições e coordenou mais de 50,000 horas de voluntariado em serviço direto aos usuários.

FazerNão Fazer
Use números específicos: "109.451 refeições em 2025"Impacto vago: "mudando vidas" ou "fazendo a diferença"
Diga "usuários" — pessoas que usam nossos serviçosDizer "os sem-teto", "clientes" ou "casos"
Voz ativa: "Servimos refeições sete dias por semana"Voz passiva: "Serviços são fornecidos a indivíduos"
Chamadas diretas à ação: "Seja voluntário neste sábado"Pedidos baseados em culpa: "Eles precisam da sua ajuda para sobreviver"
Histórias em primeira pessoa de quem servimosFotos de banco de imagens ou imagens de pobreza encenada