🐱
BRAND KIT

HavocSec

Brand guidelines for media, collaborations, and community use.

Brand Identity

Who We Are

HavocSec is a cybersecurity content studio for penetration testers, CTF players, red teamers, and anyone who learns by breaking things. We publish detailed writeups, walkthroughs, and technical guides that teach real-world offensive security.

Who We Serve

Security researchers, bug bounty hunters, students learning pentesting, CTF competitors, and the professionals who need to understand how attackers think. Our readers want depth, not summaries.

What We Reject

Marketing fluff. Clickbait thumbnails. Surface-level "top 10" lists. Gatekeeping. Paywalled knowledge that should be free. We write for the community, not for engagement metrics.

The Name

"Havoc" represents controlled chaos - the deliberate disruption of systems to understand them. "Sec" grounds it in security. Together: break with purpose, secure with knowledge.

Logo System

HavocSec Logo — Primary on Dark Primary - Dark Background (Preferred)
HavocSec Logo on Light On Light Background
HavocSec Logo on Pure Black On Pure Black
HavocSec Logo on Gradient On Dark Gradient

Clear Space & Minimum Size

  • Maintain clear space equal to the height of the "H" on all sides of the logo
  • Minimum size: 32px height for digital, 12mm for print
  • Never crowd the logo with other elements, text, or borders
  • The logo should always be the most prominent brand element in any composition

Logo Misuse - Never Do This

  • Never stretch, skew, rotate, or distort the logo proportions
  • Never recolor the logo with unapproved colors (no rainbow, no gradient fills)
  • Never place on busy photographs or low-contrast backgrounds
  • Never add drop shadows, outer glows, bevels, or 3D effects
  • Never outline or stroke the logo
  • Never animate the logo without explicit approval
  • Never crop or partially obscure any part of the logo
  • Never recreate the logo in a different typeface

Color Palette

Havoc Green Primary / Accent #39FF14 rgb(57, 255, 20) hsl(110, 100%, 54%)
Deep Dark Background #0A0F1A rgb(10, 15, 26)
Slate 900 Surface / Cards #0F172A rgb(15, 23, 42)
Slate 800 Elevated Surface #1E293B rgb(30, 41, 59)
Slate 200 Body Text #E2E8F0 rgb(226, 232, 240)
Slate 500 Muted Text #64748B rgb(100, 116, 139)

Color Combinations & Contrast

Havoc Green on Deep Dark
8.56 : 1 AAA
Slate 200 on Deep Dark
14.82 : 1 AAA
Havoc Green on Slate 900
7.91 : 1 AAA
White on Slate 900
15.39 : 1 AAA

The Green Rule

  • Havoc Green is an accent, not a surface. It should never exceed 15% of any composition
  • Use it for: interactive elements, highlights, code accents, borders, and emphasis
  • Never use it as a full background color
  • Never use it for body text - only headings, labels, and accents
  • On light backgrounds, darken to #2dd40f for adequate contrast

Typography

Space Grotesk Headings & Logo Weights: 500, 700, 800
Inter Body Text & UI Weights: 400, 500, 600, 700
JetBrains Mono Code & Terminal Weights: 400, 500

Type Scale

Element Size Weight Tracking
H1 — Page Title2.5rem800-0.02em
H2 — Section1.75rem700-0.015em
H3 — Subsection1.25rem700-0.01em
Body1rem4000
Code Block0.9rem4000
Caption / Meta0.8rem5000.02em
Badge / Label0.65rem9000.12em

Iconography

All icons follow the Lucide icon set conventions. Stroke-based, never filled. Consistent weight across all contexts.

Specifications

  • Grid: 24 × 24px
  • Stroke: 1.5px - 2px
  • Corner radius: 2px
  • Style: Outline only, never filled

Color Rules

  • Default: currentColor (inherits text)
  • Interactive: Havoc Green on hover
  • Disabled: 35% opacity
  • Never use multicolor icons

Sizing

  • Inline with text: 16px
  • Navigation: 18px
  • Feature: 24px
  • Hero / Display: 32px — 48px

Spacing & Layout

4px — micro (inline gaps)
8px — tight (icon gaps, badge padding)
16px — base (card padding, list gaps)
24px — comfortable (section gaps)
48px — spacious (major sections)

Layout Specifications

Property Value Context
Max content width900pxArticle body
Container padding1.25remMobile edges
Card border-radius10px — 16pxCards, modals
Button border-radius6px — 999pxButtons, pills
Border width1px — 1.5pxCards, inputs
Border colorrgba(57,255,20, 0.2)Accent borders

Voice & Tone

Direct & Technical

No fluff. Say what needs to be said. Technical accuracy over marketing speak. If it takes 3 words, do not use 30.

🔓

Educational

Break to understand. Build to endure. Every writeup teaches something real. Explain the "why" not just the "how."

🤝

Community-First

For the community. Knowledge shared is knowledge multiplied. We write so others can learn, not to show off.

🎯

Hacker Mindset

Curiosity-driven. Question everything. Verify assumptions. Show your work. The methodology matters as much as the result.

🧠

Respect the Reader

Assume intelligence. Never condescend. If they already know something, let them skip ahead. No "In this blog post, we will be discussing..."

🚫

No Theater

The bug is here. Here is the fix. Here is what we learned. No "You won't BELIEVE what this hacker found..." energy. Ever.

Content Formatting Rules

Writing Style

  • Active voice. Present tense for instructions
  • Second person ("you") for tutorials and guides
  • Short paragraphs. One idea per paragraph
  • Code blocks for every command - never inline a full command
  • Explain flags and arguments in commands
  • Include expected output where helpful
  • Tips in blockquotes with > **Tip:** prefix

Formatting Conventions

  • Headings: sentence case, not title case
  • File paths and commands in backticks
  • Tool names capitalized as the tool does (Nmap, Hashcat, Burp Suite)
  • CVE IDs always in format CVE-YYYY-NNNNN
  • IP addresses use 10.129.x.x for targets
  • Screenshots after the step they illustrate, not before
  • Tables for structured data (ports, credentials, tools)

Writeup Structure

  • Overview with attack chain mermaid diagram
  • Enumeration → Foothold → PrivEsc flow
  • Each step numbered and self-contained
  • Lessons Learned section at the end
  • Sign-off: HavocSec - for the community.
  • Tags: platform, OS, CVE, techniques, difficulty

What We Never Write

  • No "In this blog post, we will discuss..."
  • No "Without further ado..."
  • No clickbait titles or ALL CAPS excitement
  • No unexplained jargon without context
  • No screenshots without explanation
  • No steps that assume tools are installed without noting it

Taglines & Headlines

"Break to understand. Build to endure."
Learn. Hack. Share. Repeat. HavocSec - for the community. The writeup you wish existed when you were stuck. Depth over breadth. Methodology over shortcuts. We break things on purpose so you can fix them on purpose. Where the exploit meets the explanation. No fluff. No gatekeeping. Just the work. Read it once. Understand it forever.

Social & Applied Surfaces

OG / Share Card

1200 × 630px Twitter, LinkedIn, Discord embeds
  • Dark background (#0a0f1a)
  • Logo top-left, small
  • Title in Space Grotesk 700
  • Green accent line or border
  • Machine/challenge image if available

Profile Avatar

400 × 400px GitHub, Twitter, Discord, HTB
  • Logo mark centered
  • Dark background
  • No text - icon only at this size
  • Adequate padding (20% of canvas)

Banner / Cover

1500 × 500px Twitter header, GitHub profile
  • Minimal composition
  • Logo + tagline centered
  • Dark background with subtle gradient
  • Green accent as hairline or border only

Do's & Don'ts

✓ Do

  • Use the logo with adequate clear space on all sides
  • Reference as "HavocSec" (one word, capital H and S)
  • Link back to havocsec.com when sharing content
  • Use the green accent sparingly on dark backgrounds
  • Credit the author (Havoc) when quoting writeups
  • Use dark mode as the default presentation context
  • Maintain the editorial, technical tone in any co-branded content
  • Use monospace for any code, commands, or technical references
  • Keep compositions clean with generous whitespace
  • Use the brand in CTF team contexts and security community events
  • Share writeup links freely - that is what they are for
  • Use screenshots from the site with visible attribution

✗ Don't

  • Alter the logo colors, proportions, or add effects
  • Use the brand to imply endorsement of products or services
  • Reproduce full writeups without written permission
  • Use Havoc Green on light/white backgrounds without darkening it
  • Remove attribution from shared or embedded content
  • Use the brand in any context promoting illegal activity
  • Add gradients, shadows, or glows to the logo
  • Use Comic Sans, Papyrus, or any novelty font alongside the brand
  • Place the logo smaller than 32px height
  • Use the brand on busy photographic backgrounds
  • Combine with other brand logos in a way that implies partnership without agreement
  • Use retro-gaming pixel fonts, matrix code rain, or hooded-hacker stock imagery
  • Create derivative logos or "inspired by" versions
  • Use the brand name in domain names or social handles without permission

License & Usage

CC BY-NC-ND 4.0

All HavocSec content is published under Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International. The brand assets on this page are provided for reference and approved use cases only.

  • You may share and link to content with proper attribution
  • You may use the logo when referencing HavocSec in editorial contexts
  • You may not use brand assets for commercial purposes without written permission
  • You may not create derivative works from the logo or brand materials
  • You may not use the brand in any way that implies official endorsement

For collaboration, media inquiries, or brand usage questions: Contact Havoc