Starchild Brand Registry

Agent quick brief

If you are creating a Starchild-branded interface, image, deck, video, landing page, dashboard, or social asset, start here. Use these files before inventing visual direction.

Fetch or inspect:
./brand.json
./brand.md
./tokens.css

Use assets from:
./assets/logos/
./assets/typography/
./assets/visual_system/backgrounds/

Headings/body/UI: Google Sans
Logo/wordmark only: Power Grotesk
Voice: clear, capable, direct, slightly opinionated
Avoid: corporate filler, generic AI phrasing, overhype

Open brand.json Open brand.md Open tokens.css Skill: @349/starchild-design-pack

Use order

1. Read`brand.json` for paths and defaults.

2. ApplyGoogle Sans headings/body/UI, approved logo assets, background, and voice rules.

3. BuildKeep assets local, paths relative, and output polished.

4. AskIf a needed asset is missing, ask or mark a placeholder.

Logos

Orange icon

Alternative black icon

Wordmark

White wordmark

The monolith

The monolith in the main logo represents the cognitive leaps of civilization: the moments when knowledge compounds, tools become infrastructure, and individual progress becomes shared progress.

Every user who creates an agent with Starchild improves their own knowledge system while also strengthening the knowledge of the network. Each agent becomes a new surface area for memory, workflows, taste, and capability to accumulate.

The ASCII Robot

A secondary brand character for agent-focused graphics, motion loops, banners, and playful system visuals.

Preserve the source character grid, spacing, proportions, and silhouette. Use it as a supporting visual, never as a replacement for the Starchild logo.

Download ASCII source Download PNG

Black Starchild ASCII Robot on orange grid

Typography

Google Sans

Use Google Sans for headings, hero statements, body copy, UI labels, and product surfaces.

font-family: 'Google Sans', system-ui, sans-serif;

Google Sans

Use Google Sans for body copy, UI text, labels, captions, tables, and product surfaces.

font-family: 'Google Sans', Inter, system-ui, sans-serif;

Colour system

Starchild’s primary colour represents energy, intuition, and momentum. Use it to signal key moments, actions, and emotional states.

The secondary orange palette adds depth and hierarchy. Use lighter values for backgrounds and gradients, darker values for emphasis and contrast.

Starchild Orange
RGB 248/70/0
CMYK 0/72/100/3
HEX #F84600

Black
RGB 5/5/5
HEX #050505

White
RGB 255/255/255
HEX #FFFFFF

Orange/50
#FFF0DB

Orange/100
#FFA940

Orange/200
#F97300

Orange/300
#E25C00

Orange/500
#C63A00

Orange/600
#8F2A00

Backgrounds

bg_black_grid.png

BG_blackwithgreywords.jpg

BG_monolith.png

bg_orange_grid.png

bg_orangewithblackwords.png

bg_pixelburst.png

For vibe coding tools

Use this registry as the design source of truth.
Create UI with:
- Google Sans for headings, body, and UI text
- Power Grotesk only when using the Starchild logo or wordmark
- white or black/orange backgrounds
- Starchild icon or wordmark
- clear cards with rounded corners
- concise product language

Do not invent new logos or unrelated palettes.

For workflow guidance, install:
@349/starchild-design-pack
https://github.com/Starchild-ai-agent/community-skills/tree/main/349/starchild-design-pack

Build with the knowledge of the network.