Skip to main content
Mission Bay School logoMission Bay School

Brand Assets

Logos, Colors & Usage

Everything here is free to use for Mission Bay School PTA activities, spirit wear, flyers, and community projects. Download the file you need below — no need to screenshot the site.

Please don't: use these marks in a way that implies official SFUSD district endorsement, or alter the logo's colors or proportions. For anything beyond PTA/community use, check with the school office first.

Files

Logos & Marks

Logo Mark

Logo Markmin 48px

An arched portal over stylized bay waves with a sun disc inside.

The arch references our classroom doorways; the waves reference the Mission Bay waterfront. Use at 48px or larger — smaller and the wave detail gets muddy.

Download SVG
Logo Mark (White)

Logo Mark (White)min 48px

Same mark, reversed for dark or colored backgrounds.

Use on navy, teal, or photo backgrounds where the standard mark would lose contrast.

Download SVG
School Emblem

School Emblem

Circular badge with curved text: “Mission Bay School · San Francisco · Est. 2026.”

Formal contexts only — letterhead, certificates, official documents. Not for spirit wear or casual use.

Download SVG
School Emblem (White)

School Emblem (White)

Reversed emblem for dark backgrounds.

Same formal-context guidance as the standard emblem.

Download SVG
App Icon

App Icon

1024px iOS-style rounded square with gradient background.

For favicons, app touch icons, and social profile photos. Don't add your own rounded corners — the file already includes them.

Download SVG
Portal Pattern

Portal Pattern

A repeating row of colored arch shapes.

Use as a full-width horizontal band (80–120px tall) — a section divider, footer topper, or hero bottom edge. Do not tile it as a full background.

Download SVG

Colors

Palette

Tap a swatch to copy its hex code.

Type & Feel

Tone

Warm, modern, and welcoming — approachable for families and children, but polished enough for a district school. Think rounded corners, subtle gradients, and clean type, in the spirit of iOS design. Body copy uses the system font stack (San Francisco on Apple devices, Segoe UI/Roboto elsewhere) — no need to license or embed a custom typeface for flyers or merch.

Setting up spirit wear? See the Merch page for how our community store works, or reach out via Contact with questions about using these files.