Logo should be white on darker backgrounds and almost black on lighter backgrounds.
Our logo is designed to scale to small sizes on print and screen. It comes in three sizes: Large, mid and small. Smallest sizes are Large/20px high, Mid/15px and Small/10px.
Use the logotype, don’t type out Fieldly in other fonts.
Don’t stretch or manipulate the logo.
Don’t pair the logotype with marks that may be confused as logos.
Don’t type out Fieldly in all caps or no caps.
Using almost black or white gives highest contrast ratio, aiding accessibility.
Don't add clear space or resize the logomark.
Our logo is based on classical letter shapes. It is carefully constructed to maintain friendly characteristics while allowing for perfect legibility at any size on any application.
The amount of space has been kerned optically based on the volume between each letter.
Basis of the Fieldly business is the logomark. It includes the famed developer brackets for our software, the handshake between us and clients, as well as the 360 flow between office and field worker experienced within Fieldly.
Clear space around the logo is equal to the cap height of the D turned 90 degrees clockwise.
The logo placement depends on the type of communication and use.
A shift to more white and a manageable range of distinctive secondary and tertiary colors, lets our almost black continue to work for us while letting us embrace a lighter feel. We also have a distinctive blue to add tight focus on important moments.
Our primary brand colors are white and almost black. They are used to provide accessibility, simplicity, and consistency throughout all brand communications.
HEX — FFFFFF
HEX — 242A2D
HEX — D2DBEC
The secondary brand colors are used consistently throughout marketing, web and app.
HEX — 153CFB
HEX — 0577FF
HEX — 87D7DA
HEX — FF9475
It is important to follow the rules of these proportions when creating any brand communication in order to maintain brand consistency and remain accessible for all people.
White plays a very important role in all brand communications and should provide balance with almost black. Sapphire is only used for critical moments that warrant care between Fieldly and the user. The secondary colors are only used reasonably for illustrations and within product.
Our tertiary colors should be used sparingly throughout product, illustration and photography in order to maintain meaning and potency.
Inter is a typeface carefully crafted & designed for computer screens. It works to maintain consistency, create clarity, and provide equity to the brand as a global leader in multi-modal construction.
For clear headlines, titles and other large size texts
we use Inter Bold.
Inter Regular serves as our main font paragraphs and body text.
It is important to maintain these type pairings. This allows for clarity, consistency, and a strong hierarchy for all communications. Medium weight should be paired with Light weight, and Bold weight should be paired with Regular weight.
It is important to organize typography in a hierarchical system according to relative importance or inclusiveness through scale and function depending on communication.
Icons and their usage principles were designed to communicate quickly and effectively across all touchpoints (from product to environment to marketing).
Our icon system is inspired by friendliness and simplicity. It aims to be communicative and inclusive. Each icon has a regular and bold version. Bold versions work well at small sizes in product while the regular version works better in larger settings, signage and marketing. Smallest sizes are Regular max. 20px high and /15px.
Our photography inspires our audience of young and old, rich and poor, customers and partners, local and global. Clarification of how Fieldly works is unnecessary. We build on how it feels to from the persistent planning stage to the proud constructed society of tomorrow.
The result of Fieldly customers using the platform.
People are relatable and appear natural in a global environment, expressing movement.