# ShadowRock Brand Hub > Comprehensive brand identity, asset reference, and design system for AI agents and LLMs > Base URL: https://a.shadowrock.team > CDN URL: https://cdn.shadowrock.team > Generated: 2026-04-13T23:25:45.471Z > Manifest: https://a.shadowrock.team/api/manifest.json ## Overview This site is ShadowRock's comprehensive brand hub: brand identity, voice, values, positioning, messaging, visual design system, and asset distribution. An AI agent reading this file can fully understand ShadowRock's brand, write on-brand copy, implement the visual design system, and use all brand assets correctly. **Site Purpose**: Brand identity hub and asset distribution platform **Organization**: ShadowRock Consulting LLC **Main Website**: https://shadowrock.io **What ShadowRock Does**: CX, EX, CRM, and AI consulting and implementation. Zendesk Premier Partner. 15-20 consultants, 200+ clients, 300+ projects delivered. ## Programmatic Access For AI agents and automated tools: | Endpoint | Description | |----------|-------------| | https://a.shadowrock.team/api/manifest.json | Complete asset manifest with all metadata (including brand content) | | https://a.shadowrock.team/llms.txt | This documentation file (comprehensive brand reference) | | https://a.shadowrock.team/sitemap.xml | XML sitemap of all pages and assets | | https://a.shadowrock.team/site.webmanifest | Web app manifest | --- ## Brand Identity ShadowRock is a CX, EX, CRM, and AI consulting and implementation firm founded by Matt Busi. Zendesk Premier Partner. Team of 15-20 consultants. 200+ clients served, 300+ projects delivered, 50+ certifications across team. Headquartered in the San Francisco Bay Area. **One-Line Truth:** ShadowRock architects and implements CX, EX, CRM, and AI platforms for mid-market and enterprise organizations. We exist so our clients can operate smarter, serve their customers better, and give their people tools worth using. **Tagline:** Where Tech Meets Human Experience **Main Website:** https://shadowrock.io **LinkedIn:** https://linkedin.com/company/shadowrock --- ## Brand Essence & Messaging ### The One-Line Truth ShadowRock architects and implements CX, EX, CRM, and AI platforms for mid-market and enterprise organizations. We exist so our clients can operate smarter, serve their customers better, and give their people tools worth using. ### Tagline Primary: Where Tech Meets Human Experience Secondary: CX, EX, AI, CRM at Full Throttle. Expert Strategies That Last. ### Brand Promise Deep platform expertise, architectural thinking, and real partnership on every engagement. We turn fragmented tools into unified systems that produce measurable business outcomes. ### Core Belief Technology should work for people. Behind every platform optimization is a real team interaction, a real customer moment, a real employee experience. We don't lose sight of the human on the other end. ### Elevator Pitch ShadowRock is a specialist consulting firm for CX, EX, CRM, and AI. As a Zendesk Premier Partner with deep AI implementation expertise, we help organizations get real value from their platform investments through expert implementation, integration, and optimization. Our founder comes from inside Zendesk and holds Architect-level certifications. The team of 15 to 20 consultants delivers with the depth of a large SI and the speed of a startup. Over 200 clients across healthcare, tech, aviation, financial services, and more trust us to make their technology work for their people. ### Messaging Architecture Level 1 (Brand): "Where Tech Meets Human Experience" - Use in brand campaigns, sponsorships, top-of-funnel. Level 2 (Value Proposition): "Aligning people and platforms so your business runs smoothly." - Use on website hero, sales decks, elevator pitch. Level 3 (Capability): "We design and implement CRM, CX, EX, and AI strategies that align systems, people, and data for measurable results." - Use on About page, proposals, partner collateral. Level 4 (Service-Specific): - CX: "We redesign support ecosystems and build omnichannel systems that actually feel consistent, from Help Center to messaging to voice." - EX: "We design onboarding and daily workflows that work, so people focus on their work and not their tools." - CRM: "A CRM should drive growth, not slow it down. We unify data and connect your revenue stack so leaders can act in real time." - AI: "AI should be operational, not theoretical. We deploy Zendesk AI Agents, Copilot, and Intelligent Triage to help your team move faster with less manual effort." ### The One-Liner ShadowRock: CX, EX, CRM & AI consulting. Zendesk Premier Partner. We make your tech stack work. ### Company Facts Founded by Matt Busi | Headquarters: San Francisco Bay Area (PST) | Team Size: 15-20 consultants | Clients Served: 200+ | Projects Delivered: 300+ | Technical Certifications: 50+ across team --- ## Who We Serve > ShadowRock works with mid-market and enterprise organizations (typically 100 to 10,000+ employees) that are serious about their customer experience, employee experience, and CRM infrastructure. ### Ideal Client Profile Mid-market and enterprise organizations (typically 100 to 10,000+ employees) that have moved past "do we need this?" and are in the "how do we make this actually work?" stage. They've invested in Zendesk (or are about to) and need expert help getting it configured correctly. Their support operations or internal service functions have outgrown their current tools. Their data lives in multiple systems that don't talk to each other. They're interested in AI but want practical deployments, not experiments. ### Industries Technology & SaaS: Multi-tier product support, developer communities, complex customer segmentation, high ticket volumes. Healthcare & Life Sciences: Compliance-sensitive environments, clinical trial support, patient engagement, HIPAA-conscious CX design. Aviation & Transportation: Concierge-level support for high-value customers, real-time operations integration, loyalty programs. Financial Services: Regulatory constraints, data hygiene, multi-product customer relationships, strict data access and retention. Professional Services: Project-based organizations, CRM discipline, cross-sell visibility. Nonprofits & Associations: Member engagement, resource-constrained environments, maximum platform ROI. Real Estate & Property Management: Listing workflows, owner/tenant communication, CRM-driven pipeline, high-volume inquiry routing. Manufacturing & Industrial: Dealer networks, warranty support, field service coordination. Entertainment & Media: High-volume consumer support, community management, seasonal demand spikes. ### Client Maturity Stages Greenfield: First-time implementation, architecture from scratch, best-practice configuration. Optimization: Already on a platform but not getting full value, audit and rebuild. Migration: Moving from one platform to another, data mapping, historical preservation. Integration & Unification: Connecting multiple platforms, eliminating data silos, building unified data models. AI Enablement: Layering intelligent automation on established platform foundations. ### Buyer Personas CX Leader (VP of Customer Experience, Director of Support): Resolution times, CSAT, cost-per-ticket, agent productivity, AI containment rates. Revenue / Sales Leader (VP of Sales, CRO, Head of RevOps): Pipeline visibility, forecast accuracy, deal velocity, CRM adoption. IT / Systems Leader (CIO, VP of IT): Integration stability, data governance, vendor management, security, TCO. HR / People Leader (CHRO, VP of People): Employee engagement scores, onboarding speed, internal support efficiency. Executive Sponsor (CEO, COO, CFO): Business outcomes, ROI, operational efficiency, competitive edge. Operations Leader (VP of Operations): Process efficiency, cross-departmental workflow, automation ROI. --- ## Positioning & Differentiation ### Positioning Statement For mid-market and enterprise organizations that need their CX, EX, CRM, and AI platforms to deliver on what was promised: ShadowRock is the specialist consulting partner that combines insider Zendesk expertise with architect-level systems thinking to produce real results, faster than building internal capability and more thoroughly than generalist consultancies. ### Why Organizations Choose ShadowRock Platform depth that can't be faked: Our leadership has worked at Zendesk. Consultants hold certifications across AI Agents, Copilot, Solution Consulting, and Implementation. Architecture-first thinking: Every engagement starts at the system level. We map the data model, integration dependencies, user workflow, and future state before configuring anything. Senior people, every time: The person on the discovery call is often the person in the sandbox the following week. Speed without shortcuts: Clients report we deliver in weeks what they estimated would take months internally. Genuine partnership: Longest client relationships span years and multiple projects. ### Competitive Landscape vs. Large SIs (Accenture, Deloitte): Faster delivery, lower cost, senior people on every engagement, no layers of account management. vs. Zendesk PS: Deeper customization, multi-platform integration, full lifecycle engagement, AI implementation expertise. vs. Freelancers: Team depth, PM discipline, multi-workstream complexity, continuity. vs. Offshore dev shops: US-based delivery, senior practitioners, direct client relationships, compliance awareness. vs. Other boutique CX firms: Broader CX/CRM/AI stack, Zendesk Premier Partner status, strategy and hands-on execution. ### Proof Points 1. Leadership has worked at Zendesk with seven active Salesforce certifications, Architect level included. 2. A client VP of Revenue Strategy had a pipeline performance dashboard running within a week; estimated 3+ months to build internally. 3. 50+ certifications across team connecting Zendesk, CRMs, data warehouses, billing systems, and AI tools. 4. Zendesk Premier Partner with active co-sell, CXT Roadshow Platinum sponsorship, and AI-specific certifications. 5. Consultants work in your systems, not hand over documents. 6. Clients in compliance-sensitive environments (healthcare, financial services) choose us repeatedly. ### Zendesk Partnership Zendesk Premier Partner (highest tier). Active co-sell model with 30+ Zendesk employees sharing opportunities. Joint customer engagements. CXT Roadshow Platinum Sponsor with speaking opportunities. Zendesk Relate participation. Team certifications: AI Agents Technical Expert, Copilot, Implementation Expert, Solution Consultant Expert. The partnership is operational, not just a badge. --- ## Brand Voice & Tone > ShadowRock's voice is warm-professional, technically confident, action-oriented, direct, and human. The voice stays consistent across channels; the tone shifts with context. ### Voice Attributes Warm-Professional: Friendly, approachable, credible. Trusted advisors, not corporate consultants. Not stiff or overly formal. Technically Confident: Authority about platforms, architecture, and implementation. Specific system references when they add value. Not condescending or showing off. Action-Oriented: Lead with verbs: Configure, Implement, Design, Build, Activate. Language moves forward. Not passive or hedge-heavy. Direct: Lead with the answer or recommendation. Acknowledge scope boundaries clearly. Say "out of scope" without apology and offer an alternative. Human: Every system serves real people. Use "you" and "your" more than "one" or "the organization." ### Tone by Context Website / Marketing: Warmer, more aspirational. Outcomes and possibilities first. Proposals / SOWs: Precise, structured, confident. Specific deliverables, timelines, scope lines. Client Communication: Collaborative, responsive, ownership-oriented. Names, specifics, clear next steps. Technical Documentation: Clear, scannable, implementation-first. Headers, bullets, system references. Blog / Thought Leadership: Practical, educational, opinionated. Guides people can use. Partner / Zendesk Channels: Platform-fluent, specific, colleague-to-colleague. Conference / Speaking: Practitioner-first, experience-driven, generous with real examples. ### Language Rules Use: Configure, Implement, Design, Build, Activate, Optimize, Connect, Deploy, Audit, Architect. Specific platform names (Zendesk above all). "Your team," "your customers," "your instance." AI product names by actual names: AI Agents, Copilot, Intelligent Triage. Avoid: Passive voice as default. Empty superlatives ("best-in-class," "world-class," "cutting-edge"). "Solutions" as standalone noun. The word "delve." "Landscape" unless literal geography. "Leverage" (use "use" instead). "Navigate" unless referring to a UI. "Robust" (describe what makes it strong instead). "Furthermore" and "moreover" where "and" or "also" work. ### Writing Style Lead with the point. First sentence carries the key takeaway. One idea per paragraph. Oxford commas: CX, EX, CRM, and AI. Sentence case for headings (except proper nouns and document titles). Define acronyms on first use in external-facing documents. Spell out numbers one through nine; numerals for 10+. Vary sentence length for natural rhythm. Start sentences differently; avoid three consecutive "We" starts. ### Brand Personality Personality Spectrum: - Formal to Casual: 35% toward Casual. "Senior consultant at a great dinner" not "partner at a law firm." - Reserved to Expressive: 40% toward Expressive. Opinions shared, but listening more than talking. - Conventional to Innovative: 65% toward Innovative. Modern approaches grounded in proven architecture. - Corporate to Startup: 45% toward Startup. Enterprise rigor with startup responsiveness. - Generalist to Specialist: 75% toward Specialist. Deep in a defined space; refers out what's outside core. - Cautious to Confident: 65% toward Confident. Clear recommendations with reasoning; honest about uncertainty. Primary Archetype: The Architect. Systems thinking, full-view scoping, data model first. Secondary Archetype: The Guide. Experience-driven leadership, insider fluency, skip the learning curve. --- ## Brand Values > These operating principles describe how ShadowRock works, hires, and makes decisions. They're not aspirational. They describe us on our best day, and we hold ourselves to that standard. ### Ownership Over Handoff We don't write a recommendations document and disappear. We implement, we test, we own it. When something breaks at 6pm on a Friday, we fix it, because our name is on it. During hypercare after a launch, we watch the queues, monitor reports, and catch issues before they become problems. ### Precision Over Volume Five perfectly configured automations over fifteen sloppy ones. Every time. We scope deliberately, execute carefully, and validate before we ship. We'd rather push back on an unrealistic timeline than deliver something half-finished. ### Candor Over Comfort We tell clients what they need to hear, not what they want to hear. If a proposed approach won't work, we say so early and bring an alternative. We'll flag when a Zendesk feature isn't the right fit, recommend a different approach even if it reduces our scope, or tell a prospect they don't need a consultant. ### Systems Over Features We think in architectures. Every configuration decision accounts for the broader system: data model, user workflow, integration dependencies, and future state. We ask how a form connects to routing, how routing connects to reporting, how reporting feeds staffing decisions. ### People Over Platforms Technology serves people. The agent using the interface. The customer who needs an answer. The employee who deserves tools that respect their time. We check our work: is this actually going to make someone's day easier? ### Partnership Over Transaction Our longest client relationships span years and many projects. We invest in understanding the business, not just the immediate ticket. We share knowledge openly, respond quickly, and treat clients' platforms like our own. When a client asks a quick question outside the current SOW, we answer it. ### Trust Through Rigor Healthcare organizations, financial services firms, and other compliance-sensitive environments are clients we serve regularly. We earn trust through disciplined execution, clear documentation, and genuine respect for compliance requirements. Testing in sandbox before production, documenting configuration decisions, maintaining version control on custom code. --- ## Brand Narrative ### The Core Problem Most businesses don't have a technology problem. They have an alignment problem. The CRM works fine on its own. The support platform works fine on its own. But they don't talk to each other, and the data is scattered across six tools, three departments, and a spreadsheet someone built in 2019. Agents don't have context, reps can't forecast, and leadership makes decisions on incomplete information. ### The Long Story ShadowRock exists because that gap shouldn't require a six-month engagement with a Big Four firm to close. We specialize in the platforms where customer experience, employee experience, CRM, and AI intersect. Our clients have already bought the tools; they come to us because they need someone who can make those tools actually work together. Zendesk is our home base, and from there we integrate across the broader technology stack. Our team is built differently. Our founder and senior architects have worked inside the platforms we implement. That fluency saves weeks. We've delivered 300+ projects for 200+ clients across healthcare, aviation, technology, financial services, nonprofits, and other industries. The approach stays the same: architect-led design, senior hands-on-keyboard execution, clear scope, and measurable outcomes. The AI conversation is moving fast, and we're in the middle of it. We're one of the first Zendesk partners to build a real practice around AI Agents and Copilot deployment. Behind every platform we optimize is a team that cares. Real people, real impact. ### The Short Story ShadowRock is a specialist consulting firm for CX, EX, CRM, and AI. As a Zendesk Premier Partner with deep AI implementation expertise, we help organizations get real value from their platform investments through expert implementation, integration, and optimization. Our founder comes from inside Zendesk and holds Architect-level certifications. The team of 15 to 20 consultants delivers with the depth of a large SI and the speed of a startup. Over 200 clients across healthcare, tech, aviation, financial services, and more trust us to make their technology work for their people. ### Founding Story Matt Busi started ShadowRock after years of watching organizations struggle to extract real value from their CX and CRM investments. Expensive tools sitting underutilized. Data locked in silos. Teams fighting the software that was supposed to help them. Matt had worked at Zendesk and built a deep certification portfolio (seven active Salesforce certifications, Architect level included), and he saw a gap: nobody was combining that insider platform knowledge with architect-led, outcome-driven delivery. ShadowRock is the firm he wished existed when he was on the other side of the table. ### Approved Testimonials "Within a week, we had a pipeline performance dashboard up and running. Building something similar ourselves would have taken 3+ months." - Alex Nguyen, VP of Revenue Strategy "Highly recommend. ShadowRock was wonderful to work with. They were willing to go the extra mile to find solutions that fit my needs." - CRM Integration Client "This is exactly the level of implementation detail where we value ShadowRock's expertise." - CX Platform Client --- ## Content Strategy ### Content Pillars 1. **Platform Expertise.** Practical, deep content about Zendesk and the broader CX/CRM/EX ecosystem. Configuration guides, migration playbooks, optimization strategies, AI deployment walkthroughs. 2. **Zendesk AI in Practice.** Dedicated content about AI Agents, Copilot, and Intelligent Triage deployments. Specific: containment rates, agent workflow changes, tuning results. 3. **Operational Intelligence.** How CX, EX, CRM, and AI work together as a system. Data unification, cross-platform integration, workflow automation. 4. **Industry Perspectives.** How specific industries (healthcare, aviation, SaaS, financial services) should think about CX and CRM. Real patterns from client work. 5. **AI Pragmatism.** Cutting through AI hype with practical guidance. What AI can do today in CX and CRM, how to deploy it, where the real return is. 6. **Team & Culture.** Selective content about the ShadowRock team, how we work, and what partnering with us feels like. Real stories, not corporate marketing. ### SEO Keywords Primary clusters: Zendesk implementation / optimization / consulting / partner, Zendesk AI Agents / configuration / implementation, Zendesk Copilot / implementation, customer experience consulting / CX strategy, employee experience platform / EX consulting, AI customer service / intelligent automation, CRM migration / integration / data unification. ### Content Cadence | Format | Frequency | |--------|-----------| | Blog posts | 2-4 per month | | Zendesk AI case studies | 1 per quarter minimum | | General case studies | 1-2 per quarter | | Email newsletters | Monthly | | Social (LinkedIn) | 3-5 posts per week | | Webinars / Events | Quarterly | --- ## Photography & Imagery ShadowRock uses 3D abstract graphic elements rather than stock photography. **Approved styles:** - Vertical bar gradients: arrays of columns with purple-to-white gradients (data visualization, analytics) - Parallelogram shapes: 3D forms with purple neon edge lighting, referencing the icon mark (motion, precision) - Sphere grids: patterns of 3D spheres in purple gradients (connectivity, networks) - Abstract spirals: concentric circles and spirals with purple gradients (process, refinement) **Direction:** Use the brand purple spectrum. Dark-first aesthetic so graphics sit on black. Geometric, structured forms over organic. Neon glow on focal elements. Abstract and modern; avoid photorealistic rendering. **Photography (when needed):** Candid over posed. Working sessions over headshots. Dark, moody tones with selective purple accent lighting. Technology-forward settings. Diverse representation. No generic stock, overly bright corporate imagery, or handshake photos. --- ## Thought Leadership ### Founder Visibility Matt Busi is the face of ShadowRock's expertise. Title: "Founder & Architect, ShadowRock." Authority: former Zendesk practitioner, 7x certified (Architect level), built and leads a 15-20 person specialist firm. Perspective: practitioner-first, speaks from implementation experience. Channels: LinkedIn (primary), conference speaking (CXT Roadshows, Relate), partner events, webinars, blog. **Founder Content Themes:** What actually works in CX/CRM implementations. The integration layer most firms ignore. AI in CX field reports from deploying Zendesk AI Agents and Copilot. Building a consulting firm in the age of platform partnerships. Specific Zendesk configuration insights. ### Team Authority Senior consultants (Emanuel, Mauricio, Julio, and others) build visible expertise in their specialization areas through co-authored blog posts, Zendesk community contributions, case study participation, and LinkedIn posts. ### Credential Usage | Context | How to Use | |---------|-----------| | Proposals | Lead with specific relevant certification for that project | | Website | Aggregate count ("50+ certifications") plus Premier Partner badge | | Partner co-sell | Specific certifications validating partnership tier | | Conference bios | Two to three most relevant credentials, max | | Blog / Thought leadership | Credentials in author bio only; let content prove expertise | --- ## Domain Selection Two domains serve Shadowrock assets. Choose the right one for your use case. | Domain | Purpose | |--------|---------| | https://a.shadowrock.team | Asset browser, HTML pages, API endpoints | | https://cdn.shadowrock.team | Cross-origin asset serving (fonts, images, SVGs) with CORS headers | ### Decision Matrix | Use Case | Domain | Reasoning | |----------|--------|-----------| | @font-face from another site | https://cdn.shadowrock.team | **Required** — browsers enforce CORS for font loading | | Images on another site | https://cdn.shadowrock.team | Recommended — CORS headers, global edge caching | | CSS background-image from another site | https://cdn.shadowrock.team | Recommended — cross-origin, better performance | | JavaScript fetch() for assets | https://cdn.shadowrock.team | Recommended — CORS mode required for cross-origin fetch | | Browsing the asset library (HTML) | https://a.shadowrock.team | Required — only BASE serves HTML pages | | API / manifest.json | https://a.shadowrock.team | Required — API endpoints are on BASE only | | Same-site asset references | https://a.shadowrock.team | No CORS needed for same-origin requests | | Slack/Discord avatar URL | Either | Both work; CDN is faster globally | **Rule of thumb**: If your page is on a *different origin* than `a.shadowrock.team`, use the CDN. If you're on the same site or calling the API, use BASE. ### CDN Technical Details - **CloudFront Distribution** — PriceClass_All (all global edge locations) - **Protocols** — HTTP/2 and HTTP/3 enabled - **CORS Preflight** — OPTIONS responses cached, proper `Access-Control-Allow-Origin` headers - **Caching** — Immutable static assets with 1-year cache headers ### URL Pattern Both domains serve the same path structure: ``` https://a.shadowrock.team/assets/{category}/{filename} https://cdn.shadowrock.team/assets/{category}/{filename} ``` --- ## File Tree ``` assets/ brand/ voice/ [Voice & Tone] values/ [Brand Values] narrative/ [Brand Narrative] [Brand Essence & Messaging] [Who We Serve] [Positioning & Differentiation] logos/ full/ shadowrock-logo.svg shadowrock-logo.png shadowrock-logo@2x.png shadowrock-logo@3x.png shadowrock-logo-white.svg shadowrock-logo-white.png shadowrock-logo-white@2x.png shadowrock-logo-white@3x.png shadowrock-logo-black.svg shadowrock-logo-black.png shadowrock-logo-black@2x.png shadowrock-logo-black@3x.png shadowrock-logo-light.svg shadowrock-logo-light.png shadowrock-logo-light@2x.png shadowrock-logo-light@3x.png icon/ shadowrock-icon.svg shadowrock-icon-64.png shadowrock-icon-128.png shadowrock-icon-256.png shadowrock-icon-512.png shadowrock-icon-white.svg shadowrock-icon-white-64.png shadowrock-icon-white-128.png shadowrock-icon-white-256.png shadowrock-icon-white-512.png shadowrock-icon-black.svg shadowrock-icon-black-64.png shadowrock-icon-black-128.png shadowrock-icon-black-256.png shadowrock-icon-black-512.png shadowrock-icon-light.svg shadowrock-icon-light-64.png shadowrock-icon-light-128.png shadowrock-icon-light-256.png shadowrock-icon-light-512.png wordmark/ shadowrock-wordmark.svg shadowrock-wordmark.png shadowrock-wordmark@2x.png shadowrock-wordmark@3x.png shadowrock-wordmark-white.svg shadowrock-wordmark-white.png shadowrock-wordmark-white@2x.png shadowrock-wordmark-white@3x.png shadowrock-wordmark-black.svg shadowrock-wordmark-black.png shadowrock-wordmark-black@2x.png shadowrock-wordmark-black@3x.png shadowrock-wordmark-light.svg shadowrock-wordmark-light.png shadowrock-wordmark-light@2x.png shadowrock-wordmark-light@3x.png favicons/ favicon.ico favicon-dark.ico favicon.svg favicon-dark.svg favicon-16x16.png favicon-32x32.png apple-touch-icon.png android-chrome-192x192.png android-chrome-512x512.png fonts/ brockmann-medium/ brockmann-medium.woff2 brockmann-medium.woff brockmann-medium.ttf brockmann-medium.eot license.pdf guidelines/ colors/ [Color Palette] typography/ [Type Scale] spacing/ [Spacing Tokens] [Border Radius Tokens] components/ [Button Styles] [Card Styles] ``` --- ## Site Navigation ### URL Structure | Pattern | Example | Description | |---------|---------|-------------| | Root | https://a.shadowrock.team/ | Brand hub home page | | Brand section | https://a.shadowrock.team/brand | Brand identity overview | | Brand subsection | https://a.shadowrock.team/brand/voice | Voice & tone guidelines | | Subfolder | https://a.shadowrock.team/logos | Folder listing with subfolders | | Leaf folder | https://a.shadowrock.team/logos/full | Folder listing with assets | | Asset detail | https://a.shadowrock.team/logos/full/shadowrock-full-logo | Individual asset page with variants | | Guideline page | https://a.shadowrock.team/guidelines/colors/color-palette | Design token reference page | | Brand content | https://a.shadowrock.team/brand/brand-essence | Brand content page | ### All Browsable Pages **Folders:** - https://a.shadowrock.team — ShadowRock Brand Hub: Brand identity, assets, design system, and resources - https://a.shadowrock.team/brand — Brand Identity: Brand essence, positioning, messaging, and narrative - https://a.shadowrock.team/brand/voice — Voice & Tone: Brand personality, voice guidelines, and tone direction - https://a.shadowrock.team/brand/values — Brand Values: Core values that drive ShadowRock's work and culture - https://a.shadowrock.team/brand/narrative — Brand Narrative: Origin story, positioning, and differentiation - https://a.shadowrock.team/guidelines — Brand Guidelines: Design tokens, typography, and component specifications - https://a.shadowrock.team/guidelines/colors — Colors: Brand color palette and usage guidelines - https://a.shadowrock.team/guidelines/typography — Typography: Type scale and font specifications - https://a.shadowrock.team/guidelines/spacing — Spacing: Spacing and radius tokens - https://a.shadowrock.team/guidelines/components — Components: UI component specifications - https://a.shadowrock.team/logos — Logos: Official Shadowrock logos in various formats and color variants - https://a.shadowrock.team/logos/full — Full Logos: Complete horizontal logos with icon and wordmark - https://a.shadowrock.team/logos/icon — Icon Mark: Standalone icon mark without text - https://a.shadowrock.team/logos/wordmark — Wordmark: Text-only wordmark without icon - https://a.shadowrock.team/favicons — Favicons: Favicon files for web applications - https://a.shadowrock.team/fonts — Fonts: Typography assets and web fonts - https://a.shadowrock.team/fonts/brockmann-medium — Brockmann Medium: Brockmann Medium webfont for brand typography **Asset Detail Pages:** - https://a.shadowrock.team/logos/full/shadowrock-full-logo — Shadowrock Full Logo: Complete horizontal logo featuring the icon mark and wordmark. Available in multiple color variants and formats for different backgrounds and use cases. - https://a.shadowrock.team/logos/icon/shadowrock-icon — Shadowrock Icon: Standalone icon mark featuring the three parallelogram shapes. Use when space is limited or brand recognition is established. Available in SVG and PNG formats at multiple sizes. - https://a.shadowrock.team/logos/wordmark/shadowrock-wordmark — Shadowrock Wordmark: Text-only wordmark spelling out 'ShadowRock'. Use alongside the icon or in contexts where the brand name needs emphasis. Available in SVG and PNG formats. - https://a.shadowrock.team/favicons/favicon-ico — Favicon (ICO): Multi-resolution ICO favicon containing 16x16, 32x32, and 48x48 pixel versions. Available in light mode (dark icon) and dark mode (white icon) variants. - https://a.shadowrock.team/favicons/favicon-svg — Favicon (SVG): Scalable vector favicon for modern browsers. Available in light mode (dark icon) and dark mode (white icon) variants for consistent display at any size. - https://a.shadowrock.team/favicons/favicon-png — Favicon (PNG): Standard PNG favicon variants for web apps, iOS, and Android. Includes apple-touch-icon and android-chrome sizes. - https://a.shadowrock.team/fonts/brockmann-medium/brockmann-medium — Brockmann Medium: Brockmann Medium webfont. Use @font-face with the WOFF2/WOFF URLs to include in your projects. See license.pdf for usage terms. **Guideline Pages:** - https://a.shadowrock.team/brand/brand-essence — Brand Essence & Messaging: Core brand identity, taglines, elevator pitch, and messaging architecture - https://a.shadowrock.team/brand/who-we-serve — Who We Serve: Target audience, industries, client maturity stages, and buyer personas - https://a.shadowrock.team/brand/positioning — Positioning & Differentiation: Competitive advantages, proof points, and Zendesk partnership context - https://a.shadowrock.team/brand/voice/voice-tone — Voice & Tone: Brand voice attributes, tone by context, language rules, and writing style guidelines - https://a.shadowrock.team/brand/values/brand-values — Brand Values: Operating principles that describe how ShadowRock works, hires, and makes decisions - https://a.shadowrock.team/brand/narrative/brand-narrative — Brand Narrative: Origin story, core problem, ShadowRock's role, and evidence - https://a.shadowrock.team/guidelines/colors/color-palette — Color Palette: Official Shadowrock brand colors with HEX, RGB, and CMYK values for print and digital use - https://a.shadowrock.team/guidelines/typography/type-scale — Type Scale: Typography specifications using Brockmann Medium as the brand typeface - https://a.shadowrock.team/guidelines/spacing/spacing-tokens — Spacing Tokens: Consistent spacing scale for margins, padding, and gaps - https://a.shadowrock.team/guidelines/spacing/radius-tokens — Border Radius Tokens: Border radius values for rounded corners - https://a.shadowrock.team/guidelines/components/button-styles — Button Styles: Standard button variants for the Shadowrock design system - https://a.shadowrock.team/guidelines/components/card-styles — Card Styles: Card component variants for content containers --- ## Quick Reference URLs Copy-paste ready URLs for common use cases: ### Primary Logo (Full) ``` Default https://a.shadowrock.team/assets/logos/full/shadowrock-logo.svg White https://a.shadowrock.team/assets/logos/full/shadowrock-logo-white.svg Black https://a.shadowrock.team/assets/logos/full/shadowrock-logo-black.svg Light https://a.shadowrock.team/assets/logos/full/shadowrock-logo-light.svg ``` ### Icon Mark (Compact) ``` Default https://a.shadowrock.team/assets/logos/icon/shadowrock-icon.svg White https://a.shadowrock.team/assets/logos/icon/shadowrock-icon-white.svg Black https://a.shadowrock.team/assets/logos/icon/shadowrock-icon-black.svg Light https://a.shadowrock.team/assets/logos/icon/shadowrock-icon-light.svg ``` ### Icon PNG Sizes ``` 64x64 https://a.shadowrock.team/assets/logos/icon/shadowrock-icon-64.png 128x128 https://a.shadowrock.team/assets/logos/icon/shadowrock-icon-128.png 256x256 https://a.shadowrock.team/assets/logos/icon/shadowrock-icon-256.png 512x512 https://a.shadowrock.team/assets/logos/icon/shadowrock-icon-512.png ``` ### Wordmark (Text Only) ``` Default https://a.shadowrock.team/assets/logos/wordmark/shadowrock-wordmark.svg White https://a.shadowrock.team/assets/logos/wordmark/shadowrock-wordmark-white.svg Black https://a.shadowrock.team/assets/logos/wordmark/shadowrock-wordmark-black.svg Light https://a.shadowrock.team/assets/logos/wordmark/shadowrock-wordmark-light.svg ``` ### Favicons ``` ICO Light (16, 32, 48px) https://a.shadowrock.team/assets/favicons/favicon.ico ICO Dark (16, 32, 48px) https://a.shadowrock.team/assets/favicons/favicon-dark.ico SVG Light https://a.shadowrock.team/assets/favicons/favicon.svg SVG Dark https://a.shadowrock.team/assets/favicons/favicon-dark.svg PNG (16x16) https://a.shadowrock.team/assets/favicons/favicon-16x16.png PNG (32x32) https://a.shadowrock.team/assets/favicons/favicon-32x32.png Apple Touch Icon (180x180) https://a.shadowrock.team/assets/favicons/apple-touch-icon.png Android Chrome (192x192) https://a.shadowrock.team/assets/favicons/android-chrome-192x192.png Android Chrome (512x512) https://a.shadowrock.team/assets/favicons/android-chrome-512x512.png ``` ### Brand Font (Brockmann Medium) Same-origin (from a.shadowrock.team pages): ``` WOFF2 https://a.shadowrock.team/assets/fonts/brockmann-medium/brockmann-medium.woff2 WOFF https://a.shadowrock.team/assets/fonts/brockmann-medium/brockmann-medium.woff TrueType https://a.shadowrock.team/assets/fonts/brockmann-medium/brockmann-medium.ttf EOT (Legacy IE) https://a.shadowrock.team/assets/fonts/brockmann-medium/brockmann-medium.eot License (PDF) https://a.shadowrock.team/assets/fonts/brockmann-medium/license.pdf ``` Cross-origin (from any other domain — recommended for @font-face): ``` WOFF2 https://cdn.shadowrock.team/assets/fonts/brockmann-medium/brockmann-medium.woff2 WOFF https://cdn.shadowrock.team/assets/fonts/brockmann-medium/brockmann-medium.woff TrueType https://cdn.shadowrock.team/assets/fonts/brockmann-medium/brockmann-medium.ttf EOT (Legacy IE) https://cdn.shadowrock.team/assets/fonts/brockmann-medium/brockmann-medium.eot License (PDF) https://cdn.shadowrock.team/assets/fonts/brockmann-medium/license.pdf ``` --- ## Design System ### Brand Colors | Name | HEX | RGB | CMYK | CSS Variable | Usage | |------|-----|-----|------|--------------|-------| | Black | #000000 | rgb(0, 0, 0) | cmyk(0%, 0%, 0%, 100%) | --sr-black | Primary background for brand contexts, dark UI surfaces | | ShadowRock Purple | #5200CC | rgb(82, 0, 204) | cmyk(60%, 100%, 0%, 20%) | --sr-purple | Primary brand accent, CTAs, interactive elements | | White | #FFFFFF | rgb(255, 255, 255) | cmyk(0%, 0%, 0%, 0%) | --sr-white | Primary text on dark backgrounds, light surfaces | | Dark Gray | #0F0F0F | rgb(15, 15, 15) | cmyk(0%, 0%, 0%, 94%) | --sr-dark-gray | Elevated dark surfaces, card backgrounds | | Charcoal | #222222 | rgb(34, 34, 34) | cmyk(0%, 0%, 0%, 87%) | --sr-charcoal | Secondary surfaces, borders on dark backgrounds | | Medium Gray | #A3A3A3 | rgb(163, 163, 163) | cmyk(0%, 0%, 0%, 36%) | --sr-medium-gray | Secondary text, muted elements, placeholders | **CSS Custom Properties**: ```css :root { --sr-black: #000000; --sr-purple: #5200CC; --sr-white: #FFFFFF; --sr-dark-gray: #0F0F0F; --sr-charcoal: #222222; --sr-medium-gray: #A3A3A3; } ``` ### Typography **Brand Font**: Brockmann Medium - **Font Family**: 'Brockmann', system-ui, -apple-system, sans-serif - **Font Weight**: 500 (normal) - **Use Cases**: Headlines, UI text, brand identity **Type Scale**: | Name | Size | Line Height | Usage | |------|------|-------------|-------| | Display | 48px | 1.1 | Hero headlines, major feature announcements | | Heading 1 | 36px | 1.2 | Page titles, section headers | | Heading 2 | 24px | 1.3 | Subsection titles, card headers | | Heading 3 | 18px | 1.4 | Component titles, list headers | | Body | 16px | 1.5 | Primary body text, descriptions | | Small | 14px | 1.5 | Captions, labels, helper text | | Micro | 12px | 1.4 | Badges, tags, fine print | **CSS @font-face — Same-origin**: ```css @font-face { font-family: 'Brockmann'; src: url('https://a.shadowrock.team/assets/fonts/brockmann-medium/brockmann-medium.woff2') format('woff2'), url('https://a.shadowrock.team/assets/fonts/brockmann-medium/brockmann-medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } ``` **CSS @font-face — Cross-origin (recommended)**: > Browsers enforce CORS for font loading. Use CDN URLs when serving from a different origin. ```css @font-face { font-family: 'Brockmann'; src: url('https://cdn.shadowrock.team/assets/fonts/brockmann-medium/brockmann-medium.woff2') format('woff2'), url('https://cdn.shadowrock.team/assets/fonts/brockmann-medium/brockmann-medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } ``` ### Spacing Tokens | Name | Value | CSS Variable | Usage | |------|-------|--------------|-------| | 4 | 4px | --sr-space-4 | Tight spacing, icon padding | | 8 | 8px | --sr-space-8 | Small gaps, compact layouts | | 12 | 12px | --sr-space-12 | Button padding, input spacing | | 16 | 16px | --sr-space-16 | Standard padding, card content | | 24 | 24px | --sr-space-24 | Section gaps, larger padding | | 32 | 32px | --sr-space-32 | Major section spacing | | 48 | 48px | --sr-space-48 | Page section margins | | 64 | 64px | --sr-space-64 | Large layout spacing | ### Border Radius Tokens | Name | Value | CSS Variable | Usage | |------|-------|--------------|-------| | Small | 4px | --sr-radius-sm | Tags, badges, small elements | | Medium | 8px | --sr-radius-md | Inputs, smaller cards | | Button | 10px | --sr-radius-button | Standard button radius | | Card | 16px | --sr-radius-card | Cards, modals, larger containers | | Large | 24px | --sr-radius-lg | Feature sections, hero elements | ### Component Specifications #### Buttons **Primary Button**: ```css .btn-primary { background: #5200CC; color: #FFFFFF; border-radius: 10px; padding: 12px 24px; font-size: 16px; font-weight: 500; } .btn-primary:hover { background: #4100A3; } ``` **Secondary Button**: ```css .btn-secondary { background: #222222; color: #FFFFFF; border-radius: 10px; padding: 12px 24px; font-size: 16px; font-weight: 500; } .btn-secondary:hover { background: #333333; } ``` **Ghost Button**: ```css .btn-ghost { background: transparent; color: #FFFFFF; border: 1px solid #222222; border-radius: 10px; padding: 12px 24px; font-size: 16px; font-weight: 500; } .btn-ghost:hover { background: #0F0F0F; } ``` #### Cards **Default Card**: ```css .card-default { background: #0F0F0F; border-radius: 16px; padding: 24px; border: 1px solid #222222; } ``` **Elevated Card**: ```css .card-elevated { background: #0F0F0F; border-radius: 16px; padding: 24px; border: 1px solid #222222; box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4); } ``` **Interactive Card**: ```css .card-interactive { background: #0F0F0F; border-radius: 16px; padding: 24px; border: 1px solid #222222; cursor: pointer; } .card-interactive:hover { border: 1px solid #5200CC; } ``` ### Logo Usage Guidelines - **Full Logo**: Use for primary branding where space allows (minimum width: 120px) - **Icon Mark**: Use for compact spaces, app icons, favicons (three parallelogram shapes) - **Wordmark**: Use when icon is already present or for text emphasis **Color Variants**: - **Default (gradient)**: For light backgrounds - **White**: For dark backgrounds - **Black**: For single-color printing or high contrast - **Light (gradient)**: Alternative for subtle backgrounds **Available Formats**: - **SVG**: Vector format, infinitely scalable, preferred for web - **PNG**: Raster format at multiple sizes (64, 128, 256, 512px for icons; 200, 400, 800px for logos) --- ## Asset Catalog ### Full Logos #### Shadowrock Full Logo - **Description**: Complete horizontal logo featuring the icon mark and wordmark. Available in multiple color variants and formats for different backgrounds and use cases. - **Alt Text**: "Shadowrock logo" - **Tags**: logo, full, horizontal, primary | Variant | Base URL | CDN URL | Format | Size | |---------|----------|---------|--------|------| | SVG | https://a.shadowrock.team/assets/logos/full/shadowrock-logo.svg | https://cdn.shadowrock.team/assets/logos/full/shadowrock-logo.svg | image/svg+xml | 3.4 KB | | PNG (200w) | https://a.shadowrock.team/assets/logos/full/shadowrock-logo.png | https://cdn.shadowrock.team/assets/logos/full/shadowrock-logo.png | image/png | 2.9 KB | | PNG (400w @2x) | https://a.shadowrock.team/assets/logos/full/shadowrock-logo@2x.png | https://cdn.shadowrock.team/assets/logos/full/shadowrock-logo@2x.png | image/png | 5.8 KB | | PNG (800w @3x) | https://a.shadowrock.team/assets/logos/full/shadowrock-logo@3x.png | https://cdn.shadowrock.team/assets/logos/full/shadowrock-logo@3x.png | image/png | 13.1 KB | | SVG (White) | https://a.shadowrock.team/assets/logos/full/shadowrock-logo-white.svg | https://cdn.shadowrock.team/assets/logos/full/shadowrock-logo-white.svg | image/svg+xml | 3.4 KB | | PNG White (200w) | https://a.shadowrock.team/assets/logos/full/shadowrock-logo-white.png | https://cdn.shadowrock.team/assets/logos/full/shadowrock-logo-white.png | image/png | 2.6 KB | | PNG White (400w @2x) | https://a.shadowrock.team/assets/logos/full/shadowrock-logo-white@2x.png | https://cdn.shadowrock.team/assets/logos/full/shadowrock-logo-white@2x.png | image/png | 5.3 KB | | PNG White (800w @3x) | https://a.shadowrock.team/assets/logos/full/shadowrock-logo-white@3x.png | https://cdn.shadowrock.team/assets/logos/full/shadowrock-logo-white@3x.png | image/png | 11.8 KB | | SVG (Black) | https://a.shadowrock.team/assets/logos/full/shadowrock-logo-black.svg | https://cdn.shadowrock.team/assets/logos/full/shadowrock-logo-black.svg | image/svg+xml | 3.2 KB | | PNG Black (200w) | https://a.shadowrock.team/assets/logos/full/shadowrock-logo-black.png | https://cdn.shadowrock.team/assets/logos/full/shadowrock-logo-black.png | image/png | 2.4 KB | | PNG Black (400w @2x) | https://a.shadowrock.team/assets/logos/full/shadowrock-logo-black@2x.png | https://cdn.shadowrock.team/assets/logos/full/shadowrock-logo-black@2x.png | image/png | 5.1 KB | | PNG Black (800w @3x) | https://a.shadowrock.team/assets/logos/full/shadowrock-logo-black@3x.png | https://cdn.shadowrock.team/assets/logos/full/shadowrock-logo-black@3x.png | image/png | 11.4 KB | | SVG (Light) | https://a.shadowrock.team/assets/logos/full/shadowrock-logo-light.svg | https://cdn.shadowrock.team/assets/logos/full/shadowrock-logo-light.svg | image/svg+xml | 3.4 KB | | PNG Light (200w) | https://a.shadowrock.team/assets/logos/full/shadowrock-logo-light.png | https://cdn.shadowrock.team/assets/logos/full/shadowrock-logo-light.png | image/png | 3.1 KB | | PNG Light (400w @2x) | https://a.shadowrock.team/assets/logos/full/shadowrock-logo-light@2x.png | https://cdn.shadowrock.team/assets/logos/full/shadowrock-logo-light@2x.png | image/png | 6.3 KB | | PNG Light (800w @3x) | https://a.shadowrock.team/assets/logos/full/shadowrock-logo-light@3x.png | https://cdn.shadowrock.team/assets/logos/full/shadowrock-logo-light@3x.png | image/png | 14.1 KB | ### Icon Mark #### Shadowrock Icon - **Description**: Standalone icon mark featuring the three parallelogram shapes. Use when space is limited or brand recognition is established. Available in SVG and PNG formats at multiple sizes. - **Alt Text**: "Shadowrock icon" - **Tags**: icon, mark, symbol, compact | Variant | Base URL | CDN URL | Format | Size | |---------|----------|---------|--------|------| | SVG | https://a.shadowrock.team/assets/logos/icon/shadowrock-icon.svg | https://cdn.shadowrock.team/assets/logos/icon/shadowrock-icon.svg | image/svg+xml | 630 B | | PNG (64x64) | https://a.shadowrock.team/assets/logos/icon/shadowrock-icon-64.png | https://cdn.shadowrock.team/assets/logos/icon/shadowrock-icon-64.png | image/png | 949 B | | PNG (128x128) | https://a.shadowrock.team/assets/logos/icon/shadowrock-icon-128.png | https://cdn.shadowrock.team/assets/logos/icon/shadowrock-icon-128.png | image/png | 2.0 KB | | PNG (256x256) | https://a.shadowrock.team/assets/logos/icon/shadowrock-icon-256.png | https://cdn.shadowrock.team/assets/logos/icon/shadowrock-icon-256.png | image/png | 5.0 KB | | PNG (512x512) | https://a.shadowrock.team/assets/logos/icon/shadowrock-icon-512.png | https://cdn.shadowrock.team/assets/logos/icon/shadowrock-icon-512.png | image/png | 14.0 KB | | SVG (White) | https://a.shadowrock.team/assets/logos/icon/shadowrock-icon-white.svg | https://cdn.shadowrock.team/assets/logos/icon/shadowrock-icon-white.svg | image/svg+xml | 627 B | | PNG White (64x64) | https://a.shadowrock.team/assets/logos/icon/shadowrock-icon-white-64.png | https://cdn.shadowrock.team/assets/logos/icon/shadowrock-icon-white-64.png | image/png | 843 B | | PNG White (128x128) | https://a.shadowrock.team/assets/logos/icon/shadowrock-icon-white-128.png | https://cdn.shadowrock.team/assets/logos/icon/shadowrock-icon-white-128.png | image/png | 1.7 KB | | PNG White (256x256) | https://a.shadowrock.team/assets/logos/icon/shadowrock-icon-white-256.png | https://cdn.shadowrock.team/assets/logos/icon/shadowrock-icon-white-256.png | image/png | 4.0 KB | | PNG White (512x512) | https://a.shadowrock.team/assets/logos/icon/shadowrock-icon-white-512.png | https://cdn.shadowrock.team/assets/logos/icon/shadowrock-icon-white-512.png | image/png | 10.5 KB | | SVG (Black) | https://a.shadowrock.team/assets/logos/icon/shadowrock-icon-black.svg | https://cdn.shadowrock.team/assets/logos/icon/shadowrock-icon-black.svg | image/svg+xml | 498 B | | PNG Black (64x64) | https://a.shadowrock.team/assets/logos/icon/shadowrock-icon-black-64.png | https://cdn.shadowrock.team/assets/logos/icon/shadowrock-icon-black-64.png | image/png | 798 B | | PNG Black (128x128) | https://a.shadowrock.team/assets/logos/icon/shadowrock-icon-black-128.png | https://cdn.shadowrock.team/assets/logos/icon/shadowrock-icon-black-128.png | image/png | 1.7 KB | | PNG Black (256x256) | https://a.shadowrock.team/assets/logos/icon/shadowrock-icon-black-256.png | https://cdn.shadowrock.team/assets/logos/icon/shadowrock-icon-black-256.png | image/png | 4.5 KB | | PNG Black (512x512) | https://a.shadowrock.team/assets/logos/icon/shadowrock-icon-black-512.png | https://cdn.shadowrock.team/assets/logos/icon/shadowrock-icon-black-512.png | image/png | 12.6 KB | | SVG (Light) | https://a.shadowrock.team/assets/logos/icon/shadowrock-icon-light.svg | https://cdn.shadowrock.team/assets/logos/icon/shadowrock-icon-light.svg | image/svg+xml | 630 B | | PNG Light (64x64) | https://a.shadowrock.team/assets/logos/icon/shadowrock-icon-light-64.png | https://cdn.shadowrock.team/assets/logos/icon/shadowrock-icon-light-64.png | image/png | 1.0 KB | | PNG Light (128x128) | https://a.shadowrock.team/assets/logos/icon/shadowrock-icon-light-128.png | https://cdn.shadowrock.team/assets/logos/icon/shadowrock-icon-light-128.png | image/png | 2.1 KB | | PNG Light (256x256) | https://a.shadowrock.team/assets/logos/icon/shadowrock-icon-light-256.png | https://cdn.shadowrock.team/assets/logos/icon/shadowrock-icon-light-256.png | image/png | 5.3 KB | | PNG Light (512x512) | https://a.shadowrock.team/assets/logos/icon/shadowrock-icon-light-512.png | https://cdn.shadowrock.team/assets/logos/icon/shadowrock-icon-light-512.png | image/png | 14.5 KB | ### Wordmark #### Shadowrock Wordmark - **Description**: Text-only wordmark spelling out 'ShadowRock'. Use alongside the icon or in contexts where the brand name needs emphasis. Available in SVG and PNG formats. - **Alt Text**: "Shadowrock wordmark" - **Tags**: wordmark, text, typography, logotype | Variant | Base URL | CDN URL | Format | Size | |---------|----------|---------|--------|------| | SVG | https://a.shadowrock.team/assets/logos/wordmark/shadowrock-wordmark.svg | https://cdn.shadowrock.team/assets/logos/wordmark/shadowrock-wordmark.svg | image/svg+xml | 3.1 KB | | PNG (200w) | https://a.shadowrock.team/assets/logos/wordmark/shadowrock-wordmark.png | https://cdn.shadowrock.team/assets/logos/wordmark/shadowrock-wordmark.png | image/png | 2.9 KB | | PNG (400w @2x) | https://a.shadowrock.team/assets/logos/wordmark/shadowrock-wordmark@2x.png | https://cdn.shadowrock.team/assets/logos/wordmark/shadowrock-wordmark@2x.png | image/png | 5.7 KB | | PNG (800w @3x) | https://a.shadowrock.team/assets/logos/wordmark/shadowrock-wordmark@3x.png | https://cdn.shadowrock.team/assets/logos/wordmark/shadowrock-wordmark@3x.png | image/png | 12.8 KB | | SVG (White) | https://a.shadowrock.team/assets/logos/wordmark/shadowrock-wordmark-white.svg | https://cdn.shadowrock.team/assets/logos/wordmark/shadowrock-wordmark-white.svg | image/svg+xml | 3.1 KB | | PNG White (200w) | https://a.shadowrock.team/assets/logos/wordmark/shadowrock-wordmark-white.png | https://cdn.shadowrock.team/assets/logos/wordmark/shadowrock-wordmark-white.png | image/png | 2.6 KB | | PNG White (400w @2x) | https://a.shadowrock.team/assets/logos/wordmark/shadowrock-wordmark-white@2x.png | https://cdn.shadowrock.team/assets/logos/wordmark/shadowrock-wordmark-white@2x.png | image/png | 5.2 KB | | PNG White (800w @3x) | https://a.shadowrock.team/assets/logos/wordmark/shadowrock-wordmark-white@3x.png | https://cdn.shadowrock.team/assets/logos/wordmark/shadowrock-wordmark-white@3x.png | image/png | 11.6 KB | | SVG (Black) | https://a.shadowrock.team/assets/logos/wordmark/shadowrock-wordmark-black.svg | https://cdn.shadowrock.team/assets/logos/wordmark/shadowrock-wordmark-black.svg | image/svg+xml | 2.9 KB | | PNG Black (200w) | https://a.shadowrock.team/assets/logos/wordmark/shadowrock-wordmark-black.png | https://cdn.shadowrock.team/assets/logos/wordmark/shadowrock-wordmark-black.png | image/png | 2.5 KB | | PNG Black (400w @2x) | https://a.shadowrock.team/assets/logos/wordmark/shadowrock-wordmark-black@2x.png | https://cdn.shadowrock.team/assets/logos/wordmark/shadowrock-wordmark-black@2x.png | image/png | 5.0 KB | | PNG Black (800w @3x) | https://a.shadowrock.team/assets/logos/wordmark/shadowrock-wordmark-black@3x.png | https://cdn.shadowrock.team/assets/logos/wordmark/shadowrock-wordmark-black@3x.png | image/png | 11.2 KB | | SVG (Light) | https://a.shadowrock.team/assets/logos/wordmark/shadowrock-wordmark-light.svg | https://cdn.shadowrock.team/assets/logos/wordmark/shadowrock-wordmark-light.svg | image/svg+xml | 3.1 KB | | PNG Light (200w) | https://a.shadowrock.team/assets/logos/wordmark/shadowrock-wordmark-light.png | https://cdn.shadowrock.team/assets/logos/wordmark/shadowrock-wordmark-light.png | image/png | 3.2 KB | | PNG Light (400w @2x) | https://a.shadowrock.team/assets/logos/wordmark/shadowrock-wordmark-light@2x.png | https://cdn.shadowrock.team/assets/logos/wordmark/shadowrock-wordmark-light@2x.png | image/png | 6.2 KB | | PNG Light (800w @3x) | https://a.shadowrock.team/assets/logos/wordmark/shadowrock-wordmark-light@3x.png | https://cdn.shadowrock.team/assets/logos/wordmark/shadowrock-wordmark-light@3x.png | image/png | 13.9 KB | ### Favicons #### Favicon (ICO) - **Description**: Multi-resolution ICO favicon containing 16x16, 32x32, and 48x48 pixel versions. Available in light mode (dark icon) and dark mode (white icon) variants. - **Alt Text**: "Shadowrock favicon" - **Tags**: favicon, ico, browser, multi-resolution | Variant | Base URL | CDN URL | Format | Size | |---------|----------|---------|--------|------| | ICO Light (16, 32, 48px) | https://a.shadowrock.team/assets/favicons/favicon.ico | https://cdn.shadowrock.team/assets/favicons/favicon.ico | image/x-icon | 14.7 KB | | ICO Dark (16, 32, 48px) | https://a.shadowrock.team/assets/favicons/favicon-dark.ico | https://cdn.shadowrock.team/assets/favicons/favicon-dark.ico | image/x-icon | 14.7 KB | #### Favicon (SVG) - **Description**: Scalable vector favicon for modern browsers. Available in light mode (dark icon) and dark mode (white icon) variants for consistent display at any size. - **Alt Text**: "Shadowrock favicon" - **Tags**: favicon, svg, modern, scalable | Variant | Base URL | CDN URL | Format | Size | |---------|----------|---------|--------|------| | SVG Light | https://a.shadowrock.team/assets/favicons/favicon.svg | https://cdn.shadowrock.team/assets/favicons/favicon.svg | image/svg+xml | 546 B | | SVG Dark | https://a.shadowrock.team/assets/favicons/favicon-dark.svg | https://cdn.shadowrock.team/assets/favicons/favicon-dark.svg | image/svg+xml | 546 B | #### Favicon (PNG) - **Description**: Standard PNG favicon variants for web apps, iOS, and Android. Includes apple-touch-icon and android-chrome sizes. - **Alt Text**: "Shadowrock favicon" - **Tags**: favicon, png, apple-touch-icon, android-chrome, pwa | Variant | Base URL | CDN URL | Format | Size | |---------|----------|---------|--------|------| | PNG (16x16) | https://a.shadowrock.team/assets/favicons/favicon-16x16.png | https://cdn.shadowrock.team/assets/favicons/favicon-16x16.png | image/png | 287 B | | PNG (32x32) | https://a.shadowrock.team/assets/favicons/favicon-32x32.png | https://cdn.shadowrock.team/assets/favicons/favicon-32x32.png | image/png | 444 B | | Apple Touch Icon (180x180) | https://a.shadowrock.team/assets/favicons/apple-touch-icon.png | https://cdn.shadowrock.team/assets/favicons/apple-touch-icon.png | image/png | 2.4 KB | | Android Chrome (192x192) | https://a.shadowrock.team/assets/favicons/android-chrome-192x192.png | https://cdn.shadowrock.team/assets/favicons/android-chrome-192x192.png | image/png | 2.7 KB | | Android Chrome (512x512) | https://a.shadowrock.team/assets/favicons/android-chrome-512x512.png | https://cdn.shadowrock.team/assets/favicons/android-chrome-512x512.png | image/png | 12.0 KB | ### Brockmann Medium #### Brockmann Medium - **Description**: Brockmann Medium webfont. Use @font-face with the WOFF2/WOFF URLs to include in your projects. See license.pdf for usage terms. - **Alt Text**: "Brockmann Medium font" - **Tags**: font, webfont, typography, brockmann, medium | Variant | Base URL | CDN URL | Format | Size | |---------|----------|---------|--------|------| | WOFF2 | https://a.shadowrock.team/assets/fonts/brockmann-medium/brockmann-medium.woff2 | https://cdn.shadowrock.team/assets/fonts/brockmann-medium/brockmann-medium.woff2 | font/woff2 | 16.9 KB | | WOFF | https://a.shadowrock.team/assets/fonts/brockmann-medium/brockmann-medium.woff | https://cdn.shadowrock.team/assets/fonts/brockmann-medium/brockmann-medium.woff | font/woff | 25.1 KB | | TrueType | https://a.shadowrock.team/assets/fonts/brockmann-medium/brockmann-medium.ttf | https://cdn.shadowrock.team/assets/fonts/brockmann-medium/brockmann-medium.ttf | font/ttf | 55.8 KB | | EOT (Legacy IE) | https://a.shadowrock.team/assets/fonts/brockmann-medium/brockmann-medium.eot | https://cdn.shadowrock.team/assets/fonts/brockmann-medium/brockmann-medium.eot | application/vnd.ms-fontobject | 19.7 KB | | License (PDF) | https://a.shadowrock.team/assets/fonts/brockmann-medium/license.pdf | https://cdn.shadowrock.team/assets/fonts/brockmann-medium/license.pdf | application/pdf | 258.0 KB | --- ## Integration Examples ### HTML Favicon Setup ```html ``` ### HTML Logo Embed ```html Shadowrock logo Shadowrock logo Shadowrock logo ``` ### CSS Background Logo ```css .logo { background-image: url('https://cdn.shadowrock.team/assets/logos/icon/shadowrock-icon.svg'); background-size: contain; background-repeat: no-repeat; } ``` ### Cross-Origin Font Loading ```html ``` ```css @font-face { font-family: 'Brockmann'; src: url('https://cdn.shadowrock.team/assets/fonts/brockmann-medium/brockmann-medium.woff2') format('woff2'), url('https://cdn.shadowrock.team/assets/fonts/brockmann-medium/brockmann-medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } ``` ### Cross-Origin Image Embed ```html Shadowrock logo ``` ### React/Next.js Component ```tsx import Image from 'next/image'; export function ShadowrockLogo() { return ( Shadowrock logo ); } ``` ### Slack/Discord Icon ``` https://a.shadowrock.team/assets/logos/icon/shadowrock-icon-512.png ``` --- ## Cross-Origin Considerations When embedding Shadowrock assets on a page hosted on a different domain, CORS rules apply. Here is how to handle each asset type. ### Fonts Browsers **always** enforce CORS for `@font-face` loads. You **must** use the CDN URL and add `crossorigin` on preload hints. ```html ``` ```css @font-face { font-family: 'Brockmann'; src: url('https://cdn.shadowrock.team/assets/fonts/brockmann-medium/brockmann-medium.woff2') format('woff2'), url('https://cdn.shadowrock.team/assets/fonts/brockmann-medium/brockmann-medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } ``` ### Images and SVGs CDN recommended. Add `crossorigin="anonymous"` on `` tags if you need canvas/WebGL access to the pixel data. ```html Shadowrock logo ``` ### CSS background-image Use the CDN URL. No special attribute is needed — CSS background images do not trigger CORS preflight. ```css .hero { background-image: url('https://cdn.shadowrock.team/assets/logos/full/shadowrock-logo.svg'); } ``` ### JavaScript fetch Use the CDN URL with `mode: 'cors'`: ```javascript const response = await fetch('https://cdn.shadowrock.team/assets/logos/full/shadowrock-logo.svg', { mode: 'cors' }); const svg = await response.text(); ``` ### When crossorigin is NOT needed - **Same-origin requests** — pages served from `https://a.shadowrock.team` referencing `https://a.shadowrock.team` assets - **Favicons** — `` does not enforce CORS - **Basic `` tags** — unless you need canvas/WebGL pixel access, `crossorigin` is optional (but CDN is still faster) --- ## API / Programmatic Access ### Asset Manifest (JSON) The complete asset manifest with all metadata is available at: ``` https://a.shadowrock.team/api/manifest.json ``` ### Direct Asset URLs All assets follow this pattern: ``` https://a.shadowrock.team/assets/{category}/{filename} https://cdn.shadowrock.team/assets/{category}/{filename} ``` Categories: `logos/full`, `logos/icon`, `logos/wordmark`, `favicons`, `fonts/brockmann-medium` ### URL Pattern Examples ``` # SVG (vector, preferred) https://a.shadowrock.team/assets/logos/icon/shadowrock-icon.svg # PNG at specific sizes https://a.shadowrock.team/assets/logos/icon/shadowrock-icon-64.png https://a.shadowrock.team/assets/logos/icon/shadowrock-icon-128.png https://a.shadowrock.team/assets/logos/icon/shadowrock-icon-256.png https://a.shadowrock.team/assets/logos/icon/shadowrock-icon-512.png # Color variants https://a.shadowrock.team/assets/logos/icon/shadowrock-icon-white.svg https://a.shadowrock.team/assets/logos/icon/shadowrock-icon-black.svg https://a.shadowrock.team/assets/logos/icon/shadowrock-icon-white-512.png https://a.shadowrock.team/assets/logos/icon/shadowrock-icon-black-512.png ``` --- ## Caching & Performance - **Static assets** (SVG, PNG, fonts): 1 year cache (immutable) - **HTML/JSON**: 1 hour cache - **CDN**: CloudFront (global edge locations) - **CORS**: Enabled for cross-origin requests via https://cdn.shadowrock.team --- ## Contact & Resources - **Brand Hub**: https://a.shadowrock.team - **Main Website**: https://shadowrock.io - **LinkedIn**: https://linkedin.com/company/shadowrock - **This File**: https://a.shadowrock.team/llms.txt - **Asset Manifest**: https://a.shadowrock.team/api/manifest.json - **Contact**: matt@shadowrock.io --- *This file follows the llms.txt specification for AI-readable site documentation. It serves as the authoritative machine-readable brand reference for ShadowRock.*