KumoOps Brand Book

Cloud operations made simple — Official brand guidelines for KumoOps, your CloudSecOps team.

Mascot: Kumo the Red Panda

Brand Identity

KumoOps is your CloudSecOps team. We prioritize security in every aspect of our cloud operations services, supporting all major providers with full flexibility. We become an extension of your team, handling CloudSecOps end-to-end with 99.95% SLA and zero minutes of release downtime.

Website: https://kumo-ops.com

Logo

Variants

Icon Only — Kumo the Red Panda mascot. File: /assets/kumo-logo.webp (1:1 aspect ratio). Use for favicons, app icons, social avatars, small UI elements.
Full Logo — Mascot + "KumoOps" wordmark. "Kumo" in foreground color, "Ops" in primary red (#EB5247). Font: Poppins SemiBold (600). Use for website headers, marketing materials, documentation, email signatures.

Logo Rules

Clear space: 0.5× logo height on all sides
Minimum digital size: 40px height
Minimum print size: 10mm height
Do not stretch, distort, or rotate
Do not change logo colors outside approved variations
Do not add effects like shadows or gradients
Do not place on busy backgrounds

Color Palette

Primary Colors

Name	Hex	HSL	Usage
Fire Engine Red	#EB5247	4 80% 60%	Primary CTAs, brand accents, interactive elements
Rich Black	#1F242E	220 20% 15%	Text, dark backgrounds, secondary buttons
Cloud White	#F9FAFB	200 15% 98%	Page backgrounds
Soft Gray	#F1F3F4	200 10% 95%	Subtle backgrounds, disabled states

Semantic Colors

Name	Hex	HSL	Usage
Success Green	#16A34A	142 76% 36%	Success states, confirmations
Warning Amber	#F59E0B	38 92% 50%	Warning states, caution messages
Error Red	#EF4444	0 84% 60%	Error states, destructive actions
Info Blue	#3B82F6	221 83% 53%	Informational messages, links

Typography

Font Family: Poppins (exclusively). Stack: 'Poppins', system-ui, -apple-system, sans-serif

Weights: Thin (100), Extra Light (200), Light (300), Regular (400), Medium (500), Semi Bold (600), Bold (700), Extra Bold (800), Black (900)

Size Scale: xs: 12px, sm: 14px, base: 16px, lg: 18px, xl: 20px, 2xl: 24px, 3xl: 30px, 4xl: 36px, 5xl: 48px, 6xl: 60px

Line Heights: tight: 1.25, normal: 1.5, relaxed: 1.75

Brand Values

Security First — We prioritize security in every aspect of our CloudSecOps services.
Cloud Native — Built for the cloud, supporting all major providers with full flexibility.
Zero Downtime — 99.95% SLA with 0 minutes of release downtime for your applications.
Your Team — We become an extension of your team, handling CloudSecOps end-to-end.

CSS Variables

:root {
  --background: 200 15% 98%;
  --foreground: 200 75% 8%;
  --primary: 4 80% 60%;
  --primary-foreground: 0 0% 100%;
  --secondary: 220 20% 15%;
  --secondary-foreground: 0 0% 100%;
  --muted: 200 10% 95%;
  --muted-foreground: 200 10% 40%;
  --accent: 4 80% 95%;
  --accent-foreground: 1 73% 35%;
  --destructive: 0 84% 60%;
  --success: 142 76% 36%;
  --warning: 38 92% 50%;
  --info: 221 83% 53%;
  --border: 200 15% 90%;
  --ring: 1 73% 51%;
  --radius: 1rem;
}

Technology Stack

Framework: React + TypeScript + Vite
Styling: Tailwind CSS with shadcn/ui
Font: @fontsource/poppins
Icons: Lucide React
Animations: Framer Motion

Brand Voice

Professional yet approachable
Technical excellence with human touch
Emphasize reliability and security
No jargon overload — clear, confident, warm
Focus on empowering developers and teams