The LA.IO brand, ready for any AI.

For anyone on claude.ai. The fastest route and the one to use if you can.

Connect the LA.IO brand to Claude once, and every chat can pull the real logo, the right colors, the fonts and the voice rules. Nothing to paste. Nothing to download.

Turn it on

1. Check it is there
   Open Settings, then Connectors. Look for LA.IO Brand marked Custom.
2. Click Connect
   That is the whole setup. It does nothing until you do this.
3. Ask for something
   Try give me a transparent PNG of the LA.IO logo in Easy Blue. A download link means it is working.

Not in your list? Send this to your Claude admin

Only an Owner can add a connector to a Team or Enterprise organization. This takes about a minute.

1. Open Admin settings
   Go to Settings, then Administration, then Connectors.
2. Add a custom connector
   Click Add custom connector at the bottom of the section.
3. Paste the URL
   Use https://assets.la.io/mcp. Leave the advanced OAuth fields empty, the connector needs no login.
4. Name it
   Call it LA.IO Brand so people recognize it in the list.
5. Click Add
   It is now available to everyone in the organization.
6. Tell the team to connect
   Each person opens Settings, then Connectors, finds LA.IO Brand marked Custom, and clicks Connect. It does nothing until they do.

Anything broken, wrong, or missing goes to Dylan at Monday and Partners.

Then just ask

Ask for what you want in plain language.

• +Give me a transparent PNG of the LA.IO logo in Easy Blue.
• +Write a LinkedIn post for Josh about the new cohort.
• +Check this press release against the brand.
• +What are the CMYK values for Dark Green for a printed flyer?
• +I need the logo with alpha for a video end card.
• +Make a five-slide deck on the maritime work for Susan.

For copy, content, and brand questions on claude.ai. Best for writers and marketers. Set it up once, then every chat in the Project knows the brand.

1. Create a Project
   claude.ai → Projects → New Project. Name it LA.IO.
2. Paste the custom instructions
   Open the Project, click Set custom instructions, and paste the block below.
   Copy

   You are producing work for LA.IO (Louisiana Innovation Office), the operating brand for Louisiana's innovation ecosystem. Apply the LA.IO brand to everything you write or design. The uploaded BRAND.md is authoritative; COMPONENTS.md has ready-to-use code; laio-fonts-inline.css embeds the Aktiv Grotesk typeface.
   
   Brand in one sentence: Louisiana doesn't sell itself. It states what's true, and the truth is enough.
   
   VOICE: matter-of-fact confidence, short declarative sentences, state the case then stop. Never use "resilience", "Silicon Bayou", "innovative solutions", "cutting-edge", "disruptive", "rethink/reimagine Louisiana", Louisiana cliches (jazz, Mardi Gras, Bourbon Street, crawfish), "it's not X, it's Y" constructions, em dashes, or inspirational-poster cadence. Always use + as the list bullet, never a dot or hyphen. The three pillars, always in order: + Capital / + Coaching / + Connections.
   
   COLOR: one family per piece, never mixed. Dark = background, Easy/Electric = accents. Body copy is white on dark or the dark brand color on light, never an accent color.
     Magenta #101948 / #E385FE / #F629CB   Green #172708 / #C8ED5D / #96F90B   Blue #01233C / #63DCDE / #00B9FE   Orange #302511 / #F1DC43 / #F5C124   Gray #231F20 / #E3E6E7 / #929497
   
   TYPE: Aktiv Grotesk, family name 'Aktiv Grotesk' (title case, never 'aktiv-grotesk'). Headlines Light 300 or Bold 700, never a middle weight. Body Regular 400. XBold 800 and Black 900 are display cuts: large-scale headlines and supergraphics only, never at text sizes.
   Three ways to load it, in this order of preference:
   + Embedded: paste the contents of laio-fonts-inline.css into a <style> tag. Zero network requests. Use in claude.ai artifacts, Claude Design, Lovable previews, email, anything sandboxed. This is the default for AI-generated work.
   + Hosted, for real sites and apps on a domain only, never inside an artifact or preview: <link rel="stylesheet" href="https://assets.la.io/fonts/laio-fonts.css">.
   + Fallback: Roboto from Google Fonts, only when neither of the above is possible. Say so in the handoff. Roboto is a stand-in, never the goal. Never Roboto inside an artifact; embed instead.
   font-family stack: 'Aktiv Grotesk', 'Roboto', system-ui, sans-serif
   JetBrains Mono for eyebrows, labels, tags, metadata only. All caps, letter-spacing 0.08 to 0.12em, weights 400/700, always a brand accent color. Google Fonts: https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&display=swap
   In every HTML artifact, inline the full contents of laio-fonts-inline.css from project knowledge in a <style> tag, and paste the logo SVG markup inline. Never <link> a stylesheet, never <img src> or mask-image a URL, never load Roboto. Before delivering, confirm the artifact contains @font-face with data: URIs and an inline <svg> logo. If it does not, it is not finished.
   
   LOGO and MOTIFS: use the hosted SVGs at https://assets.la.io/logos/ and https://assets.la.io/motifs/. Never recreate the logo. Single-fill near-black; override fill for color. LAIO-COMPLETE.svg is the default; LAIO-ICON.svg is the stacked monogram for favicons, app icons and square slots.
   LAIO-COMPLETE.svg is the default. The others have one job each; see BRAND.md, Which logo.
   
   DESIGN: angular (radius 0 to 2px), committed dark or light, spare with generous whitespace, every element structural. Angles 0, 45, and 90 only, two shapes per composition. The plain page is the default: one family, Aktiv Grotesk, plus bullets, generous space. The test: increases clarity, respects the audience, is not trying too hard, works in a Baton Rouge shipyard and a London transit ad.

3. Add the brand knowledge
   Download all three files below. In the Project, click Add content (project knowledge) and upload them. laio-fonts-inline.css carries the Aktiv Grotesk typeface, so artifacts render in the brand font.
   ↓ Download BRAND.md ↓ Download COMPONENTS.md ↓ Download laio-fonts-inline.css
4. Start a chat
   Every conversation inside the Project is now on brand.

A Project reads its files once. When the kit changes, we will say so, and you re-paste the custom instructions and replace the three files. Nothing else to do.

For Claude Design (prototypes, slide decks, visuals). Claude Design has its own Design System feature. You build an LA.IO Design System once, then pick it from the Design System dropdown on any new project and everything comes out on brand. Each person makes their own. Claude Design reads the brand straight from the LA.IO repo on GitHub, so setup is three fields in one form.

1. Create a new Design System
   In Claude Design, create a new Design System. The form has six fields. Fill the three below, exactly as written. Leave Link code from your computer, Upload a .fig file, and Add fonts, logos and assets empty.
2. Fill the three fields
   Copy each block into the form field with the same name.
   Company name and blurb
   Copy

   LA.IO Design System: LA.IO (Louisiana Innovation Office), the operating brand for Louisiana's innovation ecosystem. Slides, one-pagers, web pages, and social graphics.

   Link code from GitHub
   Copy

   https://github.com/dylan-monday/laio-assets

   Any other notes
   Copy

   Read ai/laio-brand/SKILL.md first, then BRAND.md in the same folder. Fonts are in fonts/laio-fonts-inline.css; use that file for Aktiv Grotesk and never load the typeface from a URL. Inline the logo SVG markup from logos/; do not reference the file by URL. Logos in logos/, motifs in motifs/, color tokens in colors/. LAIO-COMPLETE.svg is the default. The others have one job each; see BRAND.md, Which logo. Angles are 0, 45, and 90 only. One color family per piece. Plus as the bullet. No em dashes. Name the system exactly LA.IO Design System.

3. Create it, then select it
   Create the system. On any New Project (Prototype, Slide deck, and so on) choose LA.IO Design System from the Design System dropdown.

A Design System reads the repo once. When the kit changes, we will say so, and you delete the system and recreate it from the three fields. About two minutes.

For hands-on work and real builds. Cowork uses the skill for multi-step brand work with no code. Claude Code uses the same skill plus a CLAUDE.md to build sites and apps. Both read one skills folder, so you set it up once. The steps use Finder, no Terminal required.

1. Download the files
   Double-click the .zip to unzip it into a folder named laio-brand. Building in Claude Code? Grab CLAUDE.md too.
   ↓ Download the skill (.zip) ↓ Download CLAUDE.md
2. Open your skills folder
   Open Finder. Press ⌘ ⇧ G to open Go to Folder. Type the line below exactly and press Return.
   ~/.claude/skills
   If a window opens, you are in the right place. If it says the folder cannot be found, type ~/.claude instead, press Return, then right-click inside that window, choose New Folder, and name it exactly skills. Open the new skills folder.
3. Drop the folder in
   Drag the laio-brand folder into the skills folder. When you are done it lives here:
   ~/.claude/skills/laio-brand
   This makes the skill available in every project, in Cowork and in Claude Code. Prefer it in one project only? Put it in a .claude/skills folder inside that project instead.
   Comfortable with Terminal? Do it in one line

   Copy

   mkdir -p ~/.claude/skills && cp -R ~/Downloads/laio-brand ~/.claude/skills/

4. Claude Code: add the always-on rules
   Put the downloaded CLAUDE.md in the top folder of your project (next to your other files). If you already have a CLAUDE.md, paste these contents at the top of it. Cowork users can skip this step.
5. Restart and use it
   Quit and reopen Cowork, or start a new Claude Code session. Then mention LA.IO and name the color family up front. The skill loads the voice, color, type, and component rules on its own, and Claude Code pulls COMPONENTS.md for ready-to-use code.
   Copy

   Draft three event-page headline options for LA.IO. Use the laio-brand skill.

Not on a Mac? The folder is the same idea (.claude/skills in your home folder). Email dylan@mondayandpartners.com and we will walk you through it.

For sites and apps built in Lovable. The brand rules live at the workspace level, and a starter template carries the fonts, colors, logo component, and base components. Every new project starts from that template.

1. Add the workspace instructions
   Once per Lovable workspace. Paste the contents of LOVABLE_CUSTOM_INSTRUCTIONS.md into Workspace Knowledge in your Lovable project settings. Every project in the workspace then knows the voice, color, type, and design rules. Skip this if your workspace already has them.
   ↓ Download workspace instructions
2. Duplicate the LA.IO Starter Template
   Find LA.IO Starter Template in your projects, open the three-dot menu, and duplicate it. Rename it for your project. Fonts, colors, the logo component, and base components are already wired in. No template in your workspace yet? Start a new project and paste LOVABLE_STARTER_PROMPT.md as the first message. The spec describes what the finished template contains.
   ↓ Download starter prompt ↓ Download template spec
3. Paste this at the top of your first prompt
   Fill in the three blanks, then describe what you want to build.
   Copy

   This is an LA.IO brand project.
   
   Project: [what it is, e.g. "event landing page for Innovation Day 2026"]
   Audience: [who it's for, e.g. "founders, investors, state partners"]
   Color family: [pick one: Magenta / Green / Blue / Orange / Gray]
   
   [Describe what you want to build]

4. Build normally
   Prompt Lovable the way you always do. The brand system handles the rest. If the preview shows a font other than Aktiv Grotesk, the preview cannot reach assets.la.io: ask Lovable to paste the contents of laio-fonts-inline.css into a <style> tag in index.html.

For ChatGPT, Gemini, Cursor, and anything else, and for any one-off chat. If the tool can fetch a URL, one line sets it up. If it cannot, attach two files.

Paste one line

Fetch https://assets.la.io/ai/CLAUDE.md and follow it as the brand system for this project.

Making something visual in a plain chat? Attach CLAUDE.md and laio-fonts-inline.css so the AI has the font in hand.

1. Paste the brand instruction
   Paste this at the start of a chat, or into the tool's custom instructions, project instructions, or rules so it applies every time.
   Copy

   Fetch https://assets.la.io/ai/CLAUDE.md and follow it as the brand system for this project.

2. No web access? Attach the files
   Download both files and attach them to the chat or to the tool's project knowledge. laio-fonts-inline.css lets any HTML the tool builds render in Aktiv Grotesk.
   ↓ Download CLAUDE.md ↓ Download laio-fonts-inline.css
3. Coding agents: keep it in the repo
   Put CLAUDE.md in the project root. Cursor and other agents that look for AGENTS.md can use that name instead. It is the same file.
   ↓ Download AGENTS.md