---
bcp_version: "1.0"
file_type: visual
parent: https://registry.brandcontextprotocol.dev/strategus-a91c4e27/.well-known/brand.md
last_updated: 2026-09-22
---

# Visual guidance

Use the Paper Tiger brand guidelines, version 1.0, September 2026. Do not take color, type, or logo artwork from the live Strategus website.

Guidelines host: https://strategus-brand-guidelines.vercel.app/

The stacked logo is the lockup to reach for when the format is narrow, square, or centered. See https://strategus-brand-guidelines.vercel.app/#logo-stacked

## Authority and gaps

```yaml
visual_authority:
  status: observed
  observed_sources:
    - "https://strategus-brand-guidelines.vercel.app/"
    - "https://strategus-brand-guidelines.vercel.app/#logo-stacked"
  prepared_by: "Paper Tiger"
  version: "1.0"
  dated: "September 2026"
  not_confirmed:
    - "Strategus approval of this BCP"
    - "rights to redistribute font files or photography outside the guidelines host"
    - "a public values or photography license separate from the guidelines"
  live_website: "Out of scope for color, type, and logo. Do not copy it."
  geometry: "Observed on the staging CMS. Not Paper Tiger-authored until the guidelines say so."
```

## Logo

The full logo is the primary lockup: mark and wordmark together, for places with room for a horizontal mark. The stacked logo places the wordmark under the mark for narrow, square, or centered formats. Always use the supplied stacked artwork. Do not restack it. The mark alone is for favicons, app icons, and other places where the wordmark will not fit, or where the brand is already established.

Clearspace for the full logo, the stacked logo, and the mark is x on all four sides, where x is half the height of the mark.

```yaml
logo_usage:
  generation_policy: official_assets_only
  generation_instructions: "Do not draw, trace, retype, or rebuild the mark or wordmark. Use a file from the guidelines host."
  assets:
    - role: "full, dark"
      url: "https://strategus-brand-guidelines.vercel.app/images/logos/strategus-logo-full-dark.svg"
    - role: "full, light"
      url: "https://strategus-brand-guidelines.vercel.app/images/logos/strategus-logo-full-light.svg"
    - role: "full, white"
      url: "https://strategus-brand-guidelines.vercel.app/images/logos/strategus-logo-full-white.svg"
    - role: "stacked, dark"
      url: "https://strategus-brand-guidelines.vercel.app/images/logos/strategus-logo-stacked-dark.svg"
    - role: "stacked, light"
      url: "https://strategus-brand-guidelines.vercel.app/images/logos/strategus-logo-stacked-light.svg"
    - role: "stacked, white"
      url: "https://strategus-brand-guidelines.vercel.app/images/logos/strategus-logo-stacked-white.svg"
    - role: "mark"
      url: "https://strategus-brand-guidelines.vercel.app/images/logos/strategus-logo-mark.svg"
    - role: "mark, light"
      url: "https://strategus-brand-guidelines.vercel.app/images/logos/strategus-logo-mark-light.svg"
  color_pairings:
    - background: "Primary Blue #1CACFF"
      logo: "full light"
    - background: "Dark Blue #00346C"
      logo: "full white"
    - background: "Black #000000"
      logo: "full white"
    - background: "White #FFFFFF"
      logo: "full dark"
    - background: "Orange #F8682C"
      logo: "full light"
    - background: "Purple #6D2EE2"
      logo: "full white"
    - background: "Pale Green #C5FF98"
      logo: "full dark"
    - background: "Green #27C35D"
      logo: "full light"
    - background: "Fuscia #CC1188"
      logo: "full white"
    - background: "Gray #F3F3F3"
      logo: "full dark"
  forbidden_modifications:
    - "stretching, squashing, skewing, or rotating the logo"
    - "gradients, secondary-palette recolors, or other off-artwork tints"
    - "shadows, glows, outlines, or bevels"
    - "placing the dark logo on a dark or busy ground. Use the light or white artwork."
    - "retyping the wordmark in another font"
    - "rebuilding the stacked lockup by hand"
```

## Color

Text colors are the pairings published with each swatch. Border and muted rule color is #DADADA.

```yaml
color:
  primary:
    - name: "Primary Blue"
      hex: "#1CACFF"
      text: "#000000"
    - name: "Dark Blue"
      hex: "#00346C"
      text: "#1CACFF"
    - name: "Black"
      hex: "#000000"
      text: "#FFFFFF"
    - name: "White"
      hex: "#FFFFFF"
      text: "#000000"
  secondary:
    - name: "Orange"
      hex: "#F8682C"
      text: "#000000"
    - name: "Purple"
      hex: "#6D2EE2"
      text: "#FFFFFF"
    - name: "Pale Green"
      hex: "#C5FF98"
      text: "#000000"
    - name: "Green"
      hex: "#27C35D"
      text: "#000000"
    - name: "Fuscia"
      hex: "#CC1188"
      text: "#FFFFFF"
    - name: "Gray"
      hex: "#F3F3F3"
      text: "#000000"
  border: "#DADADA"
  data_visualization_sequence:
    - "Primary Blue #1CACFF, first series"
    - "Orange #F8682C, second series"
    - "Dark Blue #00346C, third series"
    - "Purple #6D2EE2, fourth series"
  data_visualization_rules:
    - "Use at most four color-coded series. Further values use opacity steps of Primary Blue."
    - "Pale Green is for dark grounds only. It does not have enough contrast on white chart areas."
    - "Gray, including the guidelines mid gray #9CA3AF, is for axes, gridlines, and reference lines, not for a data series."
    - "Pair color with a label, shape, or pattern."
  rules:
    - "Primary Blue, Dark Blue, Black, and White carry the identity."
    - "Secondary colors are accents and chart series, not a replacement for the logo colors."
    - "Put black text on Primary Blue. Put Primary Blue text on Dark Blue when setting type on that field. Logo pairings above still govern the logo."
    - "The guidelines host also exposes an implementation token named lime-dark, #597344. It is not in the named primary or secondary palette. Do not use it as a brand color."
```

## Typography

PolySans at weight 600 carries headlines. Inter carries body, from data labels to long copy. If PolySans is not available, use DM Sans, then Arial. Do not redistribute the font files. Link them from the guidelines host or use the Google fallback.

```yaml
typography:
  display:
    family: "PolySans"
    weight: 600
    file: "https://strategus-brand-guidelines.vercel.app/fonts/PolySans-600.woff2"
    fallback: "DM Sans, Arial, sans-serif"
  body:
    family: "Inter"
    weights: [400, 500, 600, 700]
    files:
      - "https://strategus-brand-guidelines.vercel.app/fonts/Inter-400.woff2"
      - "https://strategus-brand-guidelines.vercel.app/fonts/Inter-500.woff2"
      - "https://strategus-brand-guidelines.vercel.app/fonts/Inter-600.woff2"
      - "https://strategus-brand-guidelines.vercel.app/fonts/Inter-700.woff2"
    fallback: "Arial, sans-serif"
  scale:
    - name: "Display XL"
      size: "96px"
      family: "PolySans"
      weight: 600
      tracking: "-0.010em"
      line_height: 0.94
    - name: "Display L"
      size: "73px"
      family: "PolySans"
      weight: 600
      tracking: "-0.014em"
      line_height: 0.93
    - name: "Display M"
      size: "64px"
      family: "PolySans"
      weight: 600
      tracking: "-0.008em"
      line_height: 0.94
    - name: "Display S"
      size: "48px"
      family: "PolySans"
      weight: 600
      tracking: "-0.010em"
      line_height: 0.96
    - name: "Headline XL"
      size: "42px"
      family: "PolySans"
      weight: 600
      tracking: "-0.012em"
      line_height: 1.14
    - name: "Headline L"
      size: "32px"
      family: "PolySans"
      weight: 600
      tracking: "-0.009em"
      line_height: 1.19
    - name: "Headline M"
      size: "24px"
      family: "PolySans"
      weight: 600
      tracking: "-0.008em"
      line_height: 1.25
    - name: "Headline S"
      size: "21px"
      family: "PolySans"
      weight: 600
      tracking: "-0.010em"
      line_height: 1.24
    - name: "Body XL"
      size: "18px"
      family: "Inter"
      weight: 400
      line_height: 1.44
    - name: "Body L"
      size: "16px"
      family: "Inter"
      weight: 400
      line_height: 1.5
    - name: "Body M"
      size: "14px"
      family: "Inter"
      weight: 400
      line_height: 1.43
    - name: "Caption"
      size: "12px"
      family: "Inter"
      weight: 400
      line_height: 1.33
  rules:
    - "Sentence-case headlines, except a published line reproduced verbatim."
    - "No exclamation points."
    - "No em dashes."
```

## Geometry

Paper Tiger v1.0 remains the authority for color, type, and logo. The guidelines host used for this package did not state a corner-radius rule. The shape system below is an observation from the password-gated staging CMS at https://strategus-dev.webflow.io, confirmed against a 22 September 2026 screenshot of the newsletter strip and the book-a-demo panel. Nick asked for this snip. Do not describe it as a Paper Tiger rule until the guidelines say so. Do not copy staging colors. The CMS neon green and the blue-green glow stay out of new work. Use Green #27C35D or Pale Green #C5FF98 from the named palette when a green control is required.

```yaml
geometry:
  status: observed
  authority: "staging CMS observation, not Paper Tiger"
  observed_on: "2026-09-22"
  evidence:
    - "https://strategus-dev.webflow.io/"
    - "Nick screenshot, 2026-09-22, newsletter banner and book-a-demo panel"
  not_confirmed:
    - "Paper Tiger authorship"
    - "Strategus approval of this BCP"
    - "use of the CMS neon or the blue-green glow as brand colors"
  cuts:
    - name: "Card, CTA frame, newsletter strip, form panel"
      angle: "45 degrees"
      size: "18px along each edge"
      css: "clip-path: polygon(18px 0, calc(100% - 18px) 0, 100% 18px, 100% calc(100% - 18px), calc(100% - 18px) 100%, 18px 100%, 0 calc(100% - 18px), 0 18px);"
      note: "All four corners. Reads as a long octagon on a wide banner."
    - name: "Stepped section container"
      angle: "45 degree outer corners, plus a square step"
      size: "36px top-left step, 18px chamfer on the other outer corners"
      css: "clip-path: polygon(0 36px, 36px 36px, 36px 0, calc(100% - 18px) 0, 100% 18px, 100% calc(100% - 18px), calc(100% - 18px) 100%, 18px 100%, 0 calc(100% - 18px));"
      note: "Observed as an inward notch at the top left of the book-a-demo band."
  controls:
    - "Inputs, buttons, and tags use a 4px corner radius."
    - "Do not use pill shapes on cards, banners, or section containers."
  color_split:
    - "Fields that need a dark ground use Dark Blue #00346C or Black #000000 from the guidelines."
    - "A submit control uses Green #27C35D with black text, the guidelines pairing."
    - "Do not import the brighter CMS neon as a fifth green."
```

## Imagery

The guidelines describe photography as real devices in real places, with the ad or dashboard visible on the screen. Rights to reuse those photographs are not established for this demonstration. Prefer the logo and flat fields of the named colors. Do not pull photographs from the live website. Do not generate people and present them as Strategus staff or clients.

## Layout

- Use a clear grid, generous margins, and the logo clearspace.
- Keep a claim next to its condition.
- Primary Blue is the action color, with black text on it.
- Dark Blue is a field for white or light logo artwork, not a place for the dark logo.
- Secondary colors appear as small accents or as chart series in the published order.
- Keep the logo flat and level.
- Cards, CTA frames, newsletter strips, and form panels use the 18px 45 degree chamfer in Geometry. Large section bands may use the 36px top-left step.
- Buttons, inputs, and tags stay at a 4px radius. The logo is never chamfered.

## Co-branding

Keep partner logos in their own approved colors. Do not tint them. Leave at least the minimum clearspace between marks. Do not let them touch, overlap, or merge. The Strategus logo should be at least equal in visual size to a partner logo. Align stacked pairs on a shared center or a shared left edge. Test contrast for both identities.

## Footer

Do not copy the live-site footer into third-party work in a way that implies Strategus owns the page. A demonstration footer should say the page is unofficial and that Strategus did not review it.
