Brand

Everything needed to put amator.app on a poster, a shirt or a partner page. Take what you need — no permission request required for accurate use.

Name

The product is written amator.app — one word, all lowercase, including at the start of a sentence. Not “Amator App”, not “AmatorApp”, not “AMATOR”. In running text the domain is the name; there is no separate wordmark to spell differently.

Tone

Plain and direct. We describe what the app does rather than how it feels to use it, and we do not promise numbers we cannot show. If a sentence would embarrass us in front of an organiser who has run a game every week for five years, it is the wrong sentence.

Colours

The lime is the only accent; everything else is a surface or a border. On dark surfaces the lime carries the action — a button, a link, a highlighted number — and it is never used as a background for long text.

Accent

Lime
#AAE749
--color-primary
Lime — hover
#B8F05A
--color-primary-hover
Lime — pressed
#7AB835
--color-primary-active

Surfaces

Base
#111111
--color-surface-0
Card
#1E2226
--color-surface-1
Raised
#40444A
--color-surface-elevated
Deep
#132838
--color-surface-deep
Icon tile
#1E2B35
--color-surface-icon

Borders

Card border
#2D3033
--color-border-card
Subtle border
#2A3A4E
--color-border-subtle
Accent border
#1F3D57
--color-border-accent

Typography

Roboto, in five weights. We serve it ourselves rather than loading it from a font CDN, and it is licensed under the SIL Open Font License, so you can use it too.

Play football tonight Regular · 400
Play football tonight Medium · 500
Play football tonight Semibold · 600
Play football tonight Bold · 700
Play football tonight Extrabold · 800

Logo

The app icon, in the sizes we publish. Click a tile to download it.

Mark (vector) SVG · 1024 × 1024Download Mark, white SVG · 1024 × 1024Download Mark, black SVG · 1024 × 1024Download App icon SVG · 512 × 512Download App icon, large PNG · 512 × 512Download App icon, medium PNG · 192 × 192Download Apple touch icon PNG · 180 × 180Download Favicon PNG · 96 × 96Download

Using the mark

Do
  • Use the icon at its own proportions, on a dark or plain background.
  • Leave clear space around it of at least half its width.
  • Write the name as amator.app in running text.
  • Use the lime for the accent, on a dark surface.
Do not
  • Rotate, stretch or add effects to the mark.
  • Recolour the mark yourself — use the lime, white or black file above.
  • Place it on a busy photograph or on the lime itself.
  • Write “Amator App”, “AmatorApp” or “AMATOR”.
  • Use the lime as a background for paragraphs of text.

Not here yet

These do not exist as files yet. If you need one, write to us and we will send it once the designer has cut it.

  • A wordmark, separate from the icon.
  • A light-background lockup.

Anything else

Missing a format, a size or a variant? Write to us. [email protected]