Foundations / Logo

Logo

The Starshot logo has three versions: Horizontal logo, Vertical logo and Symbol (the star inside the circle, without the name). Each comes with a ring and as a solid version: ring on any background that is not white, and solid only on pure white. Always use the official files.

Version 1.4 · Oct 20, 2026
Need the logo files?
Export any approved version as SVG or PNG in the logo playground.
Open the logo playground

Logo versions

Three versions of the logo. Always scale them in proportion: if you change the width, change the height too. Never redraw or stretch them. Each one comes as a ring and as a solid version (see Version by background). To export one, use the playground below.

Horizontal logo
The symbol next to the name.
Vertical logo
The symbol above the name.
Symbol
The star inside the circle, without the name.
Name (token)
What it is
When to use it
logo.horizontal
Horizontal logo: the symbol next to the name
The default: website header and footer, slide footer, email signature, business card and documents. Whenever there are at least 98 px of width.
logo.vertical
Vertical logo: the symbol above the name
Centered or tall formats: centered slide cover, square posts and brand stories, posters and merchandise.
logo.isotipo
Symbol: the star inside the circle, without the name
Favicon, app icon, avatar, watermark, back of a card or small spaces; also when the Starshot name already appears in the piece.

Version by background

Pick the logo version and color by the background it sits on.

The rule

Ring on any background that is not white: white on dark or blue, Ink on light ones like color-surface-subtle. Solid only on pure white, in Ink or blue. The star always looks white.

Solid Ink · on white
The default on web, slides, documents and print when the background is pure white.
Ring, white · on Ink
Website footers, dark covers, brand backgrounds or photos with a dark overlay of at least 50%.
Solid blue · on white
Brand pieces, print and merchandise, only on pure white. Not on the web or in apps.
Ring, white · on Blue
Only for one-off brand pieces: covers, merchandise and stands.
Ring, Ink · on light, not white
Light backgrounds that are not pure white: color-surface-subtle, colored paper or light photos.
Colors not allowed

Not the blues of buttons and links (color-action-default and color-action-strong), not cyan (#00C8FF), not black (#000000 or #151515), not grays, not gradients, not sub-brand colors. The logo never changes color to match a piece.

Sizes

Do not use the logo smaller than the minimum: below it, the “s” in Starshot is hard to read. The samples are at real size. The solid version has the same minimums.

Horizontal logo · on screen
24 px high
Vertical logo · on screen
40 px high
Symbol · on screen
16 × 16 px
Version
Medium
Minimum size
Horizontal logo
On screen
24 px high
Horizontal logo
Print
20 mm wide
Vertical logo
On screen
40 px high
Vertical logo
Print
15 mm wide
Symbol
On screen
16 × 16 px (favicon size)
Symbol
Print
5 × 5 mm

Recommended size in each format

Recommended logo height in the usual formats, in design px at real size. The version (ring or solid) depends on the background.
Format
Version
Size
Web · header
Horizontal logo
32 px high. On white.
Web · mobile header
Horizontal logo
24 px high (the minimum size). On white.
Web · footer
Horizontal logo
28 px high, in SVG. On an Ink background.
Slides · cover
Horizontal logo (or centered Vertical logo)
Horizontal logo at 80 px high, or Vertical logo at 200 px high. Leave at least 128 px to the edge.
Slides · footer
Horizontal logo
32 px high, inside the slide margins (128 px at the sides, 96 px top and bottom).
Square post (1080 × 1080)
Horizontal logo (or Vertical logo)
Horizontal logo at 48 px high in a corner, with a 64 px margin. Vertical logo at 160 px high on brand pieces.
Story (1080 × 1920)
Horizontal logo
64 px high, outside the 250 px strips at the top and bottom.
Link post (1200 × 627)
Horizontal logo
40 px high, with a 48 px margin.
Business card (85 × 55 mm)
Horizontal logo · Symbol
Front: Horizontal logo 24 mm wide (6 mm high). Back: Symbol 12 mm high.
Email signature
Horizontal logo
24 px high, as a PNG at double size (196 × 48 px): email apps do not show SVG. On white.

Clear space

Leave free around the logo a space equal to the height of the “s” in Starshot (X, marked in violet). Nothing —text, borders or images— may enter the blue zone. The solid version uses the same zone.

Horizontal logo

XXXXX = height of the “s”0,75X
Example: with the logo at 32 px high, leave 14 px free on each side; at 80 px high (slide cover), 34 px.

Vertical logo

XXXXX = height of the “s”0,5X
Example: with the logo at 120 px high, leave 30 px free on each side.

Symbol

XXXX
Without the name, X is 0.43 times the height of the symbol. Example: with the symbol at 48 px, leave 21 px on each side. Exception: the favicon can fill all its space.

Wrong uses

How to use the logo well and the most common mistakes. Each example shows a single logo. If in doubt, use the official file as it is.

✓
Do this

Use the official file and scale it in proportion.

✕
Avoid this

Changing its color, for example to cyan: it is not a brand color and is almost invisible on white.

✓
Do this

Light logo on an Ink background: it looks perfect.

✕
Avoid this

Dark logo on color-action-strong: not enough contrast.

✓
Do this

Leave the clear space free: the height of the “s” on each side.

✕
Avoid this

Rotating it, slanting it or adding shadows, outlines or glows.

✓
Do this

On pure white, use the solid version: the star stays white.

| Services
✕
Avoid this

Putting text, borders or other elements inside the clear space.

✓
Do this

Symbol in square spaces: app icon with the light symbol on an Ink background, filling 60% of the side.

✕
Avoid this

Putting the ring version on pure white, or the solid one on a background that is not white.

Never

1 · Using old versions of the logo (see Change history). 2 · Splitting or moving the symbol and the name. 3 · Using the name without the symbol. 4 · Putting it on photos without a dark overlay or on low-contrast backgrounds. 5 · Using it below the minimum size. 6 · Repeating the logo in the same piece. 7 · On the web, using PNG or WebP when the SVG exists.

Use of the symbol

The symbol (the star inside the circle) is used without the name only in these cases. Pick ring or solid by the background.

Case
Allowed?
How
Favicon
Yes
16, 32 and 48 px. It can fill all the space, with no clear space.
App icon and avatar
Yes
180 or 512 px canvas, with the symbol at 60% of the canvas and centered. On a brand background, in white.
Social media
Yes
As a profile photo. In posts, use the full logo instead.
Next to the full logo
No
Never put the symbol and the horizontal or vertical logo in the same piece.
As decoration
No
Do not repeat it as a background, pattern or decoration.

Technical details

For design and development: how the solid version is built, exact measurements, token names and contrast.

How the solid version is built

It is made from the official logo, without redrawing anything: the shape inside the ring is enlarged evenly from the center of the circle until it touches the outer circle at the top and sides. At the bottom it ends in two lobes with the notch, so the trail stays. The star does not change size or place and the box is the same, so swapping one version for the other moves nothing. There is no solid Vertical logo and no solid white.

Measurements and tokens

Measurements in units of the official SVG file (v1.1). X is the height of the “s” in Starshot.
Name (token)
What it is
Measure
logo.horizontal
Horizontal logo: the symbol next to the name
981,02 × 241 (4,0706 : 1)
logo.vertical
Vertical logo: the symbol above the name
704 × 439,42 (1,6021 : 1)
logo.isotipo
Symbol: the star inside the circle
539 × 539 (1 : 1)
logo.horizontal-solido
Solid horizontal logo
981.02 × 241: same name and same gap as the Horizontal logo; only the symbol changes.
logo.isotipo-solido
Solid symbol
539 × 539: same box as the Symbol; the star at the same size and place.
logo.separacion
Gap between symbol and name
Horizontal: 0.75X (77.9 of 241). Vertical: 0.5X (54.4 of 439.42). The solid version uses the same. It already comes in the official files.
logo.clearspace
Clear space (X)
1X on each side. X = 103.91 of 241 on the horizontal and 108.74 of 439.42 on the vertical; on the symbol, 0.431 × its height.
logo.min
Minimum size
See Sizes.
logo.color
Colors
Ink (color-brand-ink), white (color-white) and blue (color-brand-blue). Solid: only Ink or blue, on white.

Contrast

The logo must stand out from the background: it needs a contrast of at least 3 (what WCAG, the international accessibility standard, asks for graphics). All allowed pairs meet it.
Pair
Contrast
Result
Solid Ink on white
18.31
Pass
Ring, Ink on color-surface-subtle
16.70
Pass
Ring, white on Ink
18.31
Pass
Solid blue on white
4.66
Pass
Ring, white on Starshot Blue
4.66
Pass
Blue on Ink
3.93
Not allowed: it has enough contrast, but it is not a brand pair.
On the web

The header logo links to the home page and has the alt text “Starshot” (what screen readers read). Use the SVG, not the PNG: it looks sharp at any zoom.

Logo playground

Choose a version, style, color and background, then export the logo as SVG or PNG.

Version
Style
Logo color
Background preview

PNG size (longest side)

Related pages

Identity

Color

The three color versions of the logo: dark (color-brand-ink), light (color-white) and blue (color-brand-blue).

See page
Application

Formats and grids

Canvas sizes for web, slides, social and print.

See page
History

Change history

Old versions of the logo and what to use instead.

See page