Runware · Brand

Brand Guidelines

This page provides essential guidance and assets for the correct use of Runware trademarks and brand materials. It is designed for any team that incorporates Runware branding into product, marketing, or partner work. Following these guidelines preserves the clarity and consistency of our identity.

01 — Assets

Lockup

The lockup pairs our icon with the wordmark. It is the primary and official expression of the Runware identity.

Use the lockup wherever space allows. Choose the light variant on dark surfaces and the dark variant on light surfaces — never recolor it.

Lockup — Light

Light

For dark backgrounds

Files

lockup-light.svg
lockup-light.png
Lockup — Dark

Dark

For light backgrounds

Files

lockup-dark.svg
lockup-dark.png

Download all lockup files

4 files in runware-lockup.zip

  • lockup-light.svg
  • lockup-light.png
  • lockup-dark.svg
  • lockup-dark.png

02 — Assets

Icon

Our icon is a condensed expression of the brand. It can stand alone when context already establishes Runware.

Reach for the icon in tight headers, product chrome, social avatars, and any composition that benefits from a single mark.

Icon — Color

Color

Primary social, avatar and app icon

Files

icon-color.svg
icon-color-256.png
icon-color-512.png
icon-color-1024.png
icon-color-2048.png
Icon — Light

Light

For dark backgrounds

Files

icon-light.svg
icon-light.png
Icon — Dark

Dark

For light backgrounds

Files

icon-dark.svg
icon-dark.png

Download all icon files

9 files in runware-icon.zip

  • icon-color.svg
  • icon-color-256.png
  • icon-color-512.png
  • icon-color-1024.png
  • icon-color-2048.png
  • icon-light.svg
  • icon-light.png
  • icon-dark.svg
  • icon-dark.png

03 — Assets

Wordmark

The wordmark is the logotype on its own. Use it when the icon is impractical or when the surrounding layout already carries the visual signal.

Keep the same color rules as the lockup — light on dark, dark on light, no recoloring or effects.

Wordmark — Light

Light

For dark backgrounds

Files

wordmark-light.svg
wordmark-light.png
Wordmark — Dark

Dark

For light backgrounds

Files

wordmark-dark.svg
wordmark-dark.png

Download all wordmark files

4 files in runware-wordmark.zip

  • wordmark-light.svg
  • wordmark-light.png
  • wordmark-dark.svg
  • wordmark-dark.png

Bundle

Download everything

One zip with every SVG and PNG across all groups, organized by folder.

Full brand asset bundle

17 files in runware-brand-assets.zip

  • lockup/lockup-light.svg
  • lockup/lockup-light.png
  • lockup/lockup-dark.svg
  • lockup/lockup-dark.png
  • icon/icon-color.svg
  • icon/icon-color-256.png
  • icon/icon-color-512.png
  • icon/icon-color-1024.png
  • icon/icon-color-2048.png
  • icon/icon-light.svg
  • icon/icon-light.png
  • icon/icon-dark.svg
  • icon/icon-dark.png
  • wordmark/wordmark-light.svg
  • wordmark/wordmark-light.png
  • wordmark/wordmark-dark.svg
  • wordmark/wordmark-dark.png

Spacing

Clear space

Keep the lockup separate from other graphics and copy. A good rule-of-thumb is to apply a clear area that is equal to the height and width of the R-icon.

Clear space measured as one icon-width of padding on every side of the mark
Minimum clear space on each side of the lockup equals the icon height and width.
Clear space diagram showing minimum padding around the Runware lockup in all four corners

Misuse

What to avoid

The logo is not a canvas. Don't stretch it, recolor it, drop a shadow on it, add effects, or rebuild it from approximate parts.

Lockup recolored in mint green on a black background
DO NOT
Don't recolor the lockup.
Lockup recolored in yellow on a black background
DO NOT
Don't recolor the lockup.
Lockup with a drop shadow on a white background
DO NOT
Don't add drop shadows, glows, or other effects.
White lockup on a light green background with poor contrast
DO NOT
Don't use the light lockup on pale or low-contrast backgrounds.
Dark grey lockup on a similar dark grey background
DO NOT
Don't use combinations that fall below minimum contrast.
Wordmark placed to the left of the icon instead of the standard lockup order
DO NOT
Don't rearrange the icon and wordmark.
Dark lockup on a bright yellow background
DO NOT
Don't place the lockup on unapproved background colors.
Dark lockup on a busy three-dimensional geometric texture
DO NOT
Don't place the lockup on busy or textured backgrounds.