Seylo
Request a design partnership

Brand

The Ladder S, and how to use it.

The identity says three things at once: restraint (monochrome, hairline, generous space), structure (the ladder — autonomy earned rung by rung), and one warm signal (mint: the rung that has been earned). Nothing else. Geometry is fixed in the SVG files below; do not redraw it.

The mark

An S drawn as three rungs joined by two rounded bends, set in a rounded tile. The bottom rung is mint — the last rung, the one you earn. Minimum size 16 px. Never recolour the rung; never rotate, skew, outline, or add a gradient, shadow or glow.

Primary mark: navy tile, white S, mint bottom rung, on white.
Primary — default on light surfaces
Primary mark on the cloud surface.
Primary on cloud
Inverse mark: white tile, navy S, mint bottom rung, on navy deep.
Inverse — default on navy and dark surfaces
Favicon: the primary mark with a slightly heavier stroke for small sizes.
Favicon — heavier stroke for 16–32 px

The lockup

Mark and wordmark side by side is the primary logo. Minimum width 96 px. Clear space: one tile-width of the mark on every side. The wordmark is Inter SemiBold converted to paths — never set it in another typeface, re-space it, or stretch it. Taglines sit outside the lockup, in body type.

Horizontal lockup for light surfaces: navy mark and navy wordmark.
lockup-horizontal-light.svg — on white and cloud
Horizontal lockup for dark surfaces: inverse mark and white wordmark.
lockup-horizontal-dark.svg — on navy and navy deep

Colour

60–70% neutral (white and cloud, or navy deep), 20–30% navy, mint under 5%. Mint is never a background. There is no second accent.

  • Navy#1E2761Primary brand colour; tile; headings on light
  • Navy deep#141A45Dark backgrounds — hero, closing sections
  • Mint#5BD1B7The single accent: the earned rung, one highlight per view
  • Ice#CADCFCBody text on navy
  • Slate#5A6485Secondary text on light; captions
  • Ink#0A0A0ABody text on light
  • Cloud#F4F6FCLight card fill
  • White#FFFFFFLight backgrounds; text on navy

Type

Inter everywhere on brand and marketing surfaces. Headlines SemiBold 600, tracked −0.025em, sentence case. Body Regular 400 and Medium 500 at default tracking, line-height 1.55. Eyebrows are the only all-caps: 12 px, 600, tracked 0.08em.

Headline
Inter 600 · −0.025em · 1.02

Autonomy is earned, rung by rung.

Section title
Inter 600 · −0.025em · 1.08

Every operator wants the automation. Nobody is allowed to install it.

Body
Inter 400 · 0em · 1.55

Every change to a Kubernetes fleet — a release, a config edit, a right-sizing, a node reduction, a coding agent's deploy — through one ledger, with a replayed safety argument and a record of what the system refused to do.

Eyebrow
Inter 600 · 12 px · 0.08em · uppercase

Kubernetes operations, governed

Voice

Plain, specific, calm. The company sounds like the engineer you trust in the change-advisory meeting: says exactly what will happen, what it will not do, and why. Short sentences. Concrete nouns. Numbers are real or absent.

Say

proposeapproverefuseverifyenvelopeledgerearnedallowed

Never

AI-poweredsmartseamlessmagicrevolutionaryeffortless10×unlocksupercharge

Every operator wants the automation. Nobody is allowed to install it. We are selling the permission slip.

Downloads

The canonical files. Use them as they are.

Don't

  • Don't put the mark on a photo.
  • Don't use the glyph without its tile on a page background.
  • Don't stretch the wordmark or set it in a colour other than navy, white or ink.
  • Don't add a second colour to charts before series 3 (slate).
  • Don't recolour the rung, rotate, skew, outline, or add a gradient, shadow or glow to the mark.
  • Don't write “SEYLO” or “seylo” — it is Seylo.