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/

Headline typeface: Power Grotesk
Body/UI typeface: Google Sans
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. ApplyPower Grotesk headlines, Google Sans body/UI, logo, 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.

Typography

Power Grotesk

Use Power Grotesk for headlines, hero statements, section titles, and high-emphasis brand moments.

font-family: 'Power Grotesk', 'Google Sans', 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:
- Power Grotesk for headlines
- Google Sans for body and UI text
- 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.