stars.guide

The stars.guide identity · 01 / 05

Brand, with room to breathe.

A simple guide to presenting stars.guide clearly and consistently, with proper credit for the artwork at the heart of our mark.

Explore the guidelines
stars.guideOur mark, our name, one clear horizon.
01 / The identity

One symbol. One name.

Our primary lockup pairs the star swirl with the stars.guide wordmark. Use the complete logo where space permits; the mark alone is for compact contexts where the name is already clear.

stars.guide
Primary lockupPreferred · dark background
stars.guide
Reverse settingUse where contrast stays strong
Symbol onlyAvatars, favicons, tight spaces
02 / Space & scale

Give it its own sky.

Keep text, images, borders, and other marks outside the clear space. Measure x as the height of the swirl icon in the lockup; leave at least ½x on every side.

01 / Clear space

Keep the full lockup away from neighboring content, including the edge of a crop.

02 / Minimum size

For digital use, keep the horizontal lockup at least 160 px wide, or the standalone symbol at least 24 px wide.

03 / Small formats

When the wordmark becomes hard to read, switch to the standalone symbol and provide the name in nearby text or accessible labeling.

03 / Color & type

A quiet palette.

The swirl uses a single foreground color. Warm light on dark is preferred. Gold belongs to accents and details; keep the logo itself clear and high contrast.

Night skyOKLCH 0.1342 0.01726 262.183Deep backgrounds
StarlightOKLCH 0.9337 0.0055 95.1027Logo and main text
Celestial goldOKLCH 0.7838 0.0891 83.577Highlights and wayfinding
GalacticOKLCH 0.5881 0.2118 306.32Cosmic accents
Display / CinzelWritten in the stars.
Body / Inter

Readable, grounded copy lets the more expressive identity lead.

Details / Space MonoCOORDINATES · 01 / 05

The wordmark shown above comes from our logo component. Preserve its existing letterforms, proportions, and contrast in type weight when reproducing it.

04 / Using the brand

Keep it recognizable.

Do

  • Use the full lockup on spacious layouts.
  • Leave the clear space shown above.
  • Keep the artwork proportional and legible.
  • Use a calm, contrasting background.

Avoid

  • Stretching, rotating, or redrawing the combined logo.
  • Adding outlines, shadows, or gradients to the mark.
  • Placing it over busy imagery or low-contrast color.
  • Presenting your project as endorsed by stars.guide.

These guidelines describe use of the stars.guide name and combined identity. They do not change the separate CC BY 3.0 permissions for the underlying Star swirl icon.

05 / Credits & license

Credit where it is due.

The swirl used in our logo is “Star swirl” by Lorc, from Game-icons.net, used under Creative Commons Attribution 3.0 (CC BY 3.0).

Artwork note

We render the icon through react-icons/gi and adapt its color to the site’s foreground, alongside the stars.guide wordmark. We have not intentionally changed its shape. The icon artwork remains available under CC BY 3.0, including for reuse and adaptation with the required attribution.

The icon’s creator and license are independent of stars.guide; this credit does not imply that Lorc or Game-icons.net endorses us. If you distribute a copy of the icon, include its attribution and license link with that copy.

View and download the original Star swirl artwork Questions about the stars.guide identity? Get in touch ↗