Skip to content
Cydekick

Brand system

Steady IT. Clear boundaries.

The working reference for how Cydekick looks, sounds and draws. Full rationale lives in docs/BRAND_SYSTEM.md.

Logo

Bracket & Block

The bracket is your business and its boundary — accounts, devices, data. The block sits beside the opening: Cydekick works at the edge, managing what goes in and out, without owning what’s inside. The wordmark is custom-drawn monoline geometry; its C repeats the bracket and its D is chamfered like a routed path.

Cydekick
Cydekick
Cydekick
Cydekick

Mark at 64, 32, 16 px

App icon / favicon tile

Wordmark alone

Monochrome mark

Color

Warm paper, green-black ink, one signal.

A restrained palette that avoids IT-blue clichés. Signal orange is the only loud color and is reserved for primary actions and the companion block.

  • #0F1719

    Ink

    --color-ink

    Primary text, dark sections, the bracket

  • #F5F3EE

    Paper

    --color-paper

    Page background — warm, not clinical white

  • #1E4D44

    Forest

    --color-forest

    Brand color: links, icons, trust sections

  • #EA5B2A

    Signal

    --color-signal

    Accent: primary buttons, the companion block

  • #EBE7DE

    Stone

    --color-stone

    Alternate section background

  • #4D5A5E

    Slate

    --color-slate

    Secondary text (7:1 on Paper)

  • #DCEBE5

    Forest 100

    --color-forest-100

    Icon badges, soft highlights

  • #D8D2C6

    Line

    --color-line

    Borders and dividers

Data classification colors

Reserved for the green / yellow / red framework. Never used as decoration, and always paired with a text label so meaning never depends on color alone.

  • Green

    #2F7D4F · Public / low sensitivity

  • Yellow

    #946000 · Internal business information

  • Red

    #B42318 · Restricted / highly confidential

Typography

Three typefaces, three jobs.

Display · Space Grotesk

Aa Bb 123

Headlines and short statements. Technical character without feeling cold. Weights 500–700.

Text · Instrument Sans

Aa Bb 123

Body copy, UI and forms. Friendly, highly legible at small sizes.

Label · JetBrains Mono

Aa Bb 123

Eyebrows, labels, step numbers and data. Always uppercase and tracked when used as a label.

Display 64

Heading 2 · 44

Heading 3 · 20

Lead paragraph · 18–20, relaxed leading, Slate.

Body · 16, line-height 1.65.

Eyebrow label · 12 mono

Components

Buttons, cards and callouts.

Feature card

Icon badge, heading and short supporting copy. Used for services and controls.
Green

Public / low sensitivity

Information you'd be comfortable seeing on your website.

For example

  • Published marketing copy
  • Public product descriptions
  • General research questions

Approved cloud AI

Yellow

Internal business information

Everyday working knowledge that isn't meant for the public.

For example

  • Internal procedures
  • Meeting and business notes
  • Operational documentation

Business AI workspace, under policy

Red

Restricted / highly confidential

Information that would cause real harm if it were exposed.

For example

  • Passwords, keys and other secrets
  • Sensitive HR and personnel matters
  • Restricted customer information

Private AI — or no AI at all

Iconography

Drawn in-house on a 24 px grid.

1.75 stroke, square caps, mitred corners, no fills. Right angles and 45° routes only where possible.

  • laptop
  • server
  • wifi
  • mail
  • globe
  • key
  • lock
  • backup
  • users
  • route
  • database
  • document
  • search
  • chat
  • bracket
  • fingerprint
  • cloud
  • plug
  • clipboard
  • terminal
  • refresh
  • layers
  • cpu
  • handoff

Voice

Competent, friendly, straightforward.

Write for the business owner, not the IT administrator.

Say

“We manage your computers, accounts, backups, networks and business technology so you don’t have to become the IT department.”

Don’t say

“We deliver holistic cross-platform infrastructure orchestration.”