Media Kit

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

Download Everything

Usage guidelines

Keep Filament branding consistent across channels with these quick rules.

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.

Do not rotate, stretch, or add effects.

Do not use assets for commercial projects.

Do not mix current assets with previous ones.

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 knowledgebase 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

Filament powers elegant admin panels.

Build beautiful experiences for your teams.

Download from

Google Fonts

Body font

Albert Sans Variable

Paragraphs, Lists, Links

Filament is a collection of tools for rapidly building beautiful admin panels, dashboards, and internal tools. Pair it with Laravel to ship polished experiences faster.

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