Cytognosis exists at the "Point of Inception" — a beacon of clarity illuminating the molecular universe where artificial intelligence meets human biological vitality. We operate at the frontier where complex computational systems translate cellular whispers into actionable health insights, years before disease manifests.
Core Identity
| Element | Description | |---------|-------------| | Organization Type | 501(c)(3) Nonprofit Healthcare Innovation Foundation | | Legal Name | Cytognosis Foundation, Inc. | | EIN | 39-4383634 | | Structure | Nonprofit-PBC Hybrid (capped investor returns) | | Founded | September 8, 2025 | | Headquarters | South San Francisco, California | | Website | https://www.cytognosis.org/ |
Brand Positioning
Cytognosis represents the convergence of cutting-edge AI technology and human-centered healthcare innovation. Our brand embodies:
Precision: AI-powered analysis at the cellular level
Prevention: Detecting disease years before symptoms emerge
Hope: Transforming healthcare from reactive to proactive
Equity: Ensuring breakthrough technologies reach all populations
Compassion: Bridging technical excellence with human empathy
Brand Pillars
`` ┌─────────────────────────────────────────────────────────────┐ │ 🔬 PREVENTION OVER TREATMENT │ │ "Detect disease before it defines destiny" │ ├─────────────────────────────────────────────────────────────┤ │ 🤖 AI-POWERED PRECISION │ │ "Where artificial intelligence meets human intuition" │ ├─────────────────────────────────────────────────────────────┤ │ 🌍 EQUITABLE ACCESS │ │ "Healthcare innovation for all, not just some" │ ├─────────────────────────────────────────────────────────────┤ │ ⏱️ TIME AS MEDICINE │ │ "Every moment before symptoms is a lifetime saved" │ └─────────────────────────────────────────────────────────────┘ `
2. Mission & Vision
Mission Statement
"Revolutionize global healthcare from reactive treatment to proactive prevention through pioneering AI-native technologies that detect and prevent disease at the cellular level years before symptoms emerge, with unwavering commitment to reducing health disparities and ensuring equitable access to life-saving technologies for underserved populations worldwide."
Vision Statement
"A world where disease is detected and prevented before it defines lives, where AI-powered precision medicine is accessible to all, and where healthcare transforms from treating illness to preserving wellness."
Core Values
1. Scientific Excellence: Rigorous research and evidence-based innovation 2. Health Equity: Universal access to breakthrough technologies 3. Transparency: Open science and collaborative development 4. Compassion: Human-centered design and empathetic communication 5. Innovation: Pioneering AI-native healthcare solutions
"Transforming lives before disease defines them."Usage: Supporting copy, social media, secondary messaging
Descriptor Tagline
"Detecting disease years before symptoms emerge"Usage: Compact descriptions, meta descriptions, brief introductions
Company Descriptions
Primary Description (AI Grants/Proposals) — 58 words
Cytognosis Foundation is a 501(c)(3) nonprofit pioneering AI-native health technologies that detect and prevent disease at the cellular level years before symptoms emerge. Using multimodal biological foundation models trained on single-cell genomics, imaging, and clinical data, we're transforming healthcare from reactive treatment to proactive prevention—with an unwavering commitment to global health equity.
Ultra-Concise (Opening Line) — 32 words
Cytognosis Foundation is a nonprofit healthcare moonshot building AI foundation models that detect disease at the cellular level years before symptoms appear—ensuring breakthrough technologies reach underserved populations worldwide.
Technical AI Focus (Technical Audiences) — 48 words
Cytognosis Foundation is a nonprofit research organization developing multimodal biological foundation models that integrate single-cell transcriptomics, spatial imaging, and longitudinal clinical data to enable ultra-early disease detection. Our AI-native platform transforms cellular and molecular signatures into actionable health insights years before traditional diagnosis—prioritizing equitable global access.
Balanced Version (General AI Proposals) — 54 words
Cytognosis Foundation is a 501(c)(3) nonprofit building AI-powered health monitoring technologies that detect and prevent disease years before symptoms emerge. Our multimodal foundation models analyze cellular and molecular health states to revolutionize healthcare from reactive to proactive—ensuring life-saving innovations reach underserved populations through our commitment to open science and global equity.
Key Messages
| Audience | Core Message | Supporting Points | |----------|--------------|-------------------| | Patients & Public | Early detection saves lives | • Detect disease years early • Non-invasive monitoring • Personalized prevention | | Researchers | AI-native biological insights | • Multimodal foundation models • Single-cell precision • Open science collaboration | | Funders | Transformative health equity | • Nonprofit mission • Scalable technology • Global impact potential | | Healthcare Providers | Proactive care revolution | • Clinical decision support • Early intervention • Improved outcomes |
4. Logo System
Logo Philosophy
The Cytognosis logo features a stylized "C" that incorporates a molecular network pattern, representing:
Cellular cognition: AI understanding at the molecular level
Interconnected systems: Holistic health monitoring
Data flow: Information transforming into insights
Human connection: Technology serving humanity
Logo Versions
| Version | Profile | Technical Specs | |---------|----------|-----------------| | Primary Full Color | Main usage on light backgrounds | Full gradient, all elements visible | | Dark Mode | Usage on dark backgrounds | Light/white version with glow | | Monochrome | Single-color applications | Black or white, no gradient | | Icon Only | App icons, favicons, social media | Simplified "C" mark only | | Horizontal Lockup | Wide format applications | Logo + wordmark side-by-side | | Stacked Lockup | Vertical format applications | Logo above wordmark |
Maintain clear space equal to the height of the "C" in the logo around all sides. No text, graphics, or other elements should intrude into this protected area.
Never place on busy backgrounds without proper contrast
Never recreate or modify logo elements
Logo Color Variations
| Background Type | Logo Version | Text Color | |----------------|--------------|------------| | Light (#FFFFFF - #F5F5F5) | Full color gradient | Dark text (#1e1e2e) | | Dark (#1e1e2e - #11111b) | Light/white version | Light text (#cdd6f4) | | Gradient | Highest contrast version | Adaptive based on background | | Photography | White or dark with background overlay | Ensure 4.5:1 contrast minimum |
5. Color Palette
Color Philosophy
The Cytognosis color system is inspired by the intersection of biological vitality and AI precision. Our palette draws from:
Cellular Biology: The vibrant purples and magentas of stained cells under microscopy
Neural Networks: The electric blues and cyans of data flowing through AI systems
Hope & Healing: The warm pinks and corals representing human compassion
Innovation: The deep indigos representing cutting-edge technology
Unlike generic tech palettes, Cytognosis colors are warmer, more vibrant, and distinctly biological while maintaining professional credibility.
Primary Brand Colors
Cytognosis Violet (Primary Purple)
The Signature Color - Represents cellular intelligence and biological insight
1. Warmer Purples: Our violets have more red, making them warmer and more biological 2. Vibrant Magentas: Bold and energetic, not muted like typical pinks 3. Balanced Blues: Between cyan and blue, avoiding coldness 4. Rich Indigos: Deeper and more saturated than typical indigos 5. Biological Inspiration: Colors reflect actual cellular staining 6. Gradient Complexity: Multi-stop gradients with careful transitions
Our typography system prioritizes readability, accessibility, and professional presentation. We use carefully selected typefaces that balance technical precision with human warmth, ensuring content is accessible to all users including those with ADHD, dyslexia, and other neurodivergent conditions.
Primary Typefaces
Display & Headings: Inter
Inter is our primary typeface for headings, UI elements, and display text.
1. Line Length: 50-75 characters per line (optimal: 66 characters) 2. Line Height: 1.5-1.6 for body text, 1.2-1.4 for headings 3. Paragraph Spacing: 1em between paragraphs 4. Text Alignment: Left-aligned for body text (never justify) 5. Contrast: Minimum 4.5:1 for body text, 3:1 for large text
Accessibility Considerations
1. Font Size: Minimum 16px for body text 2. Scalability: Support browser zoom up to 200% 3. Dyslexia-Friendly: Adequate letter spacing, clear letterforms 4. ADHD-Friendly: Clear hierarchy, generous whitespace 5. Color Independence: Never rely solely on color for meaning
Neurodiversity Support
For ADHD:
Clear visual hierarchy with distinct heading sizes
Our visual language communicates the intersection of advanced AI technology and human-centered healthcare through carefully crafted metaphors and design elements.
Core Visual Metaphors
1. Molecular Networks: Representing cellular connections and AI neural networks 2. Data Flow: Visualizing the transformation from raw data to insights 3. Light in Darkness: Symbolizing early detection and hope 4. Organic Geometry: Blending natural biological forms with technical precision 5. Temporal Progression: Showing the journey from present to future health
Size: 24px base size, scalable to 16px, 32px, 48px
Color: Use brand colors with semantic meaning
Consistency: Maintain uniform stroke weight and corner radius
Clarity: Ensure recognizability at small sizes
Icon Categories
| Category | Examples | Usage | |----------|----------|-------| | Health & Medical | Cell, DNA, microscope, heart | Health-related features | | AI & Technology | Brain, network, chip, algorithm | AI/tech features | | Data & Analytics | Chart, graph, dashboard, metrics | Data visualization | | Actions | Search, filter, download, share | User interactions | | Status | Success, warning, error, info | System feedback |
Photography
Photography Guidelines
Subject Matter:
Diverse individuals representing global populations
Healthcare professionals in authentic settings
Laboratory and research environments
Abstract cellular and molecular imagery
Technology and AI visualization
Style:
Natural, authentic moments (not overly staged)
Soft, diffused lighting
Shallow depth of field for portraits
High-quality, professional imagery
Diverse representation across age, ethnicity, ability
Color Treatment:
Subtle color grading toward brand colors
Maintain natural skin tones
Enhance blues and purples in backgrounds
Avoid oversaturation
Consistent color temperature across image sets
Prohibited:
Stock photos with obvious staging
Overly clinical or sterile imagery
Images that reinforce health disparities
Low-quality or pixelated images
Images without proper licensing
Illustration
Illustration Style
Characteristics:
Geometric abstraction with organic elements
Gradient fills using brand colors
Subtle texture and depth
Clean, modern aesthetic
Balance between technical and approachable
Profiles:
Explaining complex scientific concepts
Data visualization and infographics
Hero sections and feature highlights
Educational content
Abstract backgrounds
Technical Specifications:
Vector format (SVG preferred)
Scalable without quality loss
Optimized file sizes
Accessible color contrast
Semantic HTML when embedded
Data Visualization
Visualization Principles
1. Clarity: Information should be immediately understandable 2. Accuracy: Data representation must be truthful and precise 3. Accessibility: Visualizations must work for all users 4. Consistency: Use standardized chart types and colors 5. Context: Provide necessary context and labels
Chart Types & Usage
| Chart Type | Best For | Avoid For | |------------|----------|-----------| | Line Chart | Trends over time, continuous data | Comparing categories | | Bar Chart | Comparing categories, discrete data | Time series | | Scatter Plot | Correlations, distributions | Exact values | | Heatmap | Patterns in large datasets | Small datasets | | Network Graph | Relationships, connections | Linear progressions |
Color Usage in Data Viz
Use sequential colors for ordered data (light to dark)
Use diverging colors for data with meaningful midpoint
Use categorical colors for distinct categories
Ensure colorblind-safe palettes
Provide alternative encodings (patterns, labels)
Motion & Animation
Animation Principles
1. Purpose: Every animation should serve a functional purpose 2. Subtlety: Animations should enhance, not distract 3. Performance: Maintain 60fps, use GPU-accelerated properties 4. Accessibility: Respect prefers-reduced-motion 5. Duration: Keep animations brief (200-400ms typical)
Our voice is the consistent personality that comes through in all communications. It reflects who we are as an organization.
Voice Characteristics
| Characteristic | Description | Example | |----------------|-------------|---------| | Authoritative | Expert knowledge, backed by science | "Our AI models analyze over 20,000 cellular features..." | | Compassionate | Empathetic, human-centered | "We understand the anxiety of waiting for a diagnosis..." | | Innovative | Forward-thinking, pioneering | "Reimagining healthcare from the cellular level up..." | | Accessible | Clear, jargon-free when possible | "Think of it as a health check-up at the molecular level..." | | Optimistic | Hopeful, solution-focused | "Early detection means more time, more options, more hope..." |
Tone Variations
While our voice remains consistent, our tone adapts to context and audience.
1. Clarity First: Use simple, direct language 2. Active Voice: "We detect disease" not "Disease is detected" 3. Present Tense: "Our AI analyzes" not "Our AI will analyze" 4. Specific Examples: Use concrete examples over abstractions 5. Human-Centered: Focus on people, not just technology
Language Preferences
Use:
"People" or "individuals" (not "patients" unless in clinical context)
"Healthcare" (one word)
"AI-powered" or "AI-native"
"Detect and prevent"
"Years before symptoms"
Avoid:
Medical jargon without explanation
Overpromising or making guarantees
Fear-based messaging
Acronyms without first defining them
Passive voice when active is clearer
Inclusive Language
1. Person-First Language: "Person with diabetes" not "diabetic" 2. Diverse Representation: Include examples from various demographics 3. Accessibility: Describe images, provide transcripts 4. Gender-Neutral: Use "they/them" or rephrase to avoid gendered pronouns 5. Global Perspective: Avoid US-centric assumptions
Content Types
Headlines & Taglines
Length: 5-10 words ideal
Structure: Clear subject + compelling benefit
Style: Active, benefit-focused
Example: "Detect Disease Years Before Symptoms Emerge"
Design for mobile first, then enhance for larger screens:
1. Mobile (xs, sm): Single column, stacked content 2. Tablet (md): Two columns where appropriate 3. Desktop (lg, xl): Full multi-column layouts 4. Large Desktop (2xl): Constrained max-width with margins
Cytognosis is committed to ensuring our brand and digital experiences are accessible to all users, including those with disabilities and neurodivergent conditions. We follow WCAG 2.1 Level AA standards as a minimum, striving for AAA compliance where possible.
Color & Contrast
Contrast Requirements
| Content Type | WCAG AA | WCAG AAA | Cytognosis Standard | |--------------|---------|----------|---------------------| | Normal Text | 4.5:1 | 7:1 | 7:1 (AAA) | | Large Text (18pt+) | 3:1 | 4.5:1 | 4.5:1 (AAA) | | UI Components | 3:1 | - | 4.5:1 (Enhanced) | | Graphics | 3:1 | - | 3:1 (AA) |
Colorblind Considerations
Never rely solely on color to convey information
Use patterns, icons, or labels in addition to color
Test designs with colorblind simulation tools
Provide alternative encodings in data visualizations
Use colorblind-safe palettes for charts and graphs
Colorblind-Safe Palette:
Blue (#89b4fa) + Orange (#fab387)
Purple (#cba6f7) + Green (#a6e3a1)
Teal (#94e2d5) + Pink (#f5c2e7)
Typography Accessibility
Readability Standards
1. Minimum Font Size: 16px for body text 2. Line Height: 1.5-1.6 for body text 3. Line Length: 50-75 characters per line 4. Paragraph Spacing: At least 1em between paragraphs 5. Letter Spacing: Not too tight (minimum 0.12em) 6. Word Spacing: At least 0.16em
Scalability
Support browser zoom up to 200% without loss of functionality
Use relative units (rem, em) instead of fixed pixels
Ensure text reflows properly at different zoom levels
Test with browser text-only zoom
Neurodiversity Support
ADHD Considerations
Visual Design:
Clear visual hierarchy with distinct heading sizes
Generous whitespace to reduce cognitive load
Short paragraphs (3-4 sentences maximum)
Bullet points for scannable content
Highlighted or bolded key information
Minimal distractions and animations
Content Structure:
Clear section breaks
Descriptive headings
Summary boxes for key points
Progress indicators for multi-step processes
Consistent navigation and layout
Dyslexia Considerations
Typography:
Sans-serif fonts (Inter) with clear letterforms
Adequate letter spacing (not too tight)
Line height of 1.5-1.6
Avoid italics for long passages
Left-aligned text (never justified)
Sufficient contrast (minimum 4.5:1)
Content:
Short sentences and paragraphs
Simple, direct language
Avoid walls of text
Use headings and subheadings
Provide text-to-speech options
Interactive Elements
Focus Indicators
All interactive elements must have clear, visible focus indicators:
1. Title Slide - Logo (top-left) - Title (centered, large) - Subtitle (centered, medium) - Background: Gradient (Blue to Mauve)
2. Section Header - Section title (large, left-aligned) - Decorative element (molecular network pattern) - Background: Solid color (Base)
3. Content Slide - Title (top) - Body content (2-column or single column) - Background: Base with subtle pattern
4. Data Visualization - Title (top) - Chart/graph (centered, large) - Key insights (bottom) - Background: Base
5. Quote Slide - Large quote (centered) - Attribution (bottom-right) - Background: Gradient or solid
6. Closing Slide - Thank you message - Contact information - Logo - Background: Gradient
Typography:
Headings: Inter Bold, 44pt
Subheadings: Inter Semibold, 32pt
Body: Inter Regular, 24pt
Captions: Inter Regular, 18pt
Document Templates
Google Docs Theme
Styles:`
Title: Inter Bold, 28pt, Cytognosis Blue
Heading 1: Inter Bold, 24pt, Text color
Heading 2: Inter Semibold, 20pt, Text color
Heading 3: Inter Semibold, 16pt, Text color
Normal Text: Inter Regular, 11pt, Text color
`Page Setup:
Margins: 1 inch all sides
Line spacing: 1.15
Paragraph spacing: 6pt after
Header:
Logo (left)
Document title (center)
Page number (right)
Footer:
Organization name (left)
Date (center)
Confidentiality notice if applicable (right)
Mobile Applications
App Icon
Specifications:
iOS: 1024 x 1024px (PNG, no transparency)
Android: 512 x 512px (PNG, with transparency)
Design: Simplified "C" logo on gradient background
Safe area: Keep important elements within center 80%
Splash Screen
Design:
Logo (centered)
Tagline (below logo)
Background: Gradient (Blue to Mauve)
Animation: Subtle fade-in
UI Components
Buttons:
Primary: Blue background, dark text
Secondary: Transparent with blue border
Tertiary: Text only, blue color
Height: 48px minimum
Padding: 16px horizontal
Border radius: 8px
Cards:
Background: Surface-0
Border: 1px solid Overlay-1
Border radius: 12px
Padding: 16px
Shadow: Subtle elevation
Navigation:
Tab bar: 5 items maximum
Icon + label
Active state: Blue color
Inactive state: Subtext-0 color
14. Resources & Assets
Brand Assets
Logo Files
Available Formats:
SVG (vector, scalable)
PNG (raster, multiple sizes)
PDF (print-ready)
Versions:
Full color (gradient)
Dark mode (light/white)
Light mode (dark)
Monochrome (black)
Monochrome (white)
Icon only (all variants)
Download:
Brand Kit:
cytognosis.org/brand-kit
Logo Package:
cytognosis.org/logos
Color Palettes
Available Formats:
CSS Variables
SCSS Variables
JSON
Adobe Swatch Exchange (.ase)
Sketch Palette
Figma Styles
Download:
Color System:
cytognosis.org/colors
Typography
Font Files:
Inter (Variable font, WOFF2)
JetBrains Mono (WOFF2)
Download:
Typography Package:
cytognosis.org/fonts
Design Tools
Figma
Resources:
Component Library
Design System
Icon Set
Template Files
Access:
Figma Community:
figma.com/@cytognosis
Adobe Creative Cloud
Resources:
Brand Guidelines PDF
Logo Templates
Color Swatches
Typography Presets
Download:
Adobe Package:
cytognosis.org/adobe-assets
Development Resources
NPM Packages
`bash
Cytognosis Design System
npm install @cytognosis/design-system
Cytognosis React Components
npm install @cytognosis/react-components
Cytognosis Icons
npm install @cytognosis/icons
`
GitHub Repositories
Design System:
github.com/cytognosis/design-system
React Components:
github.com/cytognosis/react-components
Icon Library:
github.com/cytognosis/icons
Brand Guidelines:
github.com/cytognosis/brand-guidelines
Support & Contact
Brand Guidelines Questions
Email: brand@cytognosis.org
Slack: #brand-guidelines (internal)
Design Review
Submit for review: design-review@cytognosis.org
Review process: 2-3 business days
Feedback provided via email or Figma comments
Asset Requests
Custom assets: assets@cytognosis.org
Turnaround: 5-7 business days
Rush requests: Indicate urgency in subject line
Version Control
Document Versioning
Major Version (X.0): Significant rebrand or major changes
Minor Version (x.X): New sections or substantial updates
Patch Version (x.x.X): Minor corrections or clarifications
Current Version: 6.0 Proprietary
Changelog:
v5.0 (January 2025): Master consolidation with Catppuccin integration
v4.1 (January 2025): Catppuccin color system integration
v2.0 (December 2024): Developer themes and accessibility focus
v1.0 (September 2024): Initial brand guidelines
Feedback & Contributions
Submitting Feedback
1. Review current guidelines thoroughly 2. Identify specific section and issue 3. Provide constructive suggestions 4. Submit via email or GitHub issue 5. Include examples or mockups if applicable
Contributing Updates
1. Fork the brand guidelines repository 2. Create a feature branch 3. Make your changes with clear commit messages 4. Submit a pull request with detailed description 5. Await review and feedback
Visual Profiles
Cytognosis uses six visual profiles to adapt the design system across different product surfaces and audiences. Each profile scopes typography, color emphasis, spacing, and voice via the CSS attribute
[data-profile=""].
Profile Overview
| Profile | Surface | Default Type | Palette Emphasis | Voice | |---------|---------|-------------|-----------------|-------| | Foundation | cytognosis.org, decks, social, press | Inter / Newsreader / JetBrains Mono | Signature triad gradient | Visionary, hopeful | | Clinical | Patient + consumer app | Inter / Source Serif Pro / JetBrains Mono | Muted 300-shade pastels | Calm, reassuring | | Research | Cytoverse workbench, dashboards | IBM Plex Sans + Plex Mono | Indigo + magenta alert | Precise, neutral | | Lab | CLI, editor, dev docs, terminal | Recursive (variable axes) | Violet-300 on ink | Technical, playful | | Companion | ND daily use, Yar, mood/med tracking | Lexend / Atkinson Hyperlegible Mono | Muted pastels, cognitive signals | Gentle, supportive | | Crisis | Health alerts, urgent states | Inter (18px+) / JetBrains Mono | High contrast, coral urgency | Clear, direct |
Companion Profile
The Companion profile implements evidence-based neurodivergent-first design principles. It serves as the default for Yar daily use, mood/med tracking, and any surface targeting neurodivergent individuals managing daily health.
Key design decisions:
Typography: Lexend as the default font (validated for reading-fluency improvement), with user toggle to Atkinson Hyperlegible, Inter, or OpenDyslexic via
[data-font] attribute.
Spacing: 1.7 line-height, 1.5em paragraph gap, 48px touch targets, max 65 characters per line width.
Colors: Muted 300-shade pastels as default. Cognitive-signal colors encode health dimensions (Focus=Azure-300, Mood=Violet-300, Sleep=Teal-300, Stress=Coral-300, Energy=Magenta-300).
Motion: Off by default (
--cg-reduce-motion: 1). Users opt in to animations, not out.
[data-density="compact|comfortable|spacious"]` attribute adjusts padding, gap, and line-height.
Crisis Profile
The Crisis profile handles urgent health states where clarity and speed of action are the only priorities. It activates when the crisis detector fires or when explicit escalation occurs, and deactivates when the state resolves.
Key design decisions:
Typography: Inter at 18px+ minimum body size. JetBrains Mono for data readouts.
Layout: Single-action focus per screen. No distractions, no secondary actions, no decorative elements.
Colors: High contrast mode with coral urgency accents. Maximum readability under stress.
Touch targets: 56px minimum (larger than standard 44px) to accommodate trembling or rushed interaction.
Voice: Clear, direct, zero ambiguity. Every word earns its place.
Profile Selection Decision Tree
Prospective audience (investors, press, partners): Foundation
Someone who just learned something worrying about their body: Clinical
AI-Native: Technology designed from the ground up with artificial intelligence as a core component, not added as an afterthought.
Cellular Analysis: Examination of individual cells to understand their state, function, and potential disease indicators.
Foundation Model: Large-scale AI model trained on diverse data that can be adapted for multiple downstream tasks.
Multimodal: Integrating multiple types of data (e.g., genomics, imaging, clinical) for comprehensive analysis.
Single-Cell Genomics: Technology that analyzes the genetic material of individual cells rather than bulk tissue samples.
