Flotilla.co
  • Consumers
  • Military
  • Brokers
  • Insights
    • Flotilla Blog
  • Team

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

Picture
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.
Picture
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.
Picture

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.
Picture
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

Picture
STEP 1: Download the Agent & Client Apps
Download & install the MLSTouch (agent) and MLSClient apps.
Picture
MLSTouch
Picture
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.
Picture
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.

Picture
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!
Picture
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).
Picture

Holiday Shares

HOLIDAYSHARES.FLOTILLAREALTY.COM


FLOTILLA REAL ESTATE PARTNERS

5119 N Western Ave • Oklahoma City, OK  73118 • 405.977.0207
OREC License #200055

Picture
  • Consumers
  • Military
  • Brokers
  • Insights
    • Flotilla Blog
  • Team