--- name: pathfinders-labs-brand-guidelines description: Applies Pathfinders Labs' official brand identity to artifacts including landing pages, presentations, social media content, and documents. Use when creating content that represents Pathfinders Labs' mission of web democratization, technical expertise, and nomadic lifestyle. Ensures visual consistency and authentic voice across all platforms. --- # 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