MappedSky / brand resources

Brand Resources · v1

A constellation. A name. A small kit to use them well.

The MappedSky identity is a four-star asterism — the North Star at apex, three companions tracing a path eastward — paired with the name set in EB Garamond italic. Use the variants below for any context: dark or light surface, full color or single weight, big lockup or tiny favicon.

01 / Construction

How the mark is drawn.

Four stars on a 100-unit grid.

The North Star (Polaris) sits at (50, 22) — the optical apex. Three companions at α (20, 70), γ (80, 54), δ (66, 80) trace an open path through the cluster. Lines connect α→Polaris→γ→δ; the path is intentionally not closed.

Line weight is 1.8 units. Star radii: 5.5 (Polaris), 4.0 (α, γ), 3.0 (δ). Maintain these ratios at any size. For favicons below 24px, increase line weight to 2.6 for legibility.

Viewbox
100 × 100
Stroke
1.8 round
Min clear space
8 units
Min size
16 px

02 / Mark

The constellation alone — use when the audience already knows the brand.

MappedSky mark, primary
mark.svg
primary · on light
Download
MappedSky mark, light
mark-on-dark.svg
cream · on dark
Download
MappedSky mark, color
mark-color.svg
accented north star
Download
MappedSky mark, night
mark-night.svg
includes background
Download

03 / Lockup

Mark + wordmark. Use for headers, footers, and most surfaces.

MappedSky horizontal lockup
lockup-horizontal.svg
primary · on light
Download
MappedSky horizontal lockup, light
lockup-horizontal-on-dark.svg
cream · on dark
Download
MappedSky horizontal lockup, color
lockup-horizontal-color.svg
accented north star
Download
MappedSky stacked lockup, light
lockup-stacked-on-dark.svg
centered · for narrow surfaces
Download
MappedSky stacked lockup
lockup-stacked.svg
centered · on light
Download

04 / Wordmark

Name on its own — EB Garamond italic, weight 500. Outline before exporting to print.

MappedSky wordmark
wordmark.svg
primary · on light
Download
MappedSky wordmark, light
wordmark-on-dark.svg
cream · on dark
Download

05 / Utility

Favicon, app icon, social card.

MappedSky favicon
favicon.svg
browser tab · 16-96 px
Download
MappedSky app icon
app-icon.svg
iOS / Android · 1024 px
Download
MappedSky OG card
og-card.svg
Open Graph · 1200 × 630
Download

06 / Color

Four colors total. Two surfaces, two highlights.

Ink
#0A0E24
surface · linework · type
Cream
#F0F3FF
surface · type on dark
Polaris
#9FC6FF
north star · accent · links
Gold
#F5C16C
warm accent · holidays

07 / Usage

A short list. Trust your eye for the rest.

Do

  • Use the accented mark on cream or pale surfaces for the strongest read.

  • Use the cream mark on dark surfaces. North-star accent only when there's room to breathe.

  • Leave at least 8 units of clear space on every side — equal to the diameter of the Polaris star.

Don't

  • Don't drop the mark on busy gradients or photos. Use a solid surface.

  • Don't rotate, mirror, or recolor the linework. The orientation carries meaning.

  • Don't use the mark below 16 px on the long edge. Below that, use the favicon instead.