FOAMS Brand Guidelines

We've created a set of guidelines to help you bring our brand to life consistently across every touchpoint. On this page you'll find our high-level guidelines and assets you'll need. Feel free to use any assets in this document for our communication, and create new ones following the guides on this document.

Color

Our palette is bold and minimal. Pink is our signature — electric and unmistakable. The dark tones ground it with depth.

Black
HEX: #111111
Pink
HEX: #FF30FF
Dark
HEX: #171717
Light
HEX: #F5F5F5
White
HEX: #FFFFFF

Typography

Two typefaces, each with a clear role. Averia Serif Libre leads all titles and headings. Trebuchet MS handles body text.

Typeface Averia Serif Libre Headings & Titles
H1 FOAMS
H2 Brand Guidelines
H3 Section Title
Typeface Trebuchet MS Body Text Only
Body Clear, energetic, and always on brand. This is how we write body copy — readable and direct.
Small Labels, captions, and UI text

In Use

FOAMS
Brand Guidelines
Averia Serif Libre for all headings and titles. Clean, expressive, and unmistakably ours.
Trebuchet MS — body
FOAMS
Brand Guidelines
Averia Serif Libre for all headings and titles. Clean, expressive, and unmistakably ours.
Trebuchet MS — body

Graphic Elements

Our graphic language is built around two distinct visual styles. Each brings a different energy — use them individually or in combination.

Pink Vectors

Bold magenta lines, curves, and geometric forms. Use on dark backgrounds for maximum impact.

✅ Pair with: Water images only

Pink vector element
Pink vector element
Pink vector element
Pink vector element
Pink vector element
Pink vector element
Pink vector element
Pink vector element
Pink vector element
Pink vector element
Pink vector element
Pink vector element
Pink vector element
Pink vector element
Pink vector element
Pink vector element

Focus Light

Concentrated light effects, glows, and radial highlights creating depth and drama.

✅ Pair with: Tropical images only

Defocus light element
Defocus light element
Defocus light element
Defocus light element
Defocus light element
Defocus light element
Defocus light element
Defocus light element
Defocus light element
Defocus light element
Defocus light element
Defocus light element
Defocus light element
Defocus light element
Defocus light element
Defocus light element

How to Combine Elements + Images

Each graphic element style is designed to pair with a specific image category. Follow these rules for a consistent and intentional visual result.

Pink Vectors pair exclusively with Water images
Pink Vectors Water
The electric energy of Pink Vectors matches the raw movement of water. Never use Pink Vectors with Tropical or Body images.
Focus Light pairs exclusively with Tropical images
Focus Light Tropical
The soft glows of Focus Light complement the organic textures of tropical nature. Never use Focus Light with Water or Body images.
⚠️ Both can be used with Body images — but never at the same time
Pink Vectors or Focus Light Body
Choose one or the other — never mix Pink Vectors and Focus Light in the same composition.
💡 Recommended: use only ONE graphic element per image
More than one element is possible, but use it sparingly and with intention. Too many elements in one composition quickly becomes overwhelming.
🎨 Blending Modes are welcome — use with discretion
Feel free to use blending modes like Multiply, Overlay, Screen, etc. when it works well with the composition. However, use it with discretion — don't make it too strong or it will overpower the image.

Photos & Images

Our imagery is organized into three visual territories, each capturing a different dimension of the FOAMS world.

Tropical

Images of plants, forest, lush natural environments.

✅ Use with: Focus Light only

Landscape

Tropical landscape Tropical landscape Tropical landscape Tropical landscape Tropical landscape

Portrait

Tropical portrait Tropical portrait Tropical portrait Tropical portrait Tropical portrait

💡 In case you need more images: make sure they are from inside an atlantic jungle or forest, especially close-ups. Never showing too much open angles or far away angles.

Water

Foaming waves, water in motion, aquatic textures.

✅ Use with: Pink Vectors only

Landscape

Water landscape Water landscape Water landscape Water landscape Water landscape

Portrait

Water portrait Water portrait Water portrait Water portrait Water portrait

💡 In case you need more images: only images of water with foams, especially close-ups. Never showing too much open angles or far away angles.

Body

People, performers, human presence and movement.

⚠️ Use with: Pink Vectors OR Focus Light — never both

Landscape

Body landscape Body landscape Body landscape Body landscape Body landscape

Portrait

Body portrait Body portrait Body portrait Body portrait Body portrait

💡 In case you need more images: only consensual and not too revealing images. Look for shadows, back angles, and seriously avoid showing people's faces. Look for stage design, lights, smoke and nice angles from performances.

Examples of Usage

See the brand in action across different formats and contexts — combining logo, graphic elements, and photography.

Landscape

Example of usage landscape Example of usage landscape Example of usage landscape Example of usage landscape

Portrait

Example of usage portrait Example of usage portrait Example of usage portrait Example of usage portrait

Exemplos Generativos

Pode-se também usar ferramentas generativas para criar imagens facilmente utilizando os diferentes elementos, sempre seguindo as regras de uso. Abaixo estão exemplos generativos, incluindo uma ferramenta para criar diferentes imagens para usar em rede sociais e divulgações.

Brand Image Generator

Paisagem

Generative example landscape Generative example landscape Generative example landscape Generative example landscape

Retrato

Generative example portrait Generative example portrait Generative example portrait Generative example portrait

PROMPT GUIDELINES

Use estas diretrizes ao usar uma ferramenta generativa com prompt:
  • O logo deve ser posicionado em um local agradável, como em tríade. Não exatamente no centro
  • Use a imagem e o elemento gráfico apenas uma vez cada
  • O elemento gráfico deve estar sobre a imagem, não separado
  • Sinta-se livre para usar modos de mesclagem, mas não é obrigatório
  • Mantenha a vibe elegante, moderna e um pouco misteriosa
  • Para paisagem use resolução: 1920 × 1080
  • Para retrato use resolução: 1080 × 1920

Keep it fluid.

FOAMS is a living brand. The logo shifts, the images breathe, and the elements flow. These guidelines exist not to constrain but to give you a foundation to explore from. Feel free to use the generators or create your own.

When in doubt: stay bold, stay fluid.

Open Logo Generator Brand Image Generator Download Base Logo
FOAMS Brand Guidelines
casafoams.com