Start a project

The McCallon Technologies brand

How the mark, the wordmark, the colors and the type are used. Download the source files here, and follow these rules wherever the name appears.

The mark

The triskele: three rounded arms around a yellow center. A static mark is always one color: blue on light, white on blue or navy, navy for one-color print.

  • Triskele in signal blue on white Blue on light
  • Triskele in white on signal blue White on blue
  • Triskele in white on navy White on navy
  • Triskele in navy, one color Navy, one-color print

The wordmark

A custom rounded M, then "cCallon" in Unbounded 700, with "Technologies" in Figtree 600 beneath. Use the horizontal lockup in headers, the stacked lockup for splash screens and social images, and the reversed lockup on blue.

Horizontal, the default
Stacked
Reversed, on blue

The wordmark files use live text. Install Unbounded and Figtree, or outline the text in a design tool, before using them outside a browser.

Clear space and minimum size

The triskele inside its clear-space boundary
Keep clear space of three arm-stroke widths on every side.
Triskele at 16 px Triskele at 24 px Triskele at 48 px

The mark: 16 px minimum, using the heavier triskele-16.svg below 24 px. The horizontal lockup: 120 px wide minimum. The pixel trail beside the M only appears when the M is at least 48 px tall.

Color

Bright primaries on a white canvas, used as confident fields rather than sprinkled accents. Signal blue leads. Red and yellow never lead together.

  • Signal blue #1F4FFF Links, primary buttons, the mark
  • Navy #0B1640 Text and dark surfaces
  • Yellow #FFC800 The triskele's center and accents. Never text on white
  • Red #F23A2F Large graphics. Text only at 24 px bold and up
  • Mist #F3F5FA Alternate section canvas, input fills
  • Paper #FFFFFF The canvas

Product colors

Each app in the Pack gets one color for its fields and glyph, and a darker ink for text on white.

  • Yellow, Bracket Dawg Field #FFC800 Text ink #7A5A00
  • Red, Dart Dawg Field #F23A2F Text ink #C8231A
  • Orange, Trade Dawg Field #FF7A1A Text ink #B34D00
  • Green, Heartside Field #12B886 Text ink #0B7A57
  • Violet, Dawg mascot moments Field #7B3FE4 Text ink #6230C9

Type

Unbounded

Display and headings, weights 800 and 700, set tight and large.

Figtree

Everything else: body at 400, subheads at 800, buttons and labels at 600.

Sentence case everywhere. No all-caps labels. Body lines stay under 68 characters. Text is left-aligned, except the stacked lockup and the 404 page.

The Pack and the endorsement

Every app keeps its own name, icon and personality. On its page and in its footer, the app name is followed by the endorsement line with a small blue triskele.

Bracket Dawg

by McCallon Technologies

Together the apps are called the Pack. The word Dawg is never pluralized in a heading or label.

Don'ts

  • Don't rotate, stretch or outline the static mark.
  • Don't add gradients, glows or drop shadows to the mark or wordmark.
  • Don't recolor the mark red or yellow, or give its arms three colors.
  • Don't pair red and yellow as the lead colors.
  • Don't draw arches, or place the mark on busy imagery.
  • Don't pluralize Dawg in any heading.