Brand Guidelines - status.health® Blog

Brand Guidelines - status.health® Blog

1. Brand Identity

Company Name

• Primary: status.health® (lowercase with registered trademark)
• Copyright: Status Health SPC
• Domain: blog.status.health

Voice & Tone

• Warm, Smart, Honest: Conversational but never sloppy
• Direct & Commanding: Use imperatives to leverage FOMO and desire for status
• Queer-Built, Community-First: Inclusive, jargon-free, respectful
• Privacy-Obsessed: Emphasize control over data
• Professional yet Approachable: Blog content is educational while maintaining brand personality

Avoid

• Corporate jargon
• Moralizing or shame-based messaging
• Clinical coldness
• Gender assumptions
• Overly technical language without explanation

2. Visual Design

Color Palette

Primary Rainbow Gradient

Used for buttons, badges, and accent elements:

background: linear-gradient(
  135deg,
  rgba(255, 200, 200, 0.8),  /* Pastel Pink */
  rgba(255, 230, 200, 0.8),  /* Pastel Orange */
  rgba(255, 255, 200, 0.8),  /* Pastel Yellow */
  rgba(200, 255, 200, 0.8),  /* Pastel Green */
  rgba(200, 230, 255, 0.8),  /* Pastel Blue */
  rgba(220, 200, 255, 0.8),  /* Pastel Purple */
  rgba(255, 200, 230, 0.8)   /* Pastel Pink */
);

UI Colors

| Purpose | Light Mode | Dark Mode | |———|————|———–| | Background | #FFFFFF | #0D1117 | | Text Primary | #111111 | #FFFFFF | | Text Secondary | #666666 | #999999 | | Border | #E5E7EB | #30363D | | Card Background | #F9FAFB | #161B22 |

Semantic Colors

• Success: #10B981
• Warning: #F59E0B
• Error: #EF4444
• Info: #3B82F6

Typography

Spacing System

• Base unit: 8px
• Scale: 8px, 16px, 24px, 32px, 48px, 64px
• Container padding: 32px minimum
• Section margins: 64px vertical

UI Components

Buttons

• Primary: Rainbow gradient background, white text, pill shape (border-radius: 9999px)
• Secondary: Transparent with border, matches text color
• Hover: Slight shadow elevation, gradient shift

Cards

• Border radius: 24px (2xl)
• Shadow: 0 2px 8px rgba(0,0,0,0.05)
• Padding: 32px
• Background: Card background color

Badges

• Circular or shield shapes
• Rainbow gradient accents
• Icons: ✅ ⭐ 🎟️ 🔒

3. Content Guidelines

Blog Post Categories

1. Product Updates: New features, improvements, platform news
2. Sexual Health: Educational content, testing guides, health tips
3. Privacy & Technology: Zero-knowledge proofs, data protection, blockchain
4. Community: Events, partnerships, user stories

Post Structure

• Hero image: Optional, should reflect brand aesthetic
• Title: Clear, SEO-friendly, action-oriented
• Excerpt: 150 characters max, compelling summary
• Content: Educational yet engaging, 500-2000 words
• CTAs: Drive newsletter signups or app downloads

Writing Style

• Use “we” and “you” for conversational tone
• Short paragraphs (3-4 sentences max)
• Bullet points for scannable content
• Bold key points
• Include relevant emojis sparingly

4. Imagery Guidelines

Photography

• Real people, real moments
• Diverse representation
• Natural lighting
• Avoid staged stock photos
• Include queer-positive imagery

Graphics

• Soft pastel overlays
• Line networks or halos
• Subtle animations (ripple, glow)
• Rainbow gradient accents

Icons

• Monoline style
• Consistent stroke weight
• Neutral colors with gradient accents

5. Blog-Specific Elements

Newsletter CTAs

📮 Never miss an update
Get weekly insights on sexual health and privacy tech.
[Rainbow gradient button: Subscribe]

Attribution Badges

• Human-generated: Standard badge
• AI-assisted: Clear disclosure with attest.ink badge
• Always at end of post

Social Sharing

• Pre-written tweets with brand voice
• Instagram-ready quote cards
• LinkedIn professional tone

6. Implementation Examples

Hero Section

<h1 class="gradient-text">Your Health Data, Your Control</h1>
<p class="lead">Private verification meets community care.</p>
<button class="btn-rainbow">Get Started</button>

Feature Card

<div class="card gradient-border">
  <h3>🔒 Zero-Knowledge Privacy</h3>
  <p>Prove your status without revealing your data.</p>
</div>

CTA Banner

<div class="cta-banner rainbow-bg">
  <h2>Ready to take control?</h2>
  <p>Join thousands protecting their privacy.</p>
  <button class="btn-white">Download Now</button>
</div>

7. Accessibility

• Minimum contrast ratio: 4.5:1 for body text
• Focus indicators on all interactive elements
• Alt text for all images
• Semantic HTML structure
• Keyboard navigation support

8. Legal Requirements

• Copyright: © 2025 Status Health SPC
• Trademark: status.health®
• Privacy Policy link in footer
• Terms of Service link in footer
• Patent references where applicable

These guidelines ensure the status.health® blog maintains brand consistency while delivering valuable content to our community.