Community Wolf
Community
APIAboutContact
Book a demo

Community Wolf

Real-time safety intelligence for citizens and the teams who protect them.

Community Tools

  • Public map
  • Namola
  • WhatsApp

Business Tools

  • Access Control
  • Intelligence
  • Safety API
  • Group Agents
  • Patrol Management
  • Roster Management
  • Safety Survey
  • Pricing
  • Pricing calculator

Resources

  • Docs
  • Changelog
  • Design system

Company

  • Community
  • Business
  • API
  • About
  • Contact

Get pilot updates

New features, city launches, and integration partnerships - delivered monthly.

Subscribe to updates

(c) 2026 Community Wolf. All rights reserved.

Privacy PolicyTerms of Service
Wolf design system
Foundations
  • Brand
  • Voice and tone
  • Colour
  • Typography
  • Spacing and layout
  • Radius, elevation and borders
  • Motion
  • Iconography
  • Imagery and photography
  • Data visualisation
  • Accessibility
Patterns
  • App shell
  • Hero sections
  • Empty states
  • Error states
  • Skeletons and loading
  • Forms
  • Tables and data density
  • Confirmation and destructive actions
  • Authentication surfaces
Components
  • Button
  • Input
  • Card
  • Badge
  • Dialog
  • Label
  • Textarea
  • Select
  • Checkbox
  • Radio group
  • Switch
  • Form field
  • Tabs
  • Popover
  • Tooltip
  • Accordion
  • Alert dialog
  • Confirm dialog
  • Toast (Sonner)
  • Skeleton
  • Empty state

foundations

Brand

Community Wolf is not an app. It is safety data infrastructure. The mark, the name usage and the misuse rules all hold that register.

Read the full spec

Anchor

Every brand decision traces back to this. Keep it nearby when writing copy or placing the mark.

Community Wolf is building the foundational data and intelligence layer required to predict, model and understand criminal activity.
Mission — verbatim. The vision is to ensure that all of humanity feels safe and protected.

Name usage

Canonical forms for first and subsequent mentions. UK English throughout — licence, organisation, colour, centre, authorise.

  • First mention on a surfaceCommunity WolfCW · ComWolf · TCW · wolf
  • Subsequent mentionsWolfcommunity-wolf · CWolf
  • Legal entityCommunity Wolf LimitedCommunity Wolf Ltd. · CW Ltd
  • Product namesNamola · Outpost · Safety Intelligence APIWolf Safety API · CW Namola

Clear space

Nothing enters the invisible zone around the mark — no text, no other logos, no UI chrome. Measure X from the visual bounding box, not the file canvas.

W
  • Wordmarkcap-height
  • Mark alone0.5 × mark-height
  • Horizontal lockupcap-height
  • Stacked lockup0.5 × mark-height

Variant package

A complete brand pass delivers every variant below. File naming convention: wolf-{element}-{colour}-{size?}.{ext}.

  • Mark
    SVG + PNG
    Favicon, app icon, social avatar, inline UI.
  • Wordmark
    SVG
    Headers, footers, medium-scale type-only placements.
  • Horizontal lockup
    SVG
    Primary marketing and email signature usage.
  • Stacked lockup
    SVG
    Vertical or square contexts — business cards, social headers.
  • Mono-black
    SVG
    Any light neutral or white background.
  • Mono-white
    SVG
    Dark neutrals, brand green, photography.
  • Mono-green
    SVG
    Light backgrounds when colour is appropriate.

Misuse — eight hard rules

Most apply to any brand mark. All apply to Wolf's. If a placement breaks one of these, it is rejected.

  • Don't stretchAlways uniform scale — never squash or widen.
  • Don't recolourOnly mono-black, mono-white, mono-green.
  • Don't add effectsNo drop shadow, glow, bevel, outline, gradient.
  • Don't rotateHorizontal baseline always. Stacked is vertical by design, not rotated.
  • Don't outlineThe mark is a solid shape. Stroke-only rebuilds are not permitted.
  • Don't cropNever clip the mark. Always the full bounding box.
  • Don't recreateUse the provided vector files. Never trace or rebuild.
  • Don't animate internalsThe mark can fade, scale, translate. Morphing its silhouette is misuse.

Current state

The v0.2 package is provisional. A formal designer pass will deliver production assets against the rules above.

  • 01No SVG master for the wordmark — only a raster PNG.
  • 02No mark-alone variant exists. Current Wolf icon is code-drawn decoration.
  • 03OG image lives on Cloudinary. Moving to public/og-image.png is a migration task.
Previous — ComponentsEmpty state
Next — FoundationsVoice and tone