Skip to content

Latest commit

 

History

History
90 lines (60 loc) · 2.16 KB

brand-guidelines.md

File metadata and controls

90 lines (60 loc) · 2.16 KB
Raw

Fil B Brand Guidelines

Brand Overview

Fil B's visual identity represents innovation, precision, and technical excellence. Our brand elements combine mathematical symbolism with modern design to create a distinctive and professional appearance.

Logo

Primary Logo

The Fil B logo consists of several key components that work together to create our distinctive mark:

  • An integral symbol (∫) representing mathematical precision
  • Horizontal bars suggesting structure and foundation
  • Blue rectangular elements adding visual weight and balance
  • White elliptical elements providing contrast and sophistication

Logo Specifications

  • Format: SVG (scalable vector graphics)
  • Minimum Size: 40px height to maintain legibility
  • Clear Space: Maintain padding of 20% of logo height on all sides

Technical Details

  • Viewbox: 0 0 219.37 329.72
  • Font: Royce-Extrabold
  • Font Weight: 700

Color Palette

Primary Colors

  • Fil B Blue: #0090FF
    • Use for primary brand elements, CTAs, and emphasis
    • RGB: 0, 144, 255
    • CMYK: 100, 44, 0, 0

Secondary Colors

  • White: #FFFFFF
    • Use for contrast elements and backgrounds
  • Black: #000000
    • Use for text and outlines

Typography

Primary Font

  • Family: Royce-Extrabold
  • Usage: Headlines, logos, and brand elements
  • Weight: 700 (Bold)

Design Elements

Geometric Shapes

  • Rectangles
    • Used for structural elements
    • Maintain specified rotation angles (7.07°, 13.6°, 10.38°)
  • Ellipses
    • Used for accent elements
    • Maintain 1:2 aspect ratio approximately

Mathematical Symbols

  • Integral Symbol (∫)
    • Key brand identifier
    • Maintain specified rotation (10.38°)
    • Preserve stroke width ratios

Implementation Guidelines

Digital Applications

  • Maintain vector format when possible
  • Ensure proper color values across different color spaces
  • Preserve specified rotations and proportions

Accessibility

  • Maintain sufficient contrast ratios
  • Ensure legibility at all sizes
  • Provide alternative text for logo elements

Code Implementation

  • Use semantic HTML elements
  • Implement proper SVG attributes for scalability
  • Maintain specified class names for consistency