Jump to...

---

Flotilla Logos

Flotilla Fonts

Flotilla Colors

MLS App Branding

Holiday Shares

Flotilla Logos

LOGOS.FLOTILLAREALTY.COM

---

SOCIAL MARKS • Logo is set smaller within image borders for circular social media profile icons.

Flotilla Fonts

FONTS.FLOTILLAREALTY.COM

---

Ideal Sans is the "Flotilla" title font. You can download it by clicking the Apple Font Book logo to the left. For body text, use Graphik Compact, and Graphik can be used when a wider font is needed. Both Graphik fonts are included in macOS.

You will need to install this font 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

1. Download the Flotilla fonts you need here.
   
2. You can choose to Save or Open it with the Archive Utility app to automatically unzip the file.
3. Double-click the downloaded ZIP file to unzip it into a folder.
4. Open the Font Book app in your Applications folder.
5. Drag the unzipped Ideal Sans fonts into the Font Book app.

How to Install Fonts in Windows

1. Download the Flotilla fonts you need here.
   
2. You can choose to Save or View its contents with Windows Explorer.
3. Double-click the downloaded ZIP file to view its contents.
4. Click the Start/Windows button, then search for and open Font Settings.
5. Drag all of the font files inside the folder onto the drag & drop area in the Font Settings window.

Flotilla Color Palette

COLORS.FLOTILLAREALTY.COM

---

HOW TO ADD THE FLOTILLA COLOR PALETTE IN macOS

1. Download the Flotilla.clr color palette file.
2. Open an app such as Apple Pages or Keynote, and create any new file.
3. Open the macOS color picker tool by clicking on the color wheel icon next to any color formatting option (Text Color, Background Color, etc.).
4. In the color picker tool, click the Color Palettes icon (3rd icon from the left), then click the gear icon, then Open...
5. 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.

DARK BLUE
PANTONE
302
CMYK%
93, 59, 20, 37
HEX
#003B5C
RGB
0, 59, 92

MEDIUM BLUE
PANTONE
7690
CMYK%
86, 37, 5, 5
HEX
#0076A8
RGB
0, 118, 168

LIGHT AQUA
PANTONE
7459
CMYK%
70, 18, 12, 2
HEX
#4298B5
RGB
66, 152, 81

LIGHT BLUE
PANTONE
7702 (60%)
CMYK%
38, 6, 3, 0
HEX
#99C8DC
RGB
153, 200, 220

UL BLUE
PANTONE
7457 (75%)
CMYK%
18, 5, 4, 0
HEX
#CDE5EF
RGB
203, 222, 227

BG BLUE
PANTONE
7457 (40%)
CMYK%
9, 3, 2, 0
HEX
#E6F2F7
RGB
230, 242, 247

MLS App Branding & Sharing

MLSAPP.FLOTILLAREALTY.COM

---

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.

Right-click & Save Image or Drag to Desktop

OPTION 2: Add Your Own Logo
For adding your own logo, make sure the image dimensions are 400px x 100px, and center your logo inside those dimensions.

Custom Logo Sizing

Tap APPLY COLORS & LOGO to save your logo!

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.

PRIMARY
R    0
G    59
B    92

ACCENT
R    66
G    152
B    181

VARIANT
R    0
G    118
B    168

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

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

Holiday Shares

HOLIDAYSHARES.FLOTILLAREALTY.COM

---