pathfinders-labs-brand-guidelines

📁 founderjourney/claude-skills 📅 Feb 8, 2026
8
总安装量
7
周安装量
#35469
全站排名
安装命令
npx skills add https://github.com/founderjourney/claude-skills --skill pathfinders-labs-brand-guidelines

Agent 安装分布

opencode 5
claude-code 5
gemini-cli 4
codex 4
github-copilot 3
amp 3

Skill 文档

Pathfinders Labs Brand Guidelines

Overview

Pathfinders Labs is a digital nomad SEO expert and web technology democratizer with a mission to break down technological barriers and make professional web presence accessible to entrepreneurs regardless of economic constraints. This skill ensures all artifacts reflect the brand’s triple authority positioning: SEO expertise, nomadic lifestyle storytelling, and transparent “building in public” development.

Keywords: web democratization, SEO expertise, digital nomad, building in public, personal branding, landing pages, technical empowerment, social impact, bootstrapped growth, geographic arbitrage


Core Brand Identity

Mission Statement

“Democratizing web technology one entrepreneur at a time – breaking barriers between ideas and digital possibilities”

Tagline

Spanish: “Transformando ideas en posibilidades digitales” English: “Transforming ideas into digital possibilities”

Brand Positioning

“The nomadic SEO expert who helps businesses grow organically while building accessible landing page tools – documenting everything publicly across countries”

Core Philosophy

  • Collaboration over competition
  • Technology as a right, not privilege
  • Transparency through building in public
  • Sustainable impact over vanity metrics
  • Bootstrap mentality with enterprise quality

Visual Identity

Color Palette

Primary Colors:

  • Tech Blue: #2D9CDB (RGB: 45, 156, 219)

    • Use: Primary branding, headers, CTAs, professional content
    • Represents: Technology, professionalism, trust, expertise
    • Application: 40% of visual elements
  • Growth Green: #27AE60 (RGB: 39, 174, 96)

    • Use: Success indicators, progress elements, transformation stories
    • Represents: Growth, success, sustainability, impact
    • Application: 30% of visual elements

Supporting Colors:

  • Professional Gray: #333333 (RGB: 51, 51, 51)

    • Use: Body text, secondary backgrounds, professional documents
    • Represents: Sophistication, credibility, maturity
    • Application: 20% of visual elements
  • Energy Yellow: #F2C94C (RGB: 242, 201, 76)

    • Use: Accent highlights, innovation callouts, quick tips
    • Represents: Innovation, energy, dynamism, inspiration
    • Application: 10% of visual elements

Backgrounds:

  • Light: #FFFFFF – Primary background for clean, professional content
  • Soft Gray: #F8F9FA – Alternative background for visual hierarchy
  • Dark: #1A1A1A – Dark mode, premium content, dramatic contrast

Typography

Headings & Display Text:

  • Primary: Inter Bold/Black
  • Weights: 700 (Bold) for H1-H2, 600 (SemiBold) for H3-H4
  • Fallback: Arial Black, Helvetica Bold
  • Usage: Headlines, section titles, CTAs, social media headers

Body Text:

  • Primary: Poppins Regular/Medium
  • Weights: 400 (Regular) for body, 500 (Medium) for emphasis
  • Fallback: Arial, Helvetica, sans-serif
  • Usage: Paragraphs, descriptions, lists, captions

Code/Technical:

  • Monospace: Courier New, Monaco, ‘Lucida Console’
  • Usage: Code snippets, technical examples, terminal outputs

Font Sizes (Responsive Scale)

Desktop/Presentations:

  • H1: 48-56pt (Hero headlines)
  • H2: 36-42pt (Section headers)
  • H3: 28-32pt (Subsections)
  • H4: 20-24pt (Card titles)
  • Body: 16-18pt (Standard text)
  • Small: 12-14pt (Captions, footnotes)

Social Media:

  • Instagram Post Title: 72-84pt
  • Instagram Body: 48-56pt
  • LinkedIn Header: 42-48pt
  • LinkedIn Body: 24-28pt

Voice & Tone

Communication Principles

Expert but Accessible

  • Demonstrate deep technical knowledge without gatekeeping
  • Explain complex concepts using clear analogies
  • Never condescend or assume ignorance
  • Balance sophistication with approachability

Transparent and Authentic

  • Share both wins AND failures
  • Document real challenges, not just highlights
  • Admit when you don’t know something
  • Show the messy middle, not just polished results

Democratizer (Not Elitist)

  • Emphasize accessibility and empowerment
  • Celebrate others’ successes genuinely
  • Avoid “guru” or “expert” self-labeling unless earned context
  • Focus on teaching, not gatekeeping

Action-Oriented

  • Prioritize practical value over theory
  • Include specific next steps
  • Make content immediately actionable
  • End with clear calls-to-action

Tone by Content Type

70% Technical-Educational:

  • Authoritative but not arrogant
  • Detail-oriented with clear structure
  • Evidence-based with real examples
  • Problem-solving focused

20% Personal-Storytelling:

  • Vulnerable and human
  • Narrative-driven with conflict/resolution
  • Reflective about lessons learned
  • Balanced between struggle and triumph

10% Promotional:

  • Value-first, sales-second
  • Transparent about business model
  • Emphasize social impact mission
  • Community-benefit oriented

Content Framework (70/20/10)

70% – Technical-Educational Content

Primary Topics:

  • SEO expertise and case studies
  • Landing page optimization
  • Web automation and AI integration
  • No-code/low-code empowerment
  • Client project documentation
  • Technical tutorials and breakdowns

Format Guidelines:

  • Lead with immediate value/insight
  • Use real project examples
  • Include specific metrics when possible
  • Document process, not just results
  • Share learnings without revealing proprietary tools

20% – Personal Storytelling

Primary Topics:

  • Nomadic lifestyle challenges and solutions
  • Work-life balance across timezones
  • Cultural insights from different locations
  • Geographic arbitrage realities
  • Relationship dynamics while traveling
  • Community building in various cities

Format Guidelines:

  • Start with specific moment/scene
  • Show don’t tell (use concrete details)
  • Connect personal experience to universal insight
  • Balance vulnerability with professionalism
  • Avoid travel influencer cliches

10% – Promotional

Primary Topics:

  • MVP landing page platform development
  • Consulting services and process
  • Community building initiatives
  • Workshop and mentorship opportunities
  • Freemium model and social impact

Format Guidelines:

  • Always provide value before asking
  • Explain “why” behind product decisions
  • Transparent about pricing and business model
  • Emphasize mission over money
  • Include social impact metrics

Platform-Specific Guidelines

LinkedIn (Priority #1 – 60% effort)

Visual Style:

  • Clean, professional layouts
  • High contrast for readability
  • Carousels with 40% Tech Blue backgrounds
  • Screenshots with branded borders
  • Consistent header treatment

Content Structure:

  • Hook in first 2 lines
  • Storytelling middle (3-5 paragraphs)
  • Clear takeaway/lesson
  • Engagement question at end
  • 5-8 relevant hashtags

Frequency: 3-4 posts/week Best Times: 8-10 AM target audience timezone

YouTube (Priority #2 – 30% effort)

Visual Style:

  • Thumbnails: Tech Blue + Energy Yellow contrast
  • Lower thirds: Professional Gray with Growth Green accent
  • B-roll: High-quality nomadic lifestyle shots
  • Screen recordings: Clean, well-lit, organized

Content Structure:

  • Hook first 15 seconds
  • Value promise upfront
  • Step-by-step demonstrations
  • Behind-the-scenes integration
  • CTA with next steps

Frequency: 1 long-form/week + 3-5 shorts

Instagram (Complementary – 10% effort)

Visual Style:

  • Consistent grid aesthetic
  • Templates for recurring content types
  • Carousel posts for tutorials
  • Stories for daily moments
  • Reels for quick tips

Content Types:

  1. SEO Insight – Tech Blue background
  2. Project Update – White with Growth Green header
  3. Nomad Life – Photo-centric with text overlay
  4. MVP Update – Blue-Green gradient
  5. Quick Tip – Energy Yellow background

Highlight Categories:

  • About Me (Introduction + mission)
  • Herramientas (Tools + stack)
  • Nomad Life (Travel + work setup)
  • Proyectos (Client work + case studies)
  • Building MVP (Product development)

Messaging Framework

Key Messages (Rotate Weekly)

Week 1 – SEO Expertise: “Real projects, real results – documenting SEO transformations as they happen, not after the polish”

Week 2 – Democratization: “Professional web presence shouldn’t cost thousands or require developer skills. Here’s how we’re changing that.”

Week 3 – Nomadic Perspective: “Building global businesses from local cafes – insights from [current city] on [relevant topic]”

Week 4 – Building in Public: “Month X of building [MVP name]: What worked, what failed, what we learned”

Positioning Differentiators

You are NOT:

  • Another freelance web developer
  • Another no-code tool builder
  • Another digital nomad with laptop on beach
  • Another “SEO guru” selling courses

You ARE:

  • Democratizer of web technology
  • Builder with measurable social impact
  • Nomad who leaves positive local impact
  • Educator breaking down access barriers
  • Technical expert sharing real processes

Elevator Pitches

30-Second (English): “I help entrepreneurs create professional web presence without economic or technical barriers. While traveling, I build landing page tools that democratize technology that typically costs thousands, because I believe tech should empower, not exclude. I document everything publicly.”

30-Second (Spanish): “Ayudo a emprendedores a crear presencia web profesional sin barreras economicas o tecnicas. Mientras viajo, construyo herramientas de landing pages que democratizan tecnologia que normalmente cuesta miles de dolares, porque creo que la tecnologia debe empoderar, no excluir. Documento todo publicamente.”

10-Second Hook: “Democratizing web tech – one entrepreneur at a time, one city at a time”


Design System Components

Buttons & CTAs

Primary Button:

  • Background: Tech Blue (#2D9CDB)
  • Text: White (#FFFFFF)
  • Font: Inter Bold, 16-18pt
  • Padding: 16px vertical, 32px horizontal
  • Border-radius: 8px
  • Hover: Darken 10%

Secondary Button:

  • Background: Transparent
  • Border: 2px solid Tech Blue (#2D9CDB)
  • Text: Tech Blue (#2D9CDB)
  • Font: Inter SemiBold, 16-18pt
  • Padding: 14px vertical, 30px horizontal
  • Border-radius: 8px
  • Hover: Fill with Tech Blue, text to white

Success/Action Button:

  • Background: Growth Green (#27AE60)
  • Same styling as Primary

Cards & Containers

Standard Card:

  • Background: White (#FFFFFF)
  • Border: 1px solid #E8E6DC
  • Border-radius: 12px
  • Shadow: 0 4px 12px rgba(0,0,0,0.08)
  • Padding: 24px

Accent Card:

  • Background: Light gradient (Tech Blue 5% to transparent)
  • Border-left: 4px solid Tech Blue (#2D9CDB)
  • No outer border
  • Padding: 20px

Icons & Graphics

Icon Style:

  • Line icons preferred over filled
  • Stroke width: 2px
  • Size range: 24px-48px
  • Colors: Match section color scheme

Illustrations:

  • Flat, geometric style
  • Primary: Tech Blue and Growth Green
  • Accents: Energy Yellow sparingly
  • Avoid: Generic stock illustrations, overly corporate

Content Templates

LinkedIn Post Template

[HOOK - 2 lines max, compelling question or bold statement]

[STORY/CONTEXT - 3-5 paragraphs]
- Set scene with specific details
- Introduce challenge or insight
- Walk through process or thinking
- Share outcome or learning

[TAKEAWAY - 1-2 sentences]
Clear lesson or actionable insight

[ENGAGEMENT - Question to audience]

[HASHTAGS]
#SEO #DigitalNomad #BuildingInPublic #WebDevelopment #TechDemocratization

YouTube Video Script Template

[HOOK - 15 seconds]
- Bold promise or intriguing question
- Quick tease of value

[INTRO - 30 seconds]
- Who you are + location
- What video covers
- Why it matters

[MAIN CONTENT - 6-10 minutes]
- Step-by-step breakdown
- Real examples on screen
- Behind-the-scenes moments
- Mistakes and solutions

[RECAP - 1 minute]
- Key takeaways summary
- Next steps for viewer

[CTA - 30 seconds]
- Subscribe + notification bell
- Comment prompt
- Related video link

Instagram Carousel Template

Slide 1 – Cover:

  • Bold headline (72pt Inter Bold)
  • Subtitle (48pt Poppins)
  • Background: Tech Blue or branded image
  • Include: “Pathfinders Labs” logo/name

Slides 2-7 – Content:

  • One key point per slide
  • Title: 56pt Inter Bold
  • Body: 36pt Poppins Regular
  • Background: Alternate white and soft gray
  • Accent color for numbers/bullets

Slide 8 – CTA:

  • Summary statement
  • Clear action step
  • Contact info or link
  • Background: Growth Green

Social Proof & Credibility

Case Study Format

Header:

  • Client industry (anonymized if needed)
  • Challenge statement
  • Timeline and scope

Process:

  • 3-5 key steps documented
  • Real screenshots (redacted as needed)
  • Decision-making rationale
  • Obstacles encountered

Results:

  • Specific metrics (traffic, rankings, conversions)
  • Client testimonial (when permitted)
  • Lessons learned
  • Next steps

Testimonial Display

Visual Treatment:

  • Large quote marks in Tech Blue
  • Client name + title/company
  • Photo (when available)
  • Background: Soft gray or white
  • Border-left accent: Growth Green

Content Guidelines:

  • Focus on transformation/impact
  • Include specific results when possible
  • Show before/after mindset
  • Authentic voice, not overly polished

Geographic/Cultural Context

Location Integration

Format for Location-Based Content: “Desde mi oficina temporal en [Ciudad], [Pais]…” “Working from [City] today – here’s how the local [context] relates to [topic]…”

Cultural Sensitivity:

  • Respect local customs and norms
  • Avoid tourist cliches and superficiality
  • Highlight local entrepreneurship scene
  • Show how location influences work, not just backdrop
  • Give back: workshops, mentorship, community involvement

Time Zone Management

Posting Times:

  • Consider primary audience (US/Europe/LatAm)
  • Use location as advantage for “always-on” content
  • Mention time zone challenges authentically
  • Show solutions, not just problems

Accessibility Guidelines

Visual Accessibility

  • Contrast ratio: Minimum 4.5:1 for body text, 3:1 for large text
  • Font sizes: Never below 14pt for body text
  • Alt text: Always include descriptive alt text for images
  • Color coding: Never rely solely on color to convey information

Language Accessibility

  • Jargon: Define technical terms on first use
  • Structure: Use headers and lists for scannability
  • Sentence length: Vary, but average 15-20 words
  • Active voice: Prefer active over passive construction

Platform Accessibility

  • Mobile-first: Design for mobile, enhance for desktop
  • Loading times: Optimize images and assets
  • Captions: Always include for video content
  • Transcripts: Provide for audio/video content when possible

Brand Don’ts

Visual Don’ts

  • Neon or overly bright colors
  • Generic stock photos of “digital nomads”
  • Cluttered layouts with competing focal points
  • Inconsistent font pairings beyond Inter/Poppins
  • Gradient overuse (except specific accent cases)
  • Gimmicky effects or animations
  • Low-quality or blurry images

Content Don’ts

  • Overpromising results (“Get 100K followers in 30 days”)
  • Gatekeeping expertise or talking down to audience
  • Humble-bragging or false modesty
  • Generic motivational quotes without context
  • Complaining about travel without offering solutions
  • Comparing yourself directly to competitors
  • Engagement bait without providing value
  • Sharing proprietary client information
  • Revealing internal tools/automations completely
  • Over-curating to point of inauthenticity

Tone Don’ts

  • Overly salesy or pushy
  • Elitist or exclusionary language
  • Victim mentality or constant complaining
  • Fake urgency or scarcity tactics
  • Impersonal or corporate speak
  • Excessive emoji use
  • All caps for emphasis (except acronyms)
  • Clickbait without substance

Implementation Checklist

Before Creating Any Artifact

  • Identify primary goal (educate/inspire/convert)
  • Determine content type (70%/20%/10%)
  • Select appropriate color scheme
  • Choose typography scale
  • Plan visual hierarchy
  • Consider platform specifications
  • Verify accessibility standards
  • Include authentic voice markers

Quality Control

  • Colors match exact hex codes
  • Typography follows Inter/Poppins system
  • Content aligns with 70/20/10 framework
  • Voice reflects brand principles
  • Message supports democratization mission
  • Visual contrast meets accessibility standards
  • CTA is clear and actionable
  • Brand differentiators are evident
  • Mobile responsiveness verified (if applicable)
  • Spell-check and grammar review completed

Post-Publication

  • Monitor engagement patterns
  • Note which elements resonate
  • Collect feedback from community
  • Document successful formats
  • Iterate based on data
  • Share learnings transparently

Evolution & Flexibility

When to Bend Rules

This brand system is a foundation, not a prison. Adapt when:

  • Platform algorithm changes require format shifts
  • Audience feedback indicates preference changes
  • Cultural context of location requires sensitivity adjustments
  • Collaborative content needs brand harmonization
  • Experimental content tests new approaches
  • Authenticity requires breaking from template

Core principles that NEVER change:

  • Democratization mission and values
  • Transparency and authenticity
  • Technical expertise demonstration
  • Community-first orientation
  • Accessibility and inclusion

Brand Evolution Tracking

Review quarterly:

  • Visual trends vs. timeless design
  • Voice effectiveness across platforms
  • Mission alignment in practice
  • Community perception and feedback
  • Competitive positioning shifts

Update annually:

  • Color palette refinement
  • Typography system enhancements
  • Content framework optimization
  • Platform strategy evolution
  • Impact metrics and social proof

Technical Implementation Notes

For Presentations (PowerPoint/Google Slides)

  • Apply Tech Blue (#2D9CDB) to title slides
  • Use white backgrounds with Professional Gray (#333333) text
  • Accent important elements with Growth Green (#27AE60)
  • Highlight innovation with Energy Yellow (#F2C94C) sparingly
  • Headers: Inter Bold, 36-48pt
  • Body: Poppins Regular, 20-24pt

For Documents (Word/Google Docs)

  • Standard black text on white background for readability
  • Section headers in Tech Blue (#2D9CDB)
  • Callout boxes with Growth Green (#27AE60) border-left
  • Headers: Inter Bold, 24-32pt
  • Body: Poppins Regular, 11-12pt

For Landing Pages (HTML/CSS)

  • Primary CTA: Tech Blue (#2D9CDB) background
  • Secondary CTA: Tech Blue (#2D9CDB) border only
  • Success indicators: Growth Green (#27AE60)
  • Warning/attention: Energy Yellow (#F2C94C)
  • Headers: Inter Bold
  • Body: Poppins Regular, 16-18px
  • Mobile-first responsive design

For Social Media Graphics

  • Instagram posts: 1080x1080px or 1080x1350px
  • LinkedIn images: 1200x627px
  • YouTube thumbnails: 1280x720px
  • Always export at 2x resolution for high-DPI displays
  • Keep text readable at small sizes
  • Test on mobile devices before publishing

Resources & Assets

Font Installation

  • Inter: Download from rsms.me/inter
  • Poppins: Download from fonts.google.com/specimen/Poppins
  • Install both families (all weights recommended)

Templates Available

  • LinkedIn carousel template (Canva Pro)
  • Instagram post templates (5 variations)
  • YouTube thumbnail template
  • Presentation deck template
  • One-pager template
  • Case study template

Brand Assets Repository

  • Logo variations (if applicable)
  • Color palette swatches
  • Typography specimen sheet
  • Icon library
  • Photography style guide
  • Example artifacts

Contact & Brand Queries

For questions about brand application, clarification on guidelines, or suggestions for brand evolution, refer to the Pathfinders Labs main communication channels or project documentation.

Remember: These guidelines exist to maintain consistency while allowing authentic expression. When in doubt, prioritize authenticity and value delivery over rigid adherence to rules.


Version: 1.0 Last Updated: December 2025 Review Cycle: Quarterly with annual comprehensive updates