Brand Overview
Flatiron Networks is an SDVOSB-certified enterprise IT solutions provider based in Colorado. We deliver hardware procurement, software licensing, implementation, and managed services to enterprise and government clients. These guidelines ensure our brand is represented consistently across every touchpoint, from the website to proposals to print collateral.
Brand Name Usage
"Flatiron Networks" is the only correct way to write our name. Consistency in how we present our brand name is crucial for brand recognition and professionalism.
Flatiron Networks Flatirons Networks Flatiron Network Flatirons
Logo Usage
Our logo is the primary visual representation of the Flatiron Networks brand. It consists of a mountain icon paired with our wordmark. The logo is available in multiple formats and should appear on every page and document without modification.
Logo Variations
Use the appropriate logo variation based on the background color and available space
Primary Logo - Rectangle
Use on light backgrounds. This is the preferred version for most applications including websites, documents, and presentations.
Inverted Logo - Rectangle
Use on dark backgrounds. Maintains brand consistency while ensuring readability on darker surfaces.
Primary Logo - Square
Use when space is limited or a square format is required, such as social media profile images and app icons.
Inverted Logo - Square
Square format for dark backgrounds. Ideal for social media avatars and app icons on dark themes.
Logo Do's and Don'ts
To maintain brand integrity, please follow these guidelines when using the Flatiron Networks logo.
Do: Use the logo at its original proportions
Don't: Stretch or distort the logo
Do: Use on clean, uncluttered backgrounds
Don't: Place on busy or distracting backgrounds
Do:
Maintain proper spacing around the logo
Always link the logo to https://flatironnetworks.com
Use high-resolution logo files
Don't:
Don't change the logo colors
Don't add effects like shadows or glows
Don't rotate or tilt the logo
Clearspace & Minimum Size
Logo Clearspace
Always maintain adequate clearspace around the logo to ensure visibility and impact. The minimum clearspace should equal the height of the mountain icon in the logo. This space should be kept clear of text, graphics, and other visual elements.
Minimum Logo Size
To maintain legibility, never reproduce the logo smaller than the minimum sizes shown below.
Print: 1.5 inches wide
Digital: 160 pixels wide
Color Palette
Our color palette reflects the professionalism, trust, and innovation that Flatiron Networks represents. Use these colors consistently across all brand materials to maintain a cohesive visual identity.
The Flatiron Networks palette is a teal-forward system anchored by deep and bright teal for dark surfaces, with Flatiron blue carrying interactive elements. These colors are used consistently across every page, from hero gradients to buttons to section accents.
Primary Teal Gradient
Interactive & Accent
Neutrals
Backgrounds & Tints
Color Accessibility
All color combinations used in Flatiron Networks materials must meet WCAG 2.1 Level AA contrast ratios. These are the approved pairings.
Typography
Typography plays a crucial role in our brand identity. We use two carefully selected fonts that complement each other and reflect our brand values of professionalism and clarity.
Design Patterns
The reusable components and section patterns that shape every page on flatironnetworks.com.
Buttons
Primary buttons use Flatiron Blue (#337ab7) on both light and dark backgrounds. Secondary buttons are outlined in the current text color on light surfaces, and in translucent white on dark gradient surfaces. Hover state shifts primary to #5a9fd4.
Section Rhythm
Dark bookends (hero + CTA) with alternating white and off-white (#f8f9fa) light sections in between. Never place two identical backgrounds adjacent to each other.
Card Patterns
Icon + Label + Copy
Used in Why Flatiron sections. Light cyan icon tile, navy heading, muted gray description.
Hero SVG Grid Overlay
Every dark gradient section (hero and CTA) uses the same SVG network-grid overlay at 6% opacity. The pattern includes a 60x60 repeating grid with a 10-node network topology. The overlay is consistent across every vendor page and service page.
Canonical file: attachment id 246201, path /web/image/246201/fn-grid-overlay.svg
Downloads
Choose the appropriate file format based on your use case. For questions about custom versions or tailored assets, please contact us.
📦 Complete Logo Pack
All logo variations in PNG, SVG, and EPS formats. Includes light and dark versions in both rectangle and square layouts.
File Format Guide
SVG (Scalable Vector Graphics)
- Best for: Web, digital applications
- Benefits: Scalable without quality loss, small file size
PNG (Portable Network Graphics)
- Best for: Web, presentations, documents
- Benefits: Transparency support, good quality
EPS (Encapsulated PostScript)
- Best for: Print, professional design software
- Benefits: Vector format, industry standard
PDF (Portable Document Format)
- Best for: Print, sharing, archiving
- Benefits: Universal compatibility, preserves quality