Brand

The marks, wordmark, and palette that make Robutlers look like Robutlers. Everything here is free to use when referring to Robutlers — please don't redraw or recolor the mark.

Primary lockup

Robutlers

The R mark (navy) paired with the Robutlers wordmark (orange). Use this as the default brand signature anywhere a full identity is appropriate.

Mark

Stacked
Primary mark. Use at 64px and up.
Solid navy
Small sizes (≤32px), favicons, nav.
White knockout
Over photography, dark fills, navy panels.

Wordmark

Robutlers

JetBrains Mono Bold, orange #FF8C00. Always one word, capital R, lowercase rest. Never "RoButlers" or "robutlers."

Color palette

Navy
#1A365D
Primary mark, headings, borders
Orange
#FF8C00
Wordmark, CTAs, accents
Stack mid
#5A7192
Mark depth, middle layer
Stack back
#A8B6C8
Mark depth, back layer
Background
#F8F9FA
Page background

Typography

JetBrains Mono
Headings, wordmark, UI labels
Regular 400 · Medium 500 · Semibold 600 · Bold 700
Inter
Body copy, long-form reading
Regular 400 · Medium 500 · Semibold 600 · Bold 700

Downloads

All SVGs use outlined paths — no font dependency at render time.

  • Primary lockup (horizontal)
    lockup-horizontal.svg
    Download
  • Vertical lockup
    lockup-stacked.svg
    Download
  • R mark — stacked (primary)
    mark-stacked.svg
    Download
  • R mark — solid navy
    mark-solid-navy.svg
    Download
  • R mark — white knockout
    mark-solid-white.svg
    Download
  • R mark — single color
    mark-solid-black.svg
    Download
  • Wordmark — navy
    wordmark-navy.svg
    Download
  • Wordmark — white
    wordmark-white.svg
    Download
  • Open Graph image (1200×630)
    og-image.svg
    Download
  • Social avatar (400×400)
    social-avatar.svg
    Download
Full brand guidelines (.md) Asset index (README.md)

Usage

Do
  • — Keep clear space around the mark equal to the height of the R.
  • — Use navy on light, white knockout on dark.
  • — Pair the R mark with the orange wordmark for full lockup.
Don't
  • — Recolor, outline, or add effects to the mark.
  • — Stretch, skew, or rotate the lockup.
  • — Swap the wordmark typeface or recolor it off-orange.
Home Privacy Terms