1off Brand Concept / Visual Direction

Branded

New York industrial culture applied to cannabis manufacturing, brands, and distribution.

Raw environment. Precise execution.

01 / Direction

Industrial Signal

The strongest direction is not “cannabis lifestyle.” It is New York industrial culture applied to cannabis manufacturing, brands, and distribution.

It should feel like

  • A working production facility.
  • A creative agency with manufacturing authority.
  • New York after dark.
  • Controlled, exact, and slightly confrontational.
  • Premium without looking luxurious in the conventional black-and-gold sense.

It should not feel like

  • A dispensary.
  • A wellness brand.
  • Generic cannabis green.
  • Psychedelic stoner graphics.
  • Corporate pharmaceutical branding.
  • Fashion streetwear pretending to be industrial.
Raw environment.
Precise execution.

02 / Color System

Black, concrete, white, signal yellow.

Retain the black-and-white identity visible in the existing materials, but turn it into a deliberate and repeatable system.

Carbon Black #090909
Concrete #E8E6DF
Clean White #FFFFFF
Signal Yellow #DFFF00
Industrial Gray #74777A
Dark Steel #242628

Signal Yellow

Signal yellow should become the unmistakable 1off accent.

  • Active navigation.
  • Buttons.
  • Map markers.
  • Selected stores.
  • Labels and small annotations.
  • Chato’s active state.
  • Important numbers and operational claims.

Do not use it as a general background across large areas. It works because it interrupts the black, white, and concrete surfaces.

Black and Concrete

Pure white alone would make the site feel too digital. A slightly warm concrete color gives it physicality and separates the brand from generic black-and-white websites.

Black sections should feel dense and cinematic. Concrete sections should feel editorial and readable.

03 / Typography

Three roles. One system.

Display typography provides impact. Body typography preserves clarity. Monospaced typography carries operational detail.

Barlow Condensed

Display

Barlow Condensed
Weights: 700, 800, 900

It has industrial, transportation, packaging, and signage associations without becoming decorative.

  • Large headlines.
  • Section names.
  • Store names.
  • Numerical claims.
  • Navigation labels.
  • Short calls to action.

Headlines can be uppercase, tightly spaced, and very large.

Body

Inter Tight
Weights: 400, 500, 600, 700

This gives the editorial and interface areas better readability than using a condensed face everywhere.

  • Paragraphs.
  • Blog articles.
  • Store information.
  • Forms.
  • Chato messages.
  • Buttons and interface controls.

Data and operational details

IBM Plex Mono
Weights: 400, 500, 600

  • License numbers.
  • Addresses and coordinates.
  • Product identifiers.
  • Map distances.
  • Dates.
  • Small technical labels.
  • Chato source references.
OCM-PROC-000062 / BROOKLYN / 2.4 MI / OPEN UNTIL 9:00 PM
All three families are open-source and can be self-hosted. The site should not depend on Google Fonts at runtime.

04 / Logo Treatment

Simple. Forceful. Repeatable.

The wordmark should remain simple and forceful. The visual identity should not require an elaborate emblem.

1OFF New York

Possible treatments

  • 1OFF / NEW YORK
  • 1OFF / MANUFACTURING
  • 1OFF / BRANDS · HARDWARE · DISTRIBUTION

System device

A recurring rectangular yellow label could function as the system’s identifying device without becoming a separate logo.

05 / Layout

Editorial grid. Not conventional marketing.

The site should use an editorial grid, not a conventional centered marketing-page layout.

  • Oversized typography.
  • Strong horizontal divisions.
  • Asymmetric image placement.
  • Large areas of black or concrete.
  • Tight labels paired with very large statements.
  • Information presented like production notes, labels, or magazine captions.
  • Deliberate collisions between image, type, and grid.
  • Clean, restrained interfaces inside the more expressive brand shell.

The homepage can be visually aggressive. The Store Locator and Chato must become calmer when users need to perform a task.

06 / Photography

Process, not cliché.

The visual language should focus on production, materials, hardware, and movement rather than generic cannabis imagery.

Use

  • Machinery.
  • Packaging lines.
  • Materials.
  • Hands working.
  • Close-up production details.
  • Hardware.
  • Labels and prototypes.
  • Loading, logistics, and fulfillment.
  • Event photography with direct flash.
  • Concrete, steel, plastic, foil, glass, smoke, and reflective surfaces.

Avoid

  • Cannabis leaves as decoration.
  • Smiling stock-photo consumers.
  • Soft wellness imagery.
  • Generic dispensary interiors.
  • Product photography floating on gradients.

The images can be high-contrast, slightly grainy, and heavily cropped. Color photography can coexist with black-and-white sections, but the site should not become a collage of unrelated colors.

07 / Graphic Devices

A small vocabulary is enough.

These elements should feel like production artifacts, not decoration applied afterward.

  • Signal-yellow rectangles.
  • Heavy rules.
  • Registration marks.
  • Serial numbers.
  • Coordinate-like labels.
  • Cropped oversized words.
  • Thin technical diagrams.
  • Product and process annotations.
  • Occasional halftone or photocopy texture.

08 / Store Locator

Branded, but extremely usable.

The locator should inherit the brand while remaining focused on a single practical question: where can I find a nearby store?

  • Mostly grayscale map.
  • Signal-yellow markers and clusters.
  • Black selected marker.
  • Concrete-colored results panel.
  • Condensed store names.
  • Monospaced distance, ZIP code, and hours.
  • Bold cards with clear call and directions actions.
  • Synthetic demo data presented confidently, with one restrained disclosure.

It should look like part of the same company, not a third-party map embedded in the site.

09 / Chato

Not a SaaS chat bubble.

Chato should feel like an extension of the 1off interface.

  • Black conversation panel.
  • Concrete or white messages.
  • Signal-yellow active controls.
  • Condensed labels.
  • Clear source links.
  • Strong routing actions such as Find a store, Build with us, and Employment.

Personality

Chato does not need a cartoon character. The personality can come through language, timing, labels, and visual behavior.

Chato is the person at 1off who knows where everything is and gets you to the right place.

10 / Blog Articles

Independent publication, not corporate blog.

The articles should resemble an independent culture or design publication more than a corporate content program.

  • Large editorial headlines.
  • Short deck beneath the title.
  • Strong opening image.
  • Pull quotes.
  • Full-width process photography.
  • Small technical captions.
  • Generous body-text width and spacing.
  • Related routes at the end: product, store locator, Chato, or commercial inquiry.

11 / Overall Character

Five terms.

Industrial
Nocturnal
Editorial
Precise
New York