What you get How it works Pricing FAQ About Contact Call 401-227-5020 Get a free audit
Brand kit

Rhody Websites Brand Kit.

Everything you need to use the Rhody Websites brand correctly: the logo in every variant, the color palette, the type system, and the rules. View it here, or download the assets.

Logo

The logo is a terminal-prompt wordmark: a blue > chevron, rhody in ink, websites in brand blue, and a blinking block cursor. It reads as one word in two colors.

Full lockup

>rhodywebsites >rhodywebsites On light
>rhodywebsites >rhodywebsites On dark

Mark only

>_ >_ Tile (app icon) and plain mark
>_ >_ On dark

Wordmark only

rhodywebsites On light
rhodywebsites On dark
Download: SVG light SVG dark

Color

An Apple-based neutral system anchored by one brand blue. Use blue with intent: actions, links, and the "websites" wordmark.

Brand Blue
#0071e3 · rgb(0, 113, 227)
Primary actions, links, the "websites" wordmark, accents.
Ink
#1d1d1f · rgb(29, 29, 31)
Primary text and the "rhody" wordmark on light.
Gray
#6e6e73 · rgb(110, 110, 115)
Secondary text and captions.
Line
#d2d2d7 · rgb(210, 210, 215)
Borders, dividers, hairlines.
Band
#f5f5f7 · rgb(245, 245, 247)
Alternating section bands and subtle fills.
White
#ffffff · rgb(255, 255, 255)
Page background and cards.
Black
#000000 · rgb(0, 0, 0)
Footer band and dark logo backgrounds.

Type

Two families. The Apple system font for everything in the interface and copy; JetBrains Mono only for the logo and small terminal accents.

Families

UI & body
San Francisco / system stack
-apple-system, BlinkMacSystemFont, "SF Pro", "Helvetica Neue", Arial
Logo / accent
JetBrains Mono
Logo wordmark and terminal accents only

Scale

Display / H1
Get found on Google
Heading / H2
Section heading
Subhead / H3
Subsection heading
Body · 19px
Body copy is 19px with 1.47 line height. Plain, warm, and readable on a phone in a truck cab.
Caption · 15px
Captions and secondary notes.
Small · 11-13px
FOOTNOTES, LABELS, THE "POWERED BY" LINE

Usage

Clear space & minimum size

Keep clear space around the logo equal to at least the height of the cursor block on every side. Do not place type or graphics inside that space. Minimum legible size for the full lockup is about 120px wide on screen.

>rhodywebsites

Backgrounds

Use the light lockup (ink "rhody") on white or the #f5f5f7 band. Use the dark lockup (white "rhody") on black or a dark solid. The chevron, "websites", and cursor stay brand blue on both. Avoid photos or busy patterns behind the logo.

Do

  • Keep "websites", the chevron, and the cursor brand blue.
  • Use the light lockup on light, the dark lockup on dark.
  • Give the logo room. Respect the clear space.
  • Use JetBrains Mono for the logo, SF for everything else.

Don't

  • Stretch, squash, rotate, or add shadows or gradients.
  • Recolor the wordmark to off-brand colors.
  • Put the light lockup on a dark or busy background.
  • Remove the chevron or the cursor, or change the font.

Get the files

One pack with every logo variant (SVG + PNG), the icons, and a README.

Download the pack (.zip)