ld-brand

name

ld-brand

description

Apply LaunchDarkly brand guidelines when creating any work artifact — decks, one-pagers, PDFs, HTML pages, or other designed content. Use this skill whenever Paul asks to create, build, or design any document, presentation, one-pager, training material, or visual deliverable. Trigger even if the request doesn't explicitly mention "brand" — if Paul is making something that will be seen by others (reps, stakeholders, leadership, external), this skill should apply. Also trigger when Paul says things like "make a deck", "build a one-pager", "create a training doc", or "design something for X."

LaunchDarkly Brand Skill

Use this skill to apply LaunchDarkly's visual identity to any artifact Paul creates.

Brand Guidelines Reference

The full brand PDF is bundled at references/brand-guidelines.pdf. Load it when you need details beyond what's summarized here.

---

Core Brand Identity

Colors

Primary background: dark mode first

• LD Black: #191919 (default slide/page background)
• Gray 06: #2C2C2C (secondary backgrounds, cards)
• Gray 05: #414042
• Gray 04: #6D6E71
• Gray 03: #A7A9AC
• Gray 02: #D1D6D9
• Gray 01: #F8F8F8
• White: #FFFFFF

Neon accent palette (use sparingly for pops of color, never as backgrounds)

• LD Main Blue: #405BFF ← primary accent, most commonly used
• LD Lime: #DDFF46
• LD Purple: #A34FDE
• LD Pink: #FF35A2
• LD Orange: #FF9D29
• LD Cyan: #3DD6F5

Light mode option: White or Gray 01 backgrounds with dark text. Use for one-pagers or documents that will be printed.

Typography

• Primary fonts: Sora (display/headers), Söhne Buch/Kräftig (body/secondary)
• Fallback (e.g. PowerPoint environments where brand fonts aren't available): Inter
• Do not use: Arial, Calibri, or other generic system fonts

Type scale (slides):

• Slide title: 36–44pt, Sora Bold
• Section header: 20–24pt, Sora SemiBold or Söhne Kräftig
• Body: 14–16pt, Söhne Buch or Inter Regular
• Caption/label: 10–12pt, muted gray

Logo & Mark

• Primary lock-up: "LaunchDarkly →" wordmark with Osmo (the arrow mark)
• Mark (Osmo standalone) can be used as a decorative element
• Always place in corners or headers — never center-stage unless it's a cover
• Logo URL for reference: https://go.launchdarkly.com/rs/850-KKH-319/images/LaunchDarklyRGB_Primary Lock-up LD Black.png

---

Artifact-Specific Guidelines

PowerPoint Decks (.pptx)

• Read the pptx skill before creating any deck
• Default to dark mode: LD Black (#191919) background, white text, LD Lime accents
• Light mode option available (white bg) — ask Paul if preference not stated
• Cover slide: large bold title in Sora, optional neon accent shape, "LaunchDarkly →" bottom left
• Content slides: vary layouts — avoid repeating the same structure slide after slide
• Every slide needs a visual element (shape, icon, stat callout, or divider) — no pure text slides
• Use LD Lime (#DDFF46) for key callouts, highlights, and accent shapes — sparingly
• Use Inter as font fallback in pptxgenjs since Sora/Söhne may not embed reliably
• Slide template reference: dark mode has colorful geometric shapes (lime, blue, purple, pink) in corners; light mode uses same shapes on white

PDFs / One-Pagers

• Read the pdf skill before creating
• Light mode preferred for print-friendly one-pagers (white bg, dark text)
• Dark mode for digital-first PDFs (black bg, white text, neon accents)
• Use reportlab or weasyprint depending on complexity
• Header: LD wordmark top-left; footer: LD Black bar or subtle gray rule
• Section headers: Sora Bold, LD Lime or LD Blue for color
• Body: Inter (fallback) or embed Sora via TTF if available

HTML Artifacts

• Read the frontend-design skill before building
• Default: dark mode, LD Black background, white text, LD Lime for CTAs and accents
• Font stack: 'Sora', 'Inter', sans-serif — import from Google Fonts
• Neon accents used for borders, hover states, highlights — not as full backgrounds
• Geometric shapes (circles, triangles) in neon colors as decorative elements, consistent with brand aesthetic

---

Design Principles

1. Dark mode is the primary canvas — LD's brand lives in dark mode with neon pops
2. Minimal but bold — generous whitespace, strong typographic hierarchy, one accent color per piece
3. Never overuse neon — accents should pop against dark backgrounds; too much dilutes the effect
4. Geometric and forward — shapes, arrows, and the Osmo mark reinforce the directional brand energy
5. Sora for display, Inter as fallback — never default to Arial/Calibri

---

Workflow

1. Identify output type: pptx → read pptx skill; pdf → read pdf skill; html → read frontend-design skill
2. Confirm dark vs. light mode with Paul if not specified (default: dark)
3. Apply colors, fonts, and layout principles above
4. QA: check contrast, font usage, and that neon accents aren't overused
5. Package and present the file

---

Quick Reference

Element	Dark Mode	Light Mode
Background	#191919	#FFFFFF
Primary text	#FFFFFF	#191919
Secondary text	#A7A9AC	#6D6E71
Primary accent	#405BFF (Blue)	#405BFF (Blue)
Card/section bg	#2C2C2C	#F8F8F8
Font (display)	Sora Bold	Sora Bold
Font (body)	Inter (fallback)	Inter (fallback)