Skip to content
State of Stick State of Stick Docs

Brand Documentation

State of Stick — Brand Documentation

Section titled “State of Stick — Brand Documentation”

This is the canonical brand reference for State of Stick, Co. (a product line by TechBinBytes Laser Goods). Everything in /src should conform to what’s documented here. New work that drifts from this guide gets corrected.

Index

Section titled “Index”
  • identity.md — Brand essence, voice, audience, positioning, do/don’t
  • visual-system.md — Colors, typography, components, token mapping (Tailwind classes → CSS variables → design intent)
  • copy-guide.md — Tone, headline formulas, taglines, words to use/avoid

Quick rules

Section titled “Quick rules”
  1. Dark first. Backgrounds are obsidian/charcoal. Never a white-page layout.
  2. Orange = action, Precision Cyan = info. Primary CTAs are rust. Precision Cyan is for accents, hover states, and instructional/info moments. Never let Precision Cyan dominate.
  3. 65 / 20 / 10 / 5. Black-charcoal / silver-white / orange / Precision Cyan. Hold the ratio.
  4. Bold condensed display type. Bebas Neue for headlines. Inter for body. Uppercase tracking on labels and section titles.
  5. Textured panels over flat panels where the section deserves weight (bg-hex, bg-grunge).
  6. Sharp edges, framed sections, corner brackets. No soft rounded “startup” styling.
  7. Product-forward. Every page should feel like a premium sales sheet, not a generic ecommerce template.

The promise

Section titled “The promise”

Built to stick. Made to last.

Every design decision should reinforce that the product is durable, the brand is premium, and the work is made by a real American studio with hands on every piece.

What State of Stick is NOT

Section titled “What State of Stick is NOT”
  • Not soft, cute, pastel, or playful
  • Not minimalist luxury-beige aesthetics
  • Not a generic Shopify template
  • Not startup-fluffy in tone
  • Not delicate or elegant
  • Not over-textured or messy — premium grunge, not chaos

Authority

Section titled “Authority”

This documentation is the source of truth. When the implementation drifts from these docs, fix the implementation. When the brand intent shifts, update these docs first, then update the implementation to match.