Skip to content

Brand

JSON Resume looks like the open standard it is: a yellow band, light type, plenty of white space and a single red call to action. This page describes the identity every surface shares.

Wordmark

“JSON Resume” set in Ubuntu Bold. The mark is a document with braces.

  • Black on yellow is the primary lockup; black on white is the alternative; white on ink for dark surfaces.
  • Keep clear space of at least the height of the “J” around the wordmark.
  • Never recolor, outline, rotate or set the wordmark in another typeface.

Color

Yellow is the brand surface, ink is the text, red is the action. Grays do the structural work.

Brand yellow#fff18f

Header, hero, selection, highlights

Ink#1a1a1a

Headings, wordmark, solid buttons

Body#222222

Running text

Action red#d23a3a

The one primary action

Link red#a92525

Links in text

Band gray#f9f9f9

Page headers, feature rows

Rule gray#dddddd

Borders and rules

Proportions

Mostly white, some light gray, one yellow band per page, and red only where someone should click.

Typography

Open Sans everywhere, light for large headings. Ubuntu only for the wordmark.

For developers, by developers

Open Sans Light at 40–52px gives JSON Resume its calm, open headline voice.

Voice and tone

Plain

Say "Export your resume as a PDF", not "Unlock seamless multi-format career storytelling".

Developer to developer

Assume the reader can read a command and a schema. Show the code.

Open

Credit the community, link to the source, and say what is experimental.

Brief

Headlines are a few words. Ledes are one or two sentences.

The call to action

Uppercase, letter-spaced, on a 2px border. Red for one action, quiet for the rest.