Ferni Brand Kit
Everything you need to represent Ferni correctly. Download logos, colors, typography, and guidelines for press, partners, and developers.
Includes all logos, icons, color specs, and guidelines as a ZIP file
Logos
Primary logo marks for digital and print use. Available in SVG and multiple PNG sizes.
Do
- Maintain clear space equal to the eye width around the logo
- Use on solid backgrounds or simple gradients
- Keep eyes as opaque white (Luxo-style, no pupils)
- Use provided color variations for different backgrounds
- Maintain the aspect ratio when scaling
Don't
- Never add pupils to the eyes (breaks Luxo style)
- Stretch, distort, or rotate the orb
- Place on busy, patterned, or photographic backgrounds
- Add shadows, effects, or 3D treatments
- Change the orb shape from a perfect circle
Clear Space Requirements
Minimum clear space around logo = width of one eye (X). This ensures the logo maintains visual breathing room in all contexts.
Persona Avatars
The Ferni team — 6 specialized AI companions. Each shares the Luxo-style eye design but with distinct colors.
Color Palette
Official brand and persona colors. Click any swatch to copy the hex value.
Core Brand Colors
#3D5A45
RGB 61, 90, 69
Buttons, links, primary actions
#4a6741
RGB 74, 103, 65
Ferni persona, brand primary
#2C2520
RGB 44, 37, 32
Primary text, high contrast
#FAF8F5
RGB 250, 248, 245
Light theme backgrounds
#c9a227
RGB 201, 162, 39
Premium features, highlights
#1a1612
RGB 26, 22, 18
Dark theme background
Persona Colors
#4a6741
RGB 74, 103, 65
#a67a6a
RGB 166, 122, 106
#3a6b73
RGB 58, 107, 115
#c4856a
RGB 196, 133, 106
#5a6b8a
RGB 90, 107, 138
#b8956a
RGB 184, 149, 106
Semantic Colors
#6bc48f
RGB 107, 196, 143
Positive outcomes
#e07575
RGB 224, 117, 117
Errors, destructive
#e0b860
RGB 224, 184, 96
Caution, attention
#7da6cf
RGB 125, 166, 207
Neutral information
Accessibility Notes
Typography
Official typefaces for all Ferni communications. All fonts are available free from Google Fonts.
Type Scale
Guidelines & Documentation
In-depth resources for proper brand usage and implementation.
Universe Bible
The complete Ferni story, philosophy, mission, and character backgrounds. Essential for understanding the brand.
Read StoryExpression System
100+ avatar expressions organized in 12 families. Animation principles and the Luxo-style eye documentation.
View ExpressionsData Visualization
Chart patterns, color accessibility, animation principles for presenting data in the Ferni style.
View PatternsMotion Language
Animation timing, easing curves, and the 12 principles of Ferni motion inspired by Pixar guidelines.
Explore MotionDesign Tokens
CSS custom properties with all colors, spacing, typography, and animation values. The single source of truth.
View TokensLuxo-Style Eyes
The defining feature: opaque white eyes with NO pupils. Expression comes from eye SHAPE, inspired by Pixar's Luxo Jr.