agentsclimarketplace

Sea ai brand

Skill SEA-AI/seapowers/skills/sea-ai-brand

Shared collection of Claude Code skills and AI workflows for the SEA.AI org

Install
npx -y skills add SEA-AI/seapowers --skill sea-ai-brand

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

2 things to look at

  • no licenseNo license file was found in the repository. Code published without one is not open source by default, so using it at work is a question for whoever answers licensing questions where you are.
  • 0 stars0 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

What its author says it does

Copied from the file, not written here

Use this skill for ANY output that must follow SEA.AI brand guidelines β€” documents, diagrams, infographics, PDFs, presentations (PPTX), spec sheets, one-pagers, reports, and UI/web code. This is the single source of truth for SEA.AI CI/CD. ALWAYS trigger when: creating diagrams, charts, infographics, any PDF or document, any PPTX slide deck, any web/HTML/JS/TS UI, any marketing or technical material for SEA.AI. Covers ALL output types β€” if it carries the SEA.AI brand, use this skill. SKIP when working inside the Core-Frontend repo.

The file declares its own license as MIT. That is the author’s claim about this one file, and it is not the same thing as the license GitHub reports for the repository, which is listed with the other numbers below.

SKILL.md

5.2 KB, as published. Nobody here has run it

SEA.AI Brand Skill

Source of truth: Brand Book 2025 (stored at Brand info alt/Brand Book 2025.pdf)

🧭 Quick Router β€” Find Your Reference File

What are you building? Find your row, open the reference file, then read the full guide:

Output typeReference fileTechnology
πŸ“Š Diagram / chart / infographicreferences/diagrams.mdPython / Pillow
πŸ“„ PDF documentreferences/documents.mdWeasyPrint / ReportLab
πŸ“„ Word document (.docx)references/documents.mdpython-docx
πŸ“„ Excel spreadsheet (.xlsx)references/documents.mdopenpyxl
🎀 Presentation (.pptx)references/presentations-pptx.mdpptxgenjs
πŸ’» Web / frontend componentreferences/frontend.mdHTML / CSS / JS / TS

⚠️ Before you start: Read the relevant reference file + the "Core Brand" section below (colors, fonts, rules).


Core Brand β€” The Non-Negotiables

7 Official Colors (Brand Book p.15)

FOCUS RED    #CB0D00   RGB 203/13/0    Pantone 186      ← primary accent
NIGHT BLUE   #0B1731   RGB 11/23/45    Pantone 289      ← dark backgrounds
OCEAN TEAL   #06404C   RGB 6/64/76     Pantone 548      ← product/secondary (Brand Book name: "Ocean Green" β€” visually a dark teal, NOT a green)
SKY GREY     #7B9194   RGB 123/145/148 Pantone 443      ← muted text, captions
FOG WHITE    #DFDED9   RGB 223/222/217 Pantone Cool Gray 1C ← warm backgrounds
BLACK        #000000   ← body text on light backgrounds
WHITE        #FFFFFF   ← standard content background

Any other color is off-brand. No exceptions. Banned colors from old templates: #0099CC, #FDBE00, #A8C652, #F26B43.

Color Usage Rules

FOCUS RED (#CB0D00)
  βœ… Section labels (ALL CAPS), thin accent lines, CTA buttons, alert states, page numbers on dark
  ❌ Never as large background fill, never behind the logo

NIGHT BLUE (#0B1731)
  βœ… Title slide backgrounds, section dividers, dark panel halves, table header rows
  ❌ Not for body text backgrounds on content slides

OCEAN TEAL (#06404C)  β€” Brand Book name: "Ocean Green", visually a dark teal
  βœ… Table header rows, secondary label backgrounds, brand card tables
  ❌ Not for primary headings or body text
  ❌ Never describe or use as "green" β€” it is a dark teal/navy tone

SKY GREY (#7B9194)
  βœ… Captions, footer text, muted secondary labels
  ❌ Not for main body text (too low contrast)

WHITE (#FFFFFF) β€” default content background
BLACK (#000000) β€” default body text

Typography

Font: Barlow Semi Condensed (Google Fonts)

  • Files: assets/BarlowSemiCondensed-Bold.ttf, assets/BarlowSemiCondensed-Regular.ttf
  • Web: https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@400;700&display=swap
  • Fallback for code/PPTX: Arial Narrow
  • Fallback for system rendering: DejaVu Sans Condensed
Bold (700)   β†’ Section labels, headings, table headers, emphasis
Regular (400) β†’ Body text, captions, descriptions

Case rules:

  • Short headlines: ALL CAPS
  • Normal headlines: Sentence case (not title case)
  • Section labels: ALWAYS ALL CAPS FOCUS RED
  • Body: normal sentence case

Logo

  • Files: assets/Logo SEA.AI black RGB.jpg (light bg), assets/Logo SEA.AI White RGB.svg (dark bg)
  • Always top-right corner on documents/slides
  • Letter-spaced: S E A . A I + cursor icon [--]
  • Never on Focus Red background, never distorted or recolored

Design Principles

βœ… White background for content (not dark unless section divider)
βœ… Left-align body text and titles
βœ… Generous white space β€” breathing room is brand
βœ… Red line element to structure content (thin, purposeful)
βœ… Section labels: ALL CAPS, Focus Red, Barlow Semi Condensed Bold
βœ… Footer on every page: document label + "SEA.AI CONFIDENTIAL" in Sky Grey
❌ No gradients
❌ No drop shadows
❌ No decorative elements
❌ No centering body text
❌ No bold body text (bold only for labels/headers)

Brand Messaging (quick ref)

  • Tagline: "NOW YOU SEE."
  • Claim: "Machine Vision for Safety & Security at Sea."
  • Vision: "Help save lives at sea through artificial intelligence."
  • Character: Technology Pioneer | Vigilant & Reliable | Agile & Dynamic | Collaborative & Connected

Asset Paths

assets/BarlowSemiCondensed-Bold.ttf    ← always use for Python/Pillow rendering
assets/BarlowSemiCondensed-Regular.ttf ← always use for Python/Pillow rendering
assets/Logo SEA.AI black RGB.jpg       ← on white/light backgrounds
assets/Logo SEA.AI White RGB.svg       ← on dark backgrounds

Paths are relative to the skill folder. Resolve to absolute when using in scripts.

Keep looking

Skills are one crate of 328,083. Ordering is by how many stacks a row turns up in, so the top of any crate is what has actually been picked rather than what has the most stars.