pathfinders-labs-brand-guidelines
npx skills add https://github.com/founderjourney/claude-skills --skill pathfinders-labs-brand-guidelines
Agent 安装分布
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:
- SEO Insight – Tech Blue background
- Project Update – White with Growth Green header
- Nomad Life – Photo-centric with text overlay
- MVP Update – Blue-Green gradient
- 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