Docs

Media Kit

Logos, mascots, and brand colors for press, marketing graphics, and community content.

Download Everything

Describing Filament

Use this description in articles, presentations, and community content.

An open-source framework for building polished, maintainable business software with Laravel.

Usage guidelines

Keep Filament branding consistent across channels with these quick rules.

Always refer to the project as "Filament".

Use the primary honey logo whenever possible.

Use the dark logo when contrast is important.

Keep clear space equal to the logo height.

Stick to the approved Filament palette.

Keep mascots in their original colors.

Only use approved Filament fonts.

Don't call the project "Filament PHP" or "FilamentPHP".

Don't rotate, stretch, or add effects to the logo.

Don't use assets for commercial projects.

Don't mix current assets with previous ones.

Don't imply Filament sponsors or endorses your project.

Don't resize mascots out of proportion to each other.

Please direct any questions or requests regarding our usage guidelines to [email protected] and we will get back to you shortly.

Logo assets

Scalable SVGs for presentations, print, and the web.

Filament logos

Primary logo

Use on light, dark, or photographic backgrounds.

Wordmark

Light background

Dark background

Download as

SVG

PNG

Dark logo

Use on light backgrounds or in monochrome.

Wordmark

Light background

Download as

SVG

PNG

Filament logomark

Use when the full wordmark is not needed.

Icon

Light background

Dark background

Download as

SVG

PNG

Bright Ideas logos

Bright Ideas logo

Use for Bright Ideas podcast artwork, promotions, and insights.

Wordmark

Download as

SVG

PNG

Bright Ideas logomark

Use when the Bright Ideas mark needs to stand alone.

Icon

Mark

Download as

SVG

PNG

Mascot assets

Friendly mascots representing different facets of the Filament brand.

Sparky

Filament's community representative.

Mascot

Download as

SVG

PNG

Atlas

Filament's TALL-stack representative.

Mascot

Download as

SVG

PNG

Barney

Filament's learning and documentation representative.

Mascot

Download as

SVG

PNG

When using multiple mascots together, ensure they are sized proportionally using this sizing guide .

Typography

Use Outfit for headings and Albert Sans for body copy.

Heading font

Outfit Variable

Headings

Build the software organizations run on.

Download from

Google Fonts

Body font

Albert Sans Variable

Paragraphs, lists, links

An open-source framework for building polished, maintainable business software with Laravel. Build internal tools, customer portals, and admin panels with shared components and consistent conventions.

Download from

Google Fonts

Color palette

Core brand colors for Filament.

Brand colors

Primary

Honey

#EFAF5D

Secondary

Cocoa

#46341C

Accent

Bubblegum

#EABDEF

Accent

Powder

#AEC6F4

Accent

Minty

#BFE6D9

Background colors

Background

Serenade

#FFF1E3

Background

Off-White

#FAF9F5

Background

Off-Black

#292524