AI Context

Copy this markdown summary to provide AI assistants with Frequency brand context. This is also available via the @frequencyads/brand package.

frequency-brand-context.md

# Frequency Brand

Audio adtech platform (est. 2017). Voice: innovative, professional, approachable.

## Colors
Primary: #169BDE (light #45B2E1, dark #0B5A8C)
Secondary: #7E57C2 (light #B89DDA, dark #442E6F)
Error: #E63459 | Warning: #E79E26 | Success: #5AB267
Text: #383838 (secondary #808080, disabled #CCC)

## 10-Color Palette
Blue, Violet, Red, Green, Yellow, Orange, Cyan, Pink, Indigo, Gray
Each color has 10 shades (index 0-9), main color at index 5.

## Typography
Headings: Montserrat 400-700, letter-spacing -1px to -2px
Body: Source Sans 3 400/600
Scale: Display 60px, H1 48px, H2 36px, H3 24px, H4 20px, Body 16px, Small 14px

## Voice
Clear, direct, human. Avoid jargon. Sentence case for buttons.
Prefer: create, platform, teams, fast, simple, help
Avoid: generate, solution, stakeholders, rapid, seamless, assist

## Code
```css
--frequency-primary: #169BDE;
--frequency-primary-light: #45B2E1;
--frequency-primary-dark: #0B5A8C;
--frequency-secondary: #7E57C2;
--frequency-secondary-light: #B89DDA;
--frequency-secondary-dark: #442E6F;
--frequency-error: #E63459;
--frequency-warning: #E79E26;
--frequency-success: #5AB267;
--frequency-text: #383838;
--font-heading: 'Montserrat', sans-serif;
--font-body: 'Source Sans 3', sans-serif;
```

## Gradients (135deg angle)
Frequency Alive: #2C9EE0 → #7727F0 (primary brand)
Electric Allure: #4442F0 → #36B7CD (tech/data)
Bright Jewel: #2DE1B9 → #2C9EE0 (success)
Specialty Attraction: #6A0D9E → #6E18F0 (premium)
Eyecatching Error: #FF7009 → #E23646 (error)
Caution Flag: #DA8B01 → #F6B13E (warning)

What’s Included

This AI context summary includes:

Brand overview - Company info, mission, founding story
Color palette - All hex codes and 10-shade system
Gradients - 6 brand gradients with color stops
Typography - Font families, weights, and type scale
Voice & tone - Writing style and word preferences
Code snippets - CSS variables, Google Fonts

Usage Tips

For ChatGPT / Claude / Other AI Assistants

Paste this context at the start of your conversation when asking the AI to:

Generate UI code that follows Frequency brand guidelines
Write marketing copy in the Frequency voice
Create color schemes or design mockups
Review designs for brand compliance

Example Prompt

[Paste the brand context above]

Now, please create a React component for a pricing card that follows
the Frequency brand guidelines. Use the primary color for the CTA button
and Montserrat for headings.

NPM Package

This context is also available programmatically:

import { aiContext } from '@frequencyads/brand/context';
 
// Use the pre-built context string
console.log(aiContext);
 
// Or build custom context
import { getAIContext } from '@frequencyads/brand/context';
 
const colorsOnly = getAIContext({
  includeColors: true,
  includeTypography: false,
  includeVoice: false,
  includeCode: false
});

Pencil Template