The Filo Brand
01 Logo
DownloadOur logo is the most recognizable and iconic way to signal the FiloMail brand. The following section outlines how our logo can adapt for different situations, formats, and communications.
Standard combination specification (Horizontal lock-up)
Clearspace (Horizontal lock-up)
Standard combination specification (Vertical lock-up)
Clearspace (Vertical lock-up)
02 App & Social Icons
DownloadThis section specifies the application standards for App icons and their minimum usage size, in addition to defining the usage methods of social media avatars in different scenarios.
on a light-colored backdrop
on a dark-colored backdrop
The minimum display size
The social icons on a light-colored background
The social icons on a blue background
03 Colors
DownloadPrimary Colors
Our core palette forms the basis of our color strategy and should serve as the first impression across core brand touchpoints. Its consistent usage establishes a recognizable visual cue for the FiloMail brand, and is complimented by our secondary palette.
HEX #22A0FB
RGB 34 160 251
PMS 2382C
HEX #002346
RGB 0 35 70
PMS 540C
HEX #0D93F3
RGB 13 147 243
PMS 2382C
HEX #9DDEFF
RGB 157 222 255
PMS 2905C
HEX #EEF9FF
RGB 238 249 255
PMS 290C
Secondary Colors
The secondary palette opens our range of brand expression, allowing FiloMail to adapt to various contexts while maintaining a spirit of delight, and vibrancy. These colors can be used to add interest to communications, or complement specific images or messaging.
04 Logo Usage on Various Backgrounds
Standard for Logo Application in Scenarios with Core palette as Background
Black 20%
Blue 100%
Blue 80%
Blue 60%
Blue 40%
Blue 20%
Blue 10%05 Over Imagery
Our Logo should always be clearly legible and respected within the context of the image. Ensure there is enough contrast between the background photo and Logo.
06 Logo Prohibition Examples
To ensure our brand signature remains consistent and impactful, the logo should not be reinterpreted, modified, or embellished. This page illustrates some modifications to avoid.
07 Typography
DownloadTo accommodate usage across different scenarios, we have selected two Google Fonts with comprehensive weights: Maven Pro is used as the heading font, and Montserrat is applied for system embedding or body text.
Title Font
Body Font
08 Partner Lockup
The FiloMail logo can be locked up with partner brands and collaborators' logos. Below is an example of our primary horizontal lockup construction.
Logo
Icon