Download

Beta

Docs Blog Workflows Styles
GitHub

Branding
5 min

Guidelines and assets for using Rela's branding.

Images

Our logos and wordmarks are some of the most visually important parts of our brand identity. We treat these images with respect and care, and we ask that you do the same. Please follow these guidelines and instructions when using our assets. Do not position or manipulate assets on this page in any way that may suggest endorsemnt or partnership without explicit permission.

Tip

Hover over images on this page to download vector versions or change the color scheme.

Rela

The Rela organisation is the parent of all our projects. These marks and images follow as the basis for other projects.

The word “Rela” should always be stylised in title case, or uppercase if included in an all-uppercase design.

Composite Logomark

This combination of our wordmark and logo should be used most often, where there is appropriate room to use it. If refering to the organisation and not the product, this logomark is a good way to distinguish them.

Rela logomark, depicting a stylised R next to the word Rela

Icon

When you don’t have enough space, or the context is not appropriate for the full logo, you can use the Rela mark.

Rela mark, depicting a stylised R

RelaGit

RelaGit is the core product. These logos should be used instead of the above when specifically referring to RelaGit. The Rela mark should still be used for smaller spaces, although try to disambiguate from the organisation.

The word “RelaGit” should always have the “R” and “G” capitalised.

RelaGit logomark, depicting a stylised R, next to the word RelaGit
RelaGit mark, depicting a stylised R with a gradient inlay, next to the word RelaGit

Typography

Rela uses two different sets of typefaces in products and websites, although they are very similar in style.

Warning

The examples below may fall back to different fonts depending on your system and may not be accurate to the font.

macOS

On macOS, or contexts where these fonts are available, they should be used over the alternatives.

SF Pro

SF Pro is used as our display and body font, it is produced by Apple and available as a .dmg.

¶ Sphinx of black quartz, judge my vow.

SF Mono

SF Mono is our monospaced font. It is the default code font inside of RelaGit. It is also produced by Apple and available from the same page as a .dmg.

¶ Sphinx of black quartz, judge my vow.

Other contexts

These fonts are used when the macOS variants are not available

Inter

A body and display font with a similar design to SF Pro, available for all platforms from the Inter website.

¶ Sphinx of black quartz, judge my vow.

IBM Plex Mono

A monospaced font with similar letterforms to SF Mono, available for all platforms from the IBM website.

¶ Sphinx of black quartz, judge my vow.