- handbook
- Company
- Company
- Operations
- Product
- Development & Design Practices
- Design
- Development
- contributing
- Front End
- How We Work
- Markdown How-To
- packaging
- release
- Releases
- security
- staging
- Using Git
- Website A/B Testing
- Internal Operations
- Legal
- People Ops
- Sales & Marketing
- Marketing
- blog
- Boiler Plate Descriptions
- Content Channels
- Content Types
- HubSpot
- Marketing
- Video
- Webinars
- website
- sales
# FlowForge Branding Guidelines
For FlowForge Assets (e.g. logos, pictograms, and raw design files), please look in the /design/Media folder on Google Drive.
# Fonts
In both the FlowForge application and on our website, we use Tailwind CSS. With Tailwind, comes the font-sans class, which we use across FlowForge.
For branded materials such as videos and images we have two stylized fonts in-use:
- "DIN Alternate Bold": Used in videos & social media content.
- "Baloo Da 2": Used in the FlowForge logo.
# Colour Palette
# Iconography
All app and site iconography uses Heroicons, by the makers of Tailwind CSS. Within our flowforge app, we have two icon sizes available which can be assigned with ff-icon and ff-icon-sm.
# Pictograms
These larger images are used for stylistic purposes. We use pictograms to communicate in a glance, offer interactivity, or simplify complex ideas.
If you wish to create your own Pictograms, you can use this Adobe Illustrator file as a template: pictogram.ai
Sizings:
- 128 x 128px: Used when showing multiple pictograms in the same section of the website or application.
- 250 x 250 px: Used as part of page headers, inline with the page title and page description.