Brand & Media Kit
Logos, brand colors, typography, and design guidelines for Kinetic.email.
About Kinetic Email
The first AI-native interactive email platform. Generate emails with carousels, tabs, accordions, surveys, and live content, powered by AI and built for every major email client.
We combine CSS-driven kinetic interactivity with AMP4Email to deliver rich, app-like experiences directly in the inbox. No plugins. No workarounds. Just emails that actually engage.
What we're building
- AI-powered email generation from a single prompt
- Interactive components that work across Apple Mail, Gmail and Yahoo!
- Real-time interaction tracking and analytics
- A full Email Service Provider for the modern marketer
Logo & Icon
Variations: primary logo (bolt icon with KINETIC.email wordmark), logo without icon, icon only, logo on dark background, and the K.e monogram (short form) on light and dark backgrounds.
Logo usage guidelines
- Maintain minimum clear space around the logo equal to the height of the bolt icon
- Do not alter the logo colors or proportions
- Use the dark version on light backgrounds and light version on dark backgrounds
- Minimum size: 120px wide for the full logo, 40px for icon only
Brand Colors
- Primary Indigo 600: #4f46e5, rgb(79, 70, 229). Primary brand color, main accent
- Primary Indigo 700: #4338ca, rgb(67, 56, 202). Darker primary, hover states
- Primary Indigo 500: #6366f1, rgb(99, 102, 241). Lighter primary variant
- Cyan 600: #0891b2, rgb(8, 145, 178). Logo gradient, interactive elements
- Blue 600: #2563eb, rgb(37, 99, 235). Logo gradient, links
- Yellow 500: #eab308, rgb(234, 179, 8). Lightning bolt icon, energy accents
- Logo Gradient: Cyan 600 to Blue 600 (#0891b2 to #2563eb), the KINETIC.email logo text gradient
Typography
- Brand Logo: Unbounded, weight 800. Logo "KINETIC" text
- Logo Domain: Unbounded, weight 400. Logo ".email" text
- Headings: Unbounded, weight 700. Page titles, hero text
- Body Text: Inter Tight, weight 400. Paragraphs, general content
- Code: JetBrains Mono, weight 400. Code snippets, technical content
Design Principles
Dynamic & Interactive
Our designs emphasize movement, interactivity, and engagement. We use animations and transitions to guide users through experiences.
Clean & Modern
We maintain clean layouts with ample white space, modern gradients, and clear visual hierarchy to ensure content is easily digestible.
Accessible & Inclusive
Accessibility is core to our design. We ensure sufficient color contrast, clear typography, and semantic HTML structure.