Prism IO™ Brand Guidelines, Brand System Architect
Logo
The Prism IO™ logo embodies precision, clarity, and systematic thinking. It represents the convergence of human intelligence, AI systems, and large language models into a unified brand architecture.
Primary Logo
Use on dark backgrounds. The logo maintains optimal contrast and brand recognition with its cyan and teal gradient.
Light Background Usage
Use the primary logo on light backgrounds. The geometric icon maintains visibility across all contexts.
Clear Space
Maintain minimum clear space equal to the height of the prism icon on all sides. Never crowd the logo.
Minimum Size
Minimum width: 120px for digital applications, 1 inch for print. Ensure legibility at all sizes.
Logo Usage Guidelines
- Always use the provided logo files, never recreate or modify
- Maintain aspect ratio, never stretch or distort
- Do not add effects, shadows, or outlines unless part of the original file
- Do not place logo on busy backgrounds or low-contrast surfaces
- Do not separate the icon from the wordmark
- Do not change colors or apply filters
- Ensure adequate contrast with background (minimum 4.5:1 ratio)
Icon Story
The prism is not just our logo. It's the perfect metaphor for what Prism IO™ does. Just as a physical prism takes chaotic white light and separates it into focused, distinct wavelengths, Prism IO™ takes scattered brand messaging and refracts it into coherent, purposeful communication across every channel.
Core Metaphor: The Prism Effect
The Problem: White Light Syndrome
Most brands suffer from "white light syndrome." Their messaging is unfocused, scattered, and loses power as it spreads across channels. Like white light, it appears unified but actually contains competing frequencies that dilute impact.
The Solution: Brand Prism Architecture
Prism IO™ acts as the brand prism, systematically separating and organizing these mixed messages into distinct voice components (tone, values, personality), channel-specific adaptations that maintain core identity, and purposeful communication that amplifies rather than dilutes.
Geometric Precision
The hexagonal prism shape conveys systematic approach (not random, but engineered), structural integrity (your brand voice won't break under pressure), and multi-faceted capability (works across all touchpoints).
Light Refraction Elements
The extending light beams represent input transformation (taking in complex brand chaos), organized output (delivering focused, purposeful messaging), and amplified reach (your voice travels further and clearer).
Color Psychology
Cyan (#00ffc8) signals innovation, clarity, and digital-forward thinking. Deep Blue (#0077b6) conveys trust, enterprise credibility, and depth. The gradient flow represents seamless transformation.
Brand Architecture Logic
The icon works on multiple semantic levels:
Literal Level
"We organize and focus your brand voice"
Metaphorical Level
"We bring clarity to complexity"
Aspirational Level
"We amplify your brand's true power"
Strategic Positioning
- For Founders: "We're the architects who turn your vision into systematic reality"
- For Operators: "We're the engineering solution to brand consistency at scale"
- For VCs: "We're the infrastructure that makes brand-driven growth scalable and measurable"
The IO Connection
The "IO" suffix reinforces the transformation concept:
- Input: Scattered brand elements
- Output: Systematic brand architecture
- Input/Output: The prism as the processing engine
Competitive Differentiation
Unlike generic "brand consulting" imagery (lightbulbs, speech bubbles, abstract shapes), the prism is:
- Scientifically grounded (references actual optical physics)
- Process-oriented (shows transformation, not just ideation)
- Measurable (implies systematic, repeatable outcomes)
- Technology-aligned (fits the AI/automation positioning)
Scalability Story
The icon suggests both precision and scale:
- One prism can process infinite amounts of light
- One brand system can govern unlimited touchpoints
- The geometric structure implies it won't break as you grow
Venture Capital Appeal
VCs see in this icon:
- Clear value proposition (transformation/systematization)
- Defensible methodology (not just creative services)
- Scalable technology (systematic approach to brand)
- Enterprise readiness (professional, engineered aesthetic)
Emotional Resonance
At its core, the prism icon tells the story every founder knows: "I have this powerful vision, but it's getting lost in translation." Prism IO™ promises to take that scattered energy and focus it into something that cuts through noise and drives real business results.
Typography
Prism IO™ uses Inter as its primary typeface. Inter is a carefully crafted typeface designed for computer screens, offering excellent readability, versatility, and a modern aesthetic that aligns with our systematic approach to brand architecture.
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%&*
Type Scale
Display Headings
Living Brand Architecture
64px / Bold 700 / Line height 1.1 / Letter spacing -0.02em
Section Titles
Build. Measure. Learn. Repeat.
48px / Semibold 600 / Line height 1.2 / Letter spacing -0.01em
Body Text
A living architecture where brand blueprints are dynamic, actionable, and always accessible. Making sure that your brand mission, vision, and voice remain authentic and consistent across every touchpoint.
16px / Regular 400 / Line height 1.7
Typography Guidelines
- Use Inter for all digital applications (web, app, presentations)
- Pair with system fonts for fallback: -apple-system, BlinkMacSystemFont, 'Segoe UI'
- Enable font features: -webkit-font-smoothing: antialiased
- Use responsive type scale: base 16px, scale by 1.25 ratio
- Maintain line height between 1.5-1.8 for body text
- Apply negative letter-spacing (-0.01em to -0.02em) on large headings
- Never stretch or distort the typeface
Color
Our color palette is intentionally minimal, focusing on high contrast and accessibility. The gradient from deep blue to cyan represents the transformation journey, from complex input to focused output.
Color Usage
Primary Brand Colors
Use Prism Cyan and Teal for:
- Primary brand elements and logo
- Interactive elements and CTAs
- Emphasis and highlights
- Key messaging and brand moments
- Gradient overlays for premium feel
Deep Blue Applications
Use Deep Blue for:
- Trust and credibility moments
- Enterprise-focused content
- Gradient start points
- Section backgrounds with overlays
- Secondary CTAs and links
Background System
Use Dark backgrounds for:
- Deep Black (#0a0a0a) for primary surfaces
- Charcoal (#1a1a1a) for elevated cards
- Create depth through subtle variations
- Maintain high contrast for accessibility
- WCAG AA compliance minimum (4.5:1)
Accent Colors
Use Accent Red sparingly for:
- Pain points and problem statements
- Urgent calls to action
- Error states and warnings
- Emotional emphasis (use sparingly)
Gradient Usage
Apply the brand gradient for:
- Hero sections and key moments
- Background overlays (low opacity)
- Text emphasis on headlines
- Border accents on premium content
- Always use 135deg angle for consistency
Accessibility Requirements
- Minimum contrast ratio: 4.5:1 for body text
- Minimum contrast ratio: 3:1 for large text (18px+)
- Never use color alone to convey information
- Test all color combinations for accessibility
- Provide text alternatives for visual content
Art Direction
Our visual language balances precision with humanity. Every design decision reinforces our core message: living systems, not static documentation. Clean, purposeful, future-focused.
Visual Metaphor: The Prism
Light enters fragmented and scattered. The prism organizes it into a coherent spectrum. This is what we do for brands, taking scattered brand elements and creating unified, living architecture.
- Use geometric shapes and angular elements
- Incorporate light refraction and gradient effects
- Show transformation: chaos to clarity
- Emphasize systematic, organized structures
Photography Style
When using photography, select images that convey professionalism, clarity, and forward-thinking innovation.
- High contrast, dramatic lighting
- Professional environments and teams
- Technology and collaboration themes
- Minimal composition, maximum impact
- Avoid generic stock photography
Iconography
Icons should be minimal, stroke-based, and purposeful. Each icon communicates a specific concept without decoration.
- Stroke weight: 2px
- Style: Geometric, minimal
- Color: Cyan, teal, or white only
- Size: 24px or 64px depending on context
- Maintain consistent visual weight
Animation Principles
Motion should feel purposeful and enhance understanding, never distract. All animations support the narrative of transformation and clarity.
- Fade in up: 0.6s ease
- Staggered reveals: 0.2s delays
- Hover states: subtle lift + glow
- Page transitions: smooth, minimal
- Use easing curves: cubic-bezier(0.4, 0.0, 0.2, 1)
Grid & Spacing
Generous whitespace creates clarity and focus. Our layouts breathe, allowing content to speak without competition.
- Base unit: 8px (all spacing multiples of 8)
- Section padding: 128px (8rem) vertical
- Container max-width: 1200px
- Responsive breakpoints: 768px, 1024px, 1440px
- Maintain consistent vertical rhythm
Texture & Effects
Subtle textures and effects add depth without overwhelming. Use sparingly for premium feel.
- Floating particles: opacity 0.03-0.3
- Gradient overlays: linear, blue to cyan
- Glassmorphism: backdrop blur for nav/modals
- Shadows: minimal, only for elevation
- Border radius: 12-24px on cards/sections
Brand in Use
See how Prism IO's brand system comes to life across digital touchpoints. Every application maintains consistency while adapting to its specific context and user needs.
Website Homepage
Primary digital presence featuring hero messaging, value proposition, and conversion pathways.
ICP Cards
Segment-specific messaging cards that demonstrate understanding of each customer profile.
Founder Story
Authentic narrative content that builds trust and communicates vision through personal journey.
Testimonials
Social proof cards featuring headshots, quotes, and credibility indicators.
Data Visualization
Statistical claims presented with high-contrast, scannable formatting.
Call to Action
High-contrast gradient buttons for maximum conversion and brand presence.
Application Guidelines
Digital Platforms
- Website maintains full brand expression
- Social media adapts to platform constraints
- Email uses simplified color palette
- Documentation prioritizes clarity over style
- Mobile-first responsive design
Content Types
- Blog posts: Educational, thought leadership
- Case studies: Proof and transformation
- Product content: Features and benefits
- Sales materials: Direct, results-focused
- Presentations: Visual, data-driven
Consistency Checklist
- Logo used correctly and at proper size
- Color palette limited to brand colors
- Typography follows Inter specifications
- Tone matches brand voice guidelines
- Messaging aligns with core positioning
- Accessibility standards met (WCAG AA)