### Logo Implementation Checklist Source: https://context7.com/aliriocastro/labotech-brand-skill/llms.txt Provides a checklist for implementing the Labotech logo, covering minimum sizes, proportions, allowed variations, and strict prohibitions. It also specifies asset storage locations. ```markdown # Logo implementation checklist ## Minimum sizes - Print: 3.5 cm minimum width (full imagotipo) - Digital: 100 px minimum width (full imagotipo) - Below minimum size → use isotipo (icon) alone ## Proportions (modular grid unit = X) - Full imagotipo: 25X wide × 6X tall - Isotipo: square proportion (independent use allowed) - Separation between isotipo and typography: 2X - Clear space on all sides: minimum 1X ## Allowed variations ✅ Horizontal layout (isotipo left, text right) ✅ On light backgrounds with brand colors ✅ Negative/white version on dark backgrounds ✅ Single-color (monochrome) version ## Prohibited ❌ Stretching (altering width independently) ❌ Squishing (altering height independently) ❌ Rotating ❌ Rearranging components (e.g., stacking isotipo above text) ❌ Gradients or color blending on logo ❌ Low-contrast background pairings ❌ Replicating the custom logotype typeface in web content ## Asset storage Logo files (SVG/PNG) live in the project's /public/assets/ directory, not in this skill. Always reference the source file — never recreate. ``` -------------------------------- ### Import Google Fonts and Define Typography Stack Source: https://context7.com/aliriocastro/labotech-brand-skill/llms.txt Imports the Nunito Sans font from Google Fonts and sets up the primary font stack for the body. It also maps brand weights to HTML elements for consistent typography. ```css /* ─── Google Fonts import (web implementation) ─── */ @import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,300;0,400;0,600;0,700;1,400&display=swap'); /* ─── Font stack ─── */ body { font-family: 'Nunito Sans', 'Aller', system-ui, sans-serif; } /* ─── Type scale mapped to brand weights ─── */ h1, h2, h3 { font-weight: 700; } /* Aller Bold equivalent */ h4, h5, .cta-label { font-weight: 600; } /* Aller SemiBold */ p, li, td { font-weight: 400; } /* Aller Regular */ caption, .footnote { font-weight: 300; } /* Aller Light */ /* ─── Never do this ─── */ /* Do NOT attempt to recreate the logotype typeface in web content. */ /* The logo must always be served as an SVG/PNG asset. */ ``` -------------------------------- ### Declare `labotech-brand` Skill Source: https://context7.com/aliriocastro/labotech-brand-skill/llms.txt Front-matter declaration to activate the `labotech-brand` skill. Include this in any file where brand guidelines enforcement is needed. ```yaml --- name: labotech-brand description: "Labotech brand guidelines for website content and UI. Use when generating, editing, or reviewing any website copy, UI components, landing pages, or marketing content for Labotech. Triggers on: writing website text, creating page sections, designing CTAs, reviewing tone/voice, building UI with brand colors, or any content that represents Labotech publicly. Labotech is a Venezuelan in-vitro diagnostics (IVD) company serving clinical laboratories." --- ``` -------------------------------- ### Homepage Hero Copy Options (Markdown) Source: https://context7.com/aliriocastro/labotech-brand-skill/llms.txt Use these verbatim or adapt while preserving voice, tone, and messaging pillars for homepage hero sections. ```markdown # ── Homepage Hero (choose one) ────────────────────────────────────── Option 1: H1: Reliable diagnostics. Responsible support. Sub: Technical judgment and long-term partnership for Venezuelan laboratories. Option 2: H1: Continuity you can trust. Sub: IVD solutions designed to stay operational — without compromising diagnostic quality. Option 3: H1: Technical clarity in a complex market. Sub: Honest recommendations, specialized support, and sustainable solutions. ``` -------------------------------- ### "How We Work" Copy (Markdown) Source: https://context7.com/aliriocastro/labotech-brand-skill/llms.txt Use this ordered list verbatim or adapt for the "How We Work" section, ensuring it reflects the brand's process. ```markdown # ── "How We Work" (ordered list) ───────────────────────────────────── 1. Understand your lab's reality (risk, volume, workflow) 2. Recommend the right-fit solution with clear tradeoffs 3. Implement with training and structured onboarding 4. Support with responsible, long-term continuity ``` -------------------------------- ### Proof / Credibility Statements (Markdown) Source: https://context7.com/aliriocastro/labotech-brand-skill/llms.txt Use these bullet points as proof or credibility statements, reinforcing Labotech's brand values. ```markdown # ── Proof / Credibility Statements ─────────────────────────────────── - We prioritize diagnostic quality and patient safety. - We set realistic expectations and deliver on what we promise. - We build long-term relationships through consistency and support. ``` -------------------------------- ### Define Official Brand Colors with CSS Variables Source: https://context7.com/aliriocastro/labotech-brand-skill/llms.txt Sets up CSS custom properties for the primary brand colors and their extended scales. These variables define the official palette for web use, ensuring consistency in application. ```css /* ─── Official Brand Colors (from Labotech Visual Identity Manual) ─── */ :root { /* Primary brand colors */ --brand-green: #52B247; /* Pantone 361 CP — primary CTAs, accents */ --brand-blue: #0072B1; /* Pantone 2196 CP — links, headers, trust */ --brand-dark-gray: #595959; /* Body text, neutral UI */ /* Green scale */ --green-50: #EDF7EC; /* Success backgrounds, badges */ --green-100: #D4EDD2; /* Hover backgrounds */ --green-200: #A9DBA5; /* Success borders */ --green-400: #52B247; /* Base — primary CTAs */ --green-600: #3D8A35; /* Hover / active states */ --green-800: #214C1D; /* Text on light green backgrounds */ /* Blue scale */ --blue-50: #E5F2FA; /* Info backgrounds, cards */ --blue-100: #B3D9EF; /* Hover backgrounds */ --blue-200: #80BFE4; /* Borders, visited links */ --blue-400: #0072B1; /* Base — links, headers */ --blue-600: #005B8E; /* Hover / active states */ --blue-800: #002D47; /* Text on light blue backgrounds */ /* Neutral scale */ --neutral-50: #F8F9FA; /* Page background, surface */ --neutral-100: #E8E8E8; /* Borders, dividers */ --neutral-200: #BDBDBD; /* Disabled text, placeholders */ --neutral-400: #595959; /* Base — body text */ --neutral-600: #333333; /* Headings, primary text */ --neutral-800: #1A1A1A; /* Maximum contrast text */ /* Semantic colors */ --color-success: #52B247; /* = brand green */ --color-info: #0072B1; /* = brand blue */ --color-warning: #F59E0B; /* Amber */ --color-error: #DC2626; /* Red */ --color-background: #FFFFFF; --color-surface: #F8F9FA; /* = neutral-50 */ } ``` -------------------------------- ### Audience Map: Technical Leads / Heads of Lab (Markdown) Source: https://context7.com/aliriocastro/labotech-brand-skill/llms.txt Tailor content for Technical Leads/Heads of Lab by emphasizing technical depth, honest tradeoffs, structured training, and specialist support. ```markdown ## B) Technical Leads / Heads of Lab Primary concerns: validation, QC, performance consistency, troubleshooting, training Messaging focus: - Technical depth and honest tradeoffs - Structured onboarding and training programs - Responsive specialist support Sample headline: "Technical judgment at every step — from product selection to validation, QC setup, and ongoing troubleshooting." ``` -------------------------------- ### Messaging Pillars Overview (Markdown) Source: https://context7.com/aliriocastro/labotech-brand-skill/llms.txt These four pillars must be represented across website sections and marketing content. Map each section to at least one pillar. ```markdown # Four messaging pillars — map each section to at least one 1. TECHNICAL JUDGMENT "We recommend what fits your lab's reality, risk profile, and growth path — not what has the highest margin." 2. SPECIALIZED SUPPORT "Continuity through structured onboarding, training, preventive practices, and responsive follow-up — not just a helpline number." 3. TRUST & TRANSPARENCY "Honest recommendations, clear expectations, and long-term accountability. We tell you the technical truth, even when it complicates a sale." 4. OPERATIONAL SUSTAINABILITY "Solutions that are clinically sound AND economically viable in Venezuela's operational context. Neither cheap-at-any-cost nor unaffordably elitist." # Pillar mapping example for site IA: # Home → Pillars 1, 3, 4 # Solutions → Pillar 1, 4 # Support → Pillar 2 # About → Pillars 3, 4 # Resources → Pillar 2 ``` -------------------------------- ### Homepage Sub-hero Copy (Markdown) Source: https://context7.com/aliriocastro/labotech-brand-skill/llms.txt Use this copy block for the homepage sub-hero section, maintaining brand voice and messaging. ```markdown # ── Homepage Sub-hero ──────────────────────────────────────────────── We help labs choose, implement, and sustain diagnostic solutions that balance quality, cost, and operational reality — always prioritizing patient health. ``` -------------------------------- ### Audience Map: Lab Owners / Directors (Markdown) Source: https://context7.com/aliriocastro/labotech-brand-skill/llms.txt Tailor content for Lab Owners/Directors by focusing on long-term partnership, sustainable cost-quality balance, and accountability. ```markdown # Audience map — content targeting guide ## A) Lab Owners / Directors Primary concerns: continuity, reputation, sustainability, predictable outcomes Messaging focus: - Long-term partnership, not one-off sales - Sustainable cost-quality balance - Accountability when things go wrong Sample headline: "Solutions designed for operational continuity, backed by a partner with long-term accountability." ``` -------------------------------- ### Google Fonts Import for Nunito Sans Source: https://github.com/aliriocastro/labotech-brand-skill/blob/main/references/visual-identity.md Import the Nunito Sans font family from Google Fonts to use as the web alternative to Aller. This import includes specific weights and styles. ```html https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,300;0,400;0,600;0,700;1,400&display=swap ``` -------------------------------- ### Brand Voice Checklist and Vocabulary Source: https://context7.com/aliriocastro/labotech-brand-skill/llms.txt Use this checklist to ensure content adheres to Labotech's brand voice: expert, direct, clinically responsible, and transparent. It also provides a quick reference for approved and prohibited vocabulary. ```markdown # Voice checklist for a new landing page section ✅ CORRECT — Follows brand voice: "We evaluate your lab's risk profile before recommending any solution. If a product does not fit your operational reality, we will tell you." ❌ INCORRECT — Violates brand voice: "World-class diagnostics guaranteed! Best prices in the market — buy now before this limited-time offer expires!" # Vocabulary quick-reference USE: reliability · continuity · technical judgment · responsible support validation · preventive · sustainability · trust · transparency NEVER USE: cheapest · miracle · guaranteed results · world-class (unless proven) best in the market · number one · zero downtime · aggressive competitor talk ``` -------------------------------- ### Brand Ethics Checklist Source: https://context7.com/aliriocastro/labotech-brand-skill/llms.txt Verify these non-negotiable ethical guidelines before publishing any content. They cover patient focus, honesty, realistic promises, quality-cost balance, and relationship building. ```markdown # Non-negotiable checklist — verify before publishing any content 1. Patient first - Diagnostic quality > closing a sale - Never suggest a product reduces clinical accuracy to cut costs 2. Radical honesty - Tell the technical truth even if it costs a sale - Disclose known limitations, tradeoffs, or constraints 3. Never overpromise - Do NOT write "guaranteed uptime", "zero failures", or similar absolute claims - Use: "designed for operational continuity" or "built to minimize interruptions" 4. Quality-cost balance - Neither "cheap at any price" nor "elitist and unaffordable" - Reflect Venezuela's operational and economic reality 5. Long-term relationships over volume - CTAs should invite dialogue, not push transactional urgency - Preferred: "Request a technical consultation" - Avoid: "Buy now" / "Limited time offer" ``` -------------------------------- ### Preferred and Prohibited CTAs (HTML) Source: https://context7.com/aliriocastro/labotech-brand-skill/llms.txt Use preferred CTAs for a consultative, relationship-oriented tone. Avoid prohibited CTAs that are transactional or salesy. ```html ``` ```html

Reliable diagnostics. Responsible support.

Technical judgment and long-term partnership for Venezuelan laboratories.

Request a technical consultation
``` === COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.