Visual Identity
Configure your brand's logos, colors, and typography.
Visual identity encompasses the elements that make your brand instantly recognizable — your logo, color palette, and typography. These elements appear throughout Flamel wherever you're creating visual content.
Uploaded Guides
Upload PDF documents containing your existing brand guidelines. These serve as reference materials and can be analyzed by AI to extract brand information.
Supported formats: PDF files
Best practices:
- Upload your official brand style guide
- Include any supplementary design guidelines
- Keep files updated when guidelines change
Click Choose File to upload, then View to open any uploaded guide.
Logos
Upload your logo files so they're readily available for content creation.
Logo Variations to Include
| Variation | Purpose |
|---|---|
| Primary logo | Full logo with text/icon for most uses |
| Icon only | Compact version for small spaces |
| Light version | For use on dark backgrounds |
| Dark version | For use on light backgrounds |
| Horizontal | Wide format for headers |
| Stacked | Vertical format for different layouts |
Logo File Requirements
Format: PNG with transparent background works best
Resolution: High resolution (at least 1000px on longest side) ensures quality at any size
Transparency: Transparent backgrounds let you place logos over any color or image
Click Add new to upload additional logo variations.
Colors
Define your brand color palette. These colors appear throughout Flamel wherever color selection is needed.
Setting Up Colors
- Click the color swatch or use the color picker
- Enter exact hex codes for precision (#FF5733)
- Add all colors your brand uses
Recommended Color Structure
| Color Type | Example Use |
|---|---|
| Primary | Main brand color, CTAs, headers |
| Secondary | Supporting elements, backgrounds |
| Accent | Highlights, emphasis, special elements |
| Neutral | Text, backgrounds, borders |
| Success/Error | Status indicators, alerts |
Color Best Practices
Be precise — Use exact hex codes from your brand guidelines, not approximations.
Include variations — If you have light and dark versions of colors, add both.
Don't overload — Most brands work well with 3-5 core colors. Too many creates confusion.
Label clearly — Name colors descriptively (Primary Blue, Accent Orange) so team members know when to use what.
Typography
Set your brand fonts for consistent typography across all content.
Font Settings
Primary Font — Used for headlines, titles, and emphasis
Secondary Font — Used for body text and general content
Adding Custom Fonts
If your brand uses custom fonts:
- Click Upload in the Typography section
- Select your font file (TTF, OTF, or WOFF format)
- The font becomes available in the design editor
Web-Standard Fonts
Common fonts like Open Sans, Roboto, Lato, and Montserrat are already available — no upload needed. Select them from the dropdown.
Font Pairing
Good typography pairs fonts that complement each other:
- Contrast — A bold headline font with a readable body font
- Consistency — Fonts from the same family (regular + bold weights)
- Readability — Body fonts should be easy to read at small sizes
Advanced Typography Options
Toggle Use on templates to make your brand fonts the default for new template creations.
Additional typography controls may appear for:
- Font weights
- Line spacing preferences
- Text style defaults
Using Visual Elements
Once configured, your visual identity appears throughout Flamel:
Design Editor — Brand colors at the top of the color picker, brand fonts in the font selector
Templates — Elements marked "use brand color" automatically use your palette
Content Creation — Quick access to logos when adding media to posts
Hub users: Visual identity settings flow to all workspaces automatically. Updates propagate to all franchisees.