🎨 Flotilla Branding

DOWNLOAD

FLOTILLA BRANDING PACKAGE ➜

Get all logos, fonts & color palette in one ZIP file!

FLOTILLA LOGOS

Drag any logo below to your Desktop or folder on your computer!

Looking for brokerage reference for marketing compliance? Download images here!

DOWNLOAD macOS FLOTILLA COLOR PALETTE

FLOTILLA COLORS

HOW TO ADD THE FLOTILLA COLOR PALETTE IN macOS

Download the Flotilla.clr color palette file.
Open an app such as Apple Pages or Keynote, and create any new file.
Open the macOS color picker tool by clicking on the color wheel icon next to any color formatting option (Text Color, Background Color, etc.).
In the color picker tool, click the Color Palettes icon (3rd icon from the left), then click the gear icon, then Open...
Navigate to your Downloads folder, and double-click the Flotilla.clr file.

You'll now have a color palette named Flotilla in the dropdown menu in the color picker's Color Palettes section. You don't need to repeat these steps for other apps; once any palette is added to the color picker, it's automatically available in any other apps that support the macOS color picker tool.

PANTONE (Print)
302

CMYK% (Print)
93, 59, 20, 37

RGB (Monitor)
0, 59, 92

HEX (Web)
#003B5C

PANTONE (Print)
7690

CMYK% (Print)
86, 37, 5, 5

RGB (Monitor)
0, 118, 168

HEX (Web)
#0076A8

PANTONE (Print)
7459

CMYK% (Print)
70, 18, 12, 2

RGB (Monitor)
66, 152, 81

HEX (Web)
#4298B5

PANTONE (Print)
7702 (60%)

CMYK% (Print)
38, 6, 3, 0

RGB (Monitor)
153, 200, 220

HEX (Web)
#99C8DC

PANTONE (Print)
7457 (75%)

CMYK% (Print)
18, 5, 4, 0

RGB (Monitor)
203, 222, 227

HEX (Web)
#CDE5EF

PANTONE (Print)
7457 (40%)

CMYK% (Print)
9, 3, 2, 0

RGB (Monitor)
230, 242, 247

HEX (Web)
#E6F2F7

CMYK% (Print)
17, 24, 55, 2

HSB (Monitor)
40º, 40%, 80%

RGB (Monitor)
204, 177, 122

HEX (Web)
#CCB17A

CMYK% (Print)
2, 8, 30, 0

HSB (Monitor)
40º, 30%, 100%

RGB (Monitor)
255, 229, 178

HEX (Web)
#FFE5B2

CMYK% (Print)
2, 2, 8, 0

HSB (Monitor)
40º, 10%, 100%

RGB (Monitor)
255, 247, 230

HEX (Web)
#FFF7E6

CMYK% (Print)
5, 23, 73, 3

HSB (Monitor)
40º, 60%, 90%

RGB (Monitor)
230, 184, 92

HEX (Web)
#E6B85C

CMYK% (Print)
2, 5, 18, 0

HSB (Monitor)
40º, 20%, 100%

RGB (Monitor)
255, 238, 204

HEX (Web)
#FFEECC

DOWNLOAD
FLOTILLA FONTS

FLOTILLA FONTS

You will need to install the fonts below to properly view custom-designed Flotilla marketing materials (e.g., Listing/Buyer Presentation, and Nosy Neighbor or Evidence of Success postcards).

HOW TO INSTALL FONTS IN macOS

DOWNLOAD the Flotilla fonts .ZIP file.
DOUBLE-CLICK the .ZIP file that downloads to automatically extract the font files inside of it.
OPEN the Font Book app in your Applications folder.
DRAG all of the font folders from the .ZIP file into the Font Book application window.

NOTE: You may need to log out, then log back in for the fonts to populate for use inside of apps.

HOW TO INSTALL FONTS IN WINDOWS

DOWNLOAD the Flotilla fonts .ZIP file.
DOUBLE-CLICK the downloaded .ZIP file to view its contents.
CLICK the Start/Windows button, then SEARCH for Font Settings and OPEN it.
DRAG all of the font files from the .ZIP folder onto the drag & drop area in the Font Settings window.

BRANDING YOUR MLS APP FOR FLOTILLA

STEP 1: Download the Agent & Client Apps

Download & install the MLSTouch (agent) and MLSClient apps.

MLSTouch

MLSClient

STEP 2: Upload a Logo

OPTION 1: Add the Flotilla Logo

Download the Flotilla logo to the right, and email it to yourself. Open your mail app on your phone, hold your finger on the logo, then select Save Image. Go to your MLS Touch (agent app), find the Brand & Share settings, tap Select Logo, then choose this Flotilla logo from your phone's Camera Roll.

OPTION 2: Add Your Own Logo

For adding your own logo, make sure the image has a bounding box of 400px × 100px, and center your logo those dimensions.

Tap APPLY COLORS & LOGO to save your logo!

Right-click & Save Image or drag to Desktop

Custom Logo Sizing

STEP 3: Set Your Color Scheme

Enter the RGB values below for each color swatch in your MLS Touch app's Brand & Share settings.
NOTE: You may need to tap back into a previous value (R or G) after adding the final (B) value for the value to update correctly.
ALSO NOTE: Primary and Variant can be swapped for a brighter or darker overall app appearance.

Tap APPLY COLORS & LOGO to save your colors!

STEP 4: Share Your App & Create a QR Code!

Tap the Share My App button to send your download link via text message or email. Anyone who downloads the MLSClient app with your link will automatically have their link branded & connected to you!

BONUS: Create a QR Code to Download Your App

Hold your finger on your link, then tap Copy.
Visit the-qrcode-generator.com, and Paste your link into the URL field.
You can style your QR code to have rounded dots, or a higher resolution. NOTE: QR codes work best in black & white.
Download your QR code, and choose PNG if you need to quickly use it in a graphic on your computer or online. Choose SVG if you need to use it in print media (like signage).