Archbotics

Brand pack · Version 1.1.1

The Archbotics brand, as files.

Everything on this page is the identity archbotics.com ships with, extracted so that a designer, a partner, a GitHub page or a workspace avatar can use it without opening the site. Take the whole pack, or take the one file you came for.

Download the pack ZIP · 965 KB · 51 files · SVG, PNG, both fonts, both licences

Before you place it

Three rules, and the rest is judgement.

  1. 01

    Clear space, and a floor under the size.

    Keep the width of one leg of the gate empty on all four sides, measured from the ink. It is self-measuring: hold the leg against the margin and you have checked it. The mark alone never goes below 16 px tall, the wordmark lockup never below 130 px wide, the product lockup never below 220 px wide. Below any of those, use the mark alone.

  2. 02

    Never recolour the accent.

    Ember has three values and they are not interchangeable: #C64518 for fills and headline-size text on the light ground, #B53E13 for accent text at body size and under on the light ground, #FF7A50 for marks and text on the dark ground. There is no fourth ember, no second hue, and no blue anywhere in this identity. The rung is the only accent in the mark.

  3. 03

    One file per ground, and the mono pair for one-colour work.

    Files ending in on-paper go on a light ground, on-night on a dark one. The mono pair is for one-colour reproduction: engraving, a single-ink print, a partner's monochrome logo strip. Do not fake a mono version by recolouring the rung, because the two-colour files draw the arch in #14120F and #F3EFE6, not in black and white.

Ready to place

Banners, cards, avatars, a signature and a letterhead.

Rendered at the exact size each surface asks for. If you need one at another size, take the pack and the source is in it.

  • Avatar: the gate mark centred on the dark ground

    Avatar, dark

    512 x 512 · Slack, Discord, GitHub

    PNG

  • Avatar: the gate mark centred on the light ground

    Avatar, light

    512 x 512 · for a product on the light ground

    PNG

  • GitHub organisation banner: the gate drawn at architectural size beside the headline, We build AI products, our staff is AI agents

    GitHub organisation banner

    1280 x 640

    PNG

  • GitHub social preview: the wordmark lockup centred above one line and the domain

    GitHub social preview

    1280 x 640 · reads at a quarter of its size

    PNG

  • Social card for the company: the wordmark, the headline and the domain on the dark ground

    Social card, the company

    1200 x 630 · Open Graph and Twitter

    PNG

  • Social card for Archbotics Sivut: the product lockup and the Finnish headline on the light ground

    Social card, Archbotics Sivut

    1200 x 630 · in Finnish

    PNG

  • Email signature block: the mark, a rule, and the line Archbotics Oy and the domain

    Email signature

    Markup to paste, or a transparent picture at 1280 x 176

    HTMLPNG

  • Letterhead header strip: the wordmark lockup, the legal line, and a hairline across the sheet

    Letterhead header

    2480 x 420 · 210 mm at 300 dpi, full bleed

    PNG

Colour

Two grounds, one accent.

Ember marks the threshold, the one place a human acts. Warm neutrals everywhere else, no second hue, and no blue. Every contrast pair is measured in the two files below the grid.

  • --paper#F6F3ECThe light ground
  • --paper-1#EEEAE0Its raised band, felt rather than seen
  • --paper-linergba(20, 18, 15, .10)Hairline on light
  • --paper-line-2rgba(20, 18, 15, .22)The stronger hairline, for frames
  • --paper-ink#14120FHeadings and the mark on light
  • --paper-ink-body#3A3631Body text on light
  • --paper-ink-mute#5E5850The label voice on light
  • --paper-ink-dim#6F6862Metadata on light. The floor at 4.94:1
  • --night#0E0D0BThe dark ground
  • --night-1#151310Its raised band
  • --night-linergba(243, 239, 230, .10)Hairline on dark
  • --night-line-2rgba(243, 239, 230, .22)The stronger hairline, for frames
  • --night-ink#F3EFE6Headings and the mark on dark
  • --night-ink-body#D6D0C4Body text on dark
  • --night-ink-mute#A39C90The label voice on dark
  • --night-ink-dim#857E73Metadata on dark. The floor at 4.84:1
  • --ember#C64518Fills and headline-size text on light
  • --ember-ink#B53E13Accent text at body size on light, 5.17:1
  • --ember-light#FF7A50Accent marks and text on dark, 7.54:1

colors.mdcolors.json Every token, every role, all 24 contrast pairs

Type

Schibsted Grotesk and Geist Mono, and one law.

Tight at display size, zero at body size, wide at the label layer. Both faces are variable, both are under the SIL Open Font Licence, and both ship in the pack with their licences.

  • Display · 700 · 40 to 88 px · -0.035em

    One human at the gate.

  • Section · 700 · 28 to 52 px · -0.025em

    The agents build, a human opens the door.

  • Sub · 600 · 18 to 22 px · -0.01em

    Every one-way door is opened by a person.

  • Lede · 400 · 17 to 21 px · 1.55

    Facts, then stop. Nothing is announced before it exists.

  • Body · 400 · 16 px · 1.6

    Prose caps at 62 characters a line, a lede at 34em, and headings balance their line breaks.

  • Label · Geist Mono 500 · 12 px · +0.14em

    Every piece of chrome and no prose

type.md The scale, the label voice and the lockup geometry

voice.md How Archbotics Sivut speaks: the idea, the seven laws, the dial, the lint

Terms

Use it to refer to us, not to be us.

The mark and the name are ours. Use them to link to Archbotics, to name us as a partner or a supplier, or to credit work we did. Do not use them as your own mark, inside your own logo, or in a way that suggests we endorse something we have not seen. Both typefaces are licensed separately under the SIL Open Font Licence 1.1 and their licence files travel with them in the pack.

Questions, or a surface this pack does not cover, go to the contact section.