Brand Kit

Brand assets

Everything you need to represent Skyello accurately.

skyello
On light
skyello
On dark

Logo Suite

Logo variants

The Skyello logo consists of a circular mark and wordmark. Use the appropriate variant based on context and available space.

skyello
Full logo — light SVG
skyello
Full logo — dark SVG
skyello
Wordmark — light
skyello
Wordmark — dark
Icon mark — light SVG
Icon mark — dark SVG

Clear space

Maintain minimum clear space equal to the icon mark height (1x) around all sides of the logo.

skyello

Minimum size

Never display the logo below these minimum dimensions to ensure legibility.

Icon: 24px minimum
skyello
Full logo: 80px wide minimum

Incorrect usage

Never modify the logo in any of the following ways.

Don't stretch or distort
Don't add outlines or borders
Don't recolor
Don't place on busy backgrounds
Don't add drop shadows
Don't reduce opacity

Color Palette

Brand colors

Skyello's color system is built on a neutral grayscale with a single blue accent. Color use is intentional and restrained.

Primary

#161616
Black RGB 22, 22, 22 CMYK 0, 0, 0, 91 Primary text, dark backgrounds
#FFFFFF
White RGB 255, 255, 255 CMYK 0, 0, 0, 0 Backgrounds, inverse text
#0F62FE
Blue 60 RGB 15, 98, 254 CMYK 94, 61, 0, 0 Interactive elements and CTAs only

Secondary

#262626
Gray 90
#393939
Gray 80
#525252
Gray 70
#6F6F6F
Gray 60
#8D8D8D
Gray 50
#C6C6C6
Gray 30
#E0E0E0
Gray 20
#F4F4F4
Gray 10

Status & Accent

Used for compliance status indicators in the product interface.

#198038
Green 60 RGB 25, 128, 56 CMYK 81, 0, 56, 50 Compliant, operational
#DA1E28
Red 60 RGB 218, 30, 40 CMYK 0, 86, 82, 15 Non-compliant, critical
#F1C21B
Yellow 30 RGB 241, 194, 27 CMYK 0, 20, 89, 5 Warning, attention

Typography

Typefaces

Four typefaces, each serving a distinct purpose across the brand and product.

Inter

Primary — Body & UI

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Regular 400 Medium 500 Semibold 600

Heading — 28px / Regular

Body text at 16px with 1.7 line height. Used for paragraphs, descriptions, and extended reading across the marketing site and product documentation.

Open source — Google Fonts

Poppins

Brand — Logo & Wordmark

skyello

Semibold 600

Used exclusively for the Skyello wordmark. Not used for general headings or body text.

Open source — Google Fonts

IBM Plex Sans

Product — UI & Interface

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Light 300 Regular 400 Medium 500 Semibold 600 Bold 700

Page title — 28px / Regular

Status badge — 12px / Semibold

Body text at 14px. The primary typeface across all product interface surfaces — dashboards, forms, navigation, and data views.

Open source — Google Fonts

IBM Plex Mono

Product — Code & Data

0123456789 ABCDEF

Regular 400 Medium 500

Used for asset identifiers, device serial numbers, inspection codes, coordinates, pack IDs, and inline code across the product interface.

Open source — Google Fonts

Visual Language

Imagery & visual style

Skyello's visual identity is grounded in real product surfaces, technical interfaces, and operational environments.

Product surfaces

Clean technical interfaces — real product screens, data tables, and compliance dashboards. Dark-mode product screenshots and UI mockups are the primary visual language.

Photography

Real industrial environments — refineries, field inspection work, control rooms, drone operations. Avoid stock photography, posed scenes, and generic corporate imagery.

Illustration

Skyello does not use illustration or abstract graphics. Technical diagrams and real product surfaces replace the need for illustrated content. Use clean lines and brand colors if diagrams are needed.

Backgrounds

Content sections alternate between white (#FFFFFF) and light gray (#F4F4F4). Dark sections use #161616. Avoid gradients, patterns, or decorative backgrounds.

Tone of Voice

How Skyello communicates

Precise and technical

We use specific regulatory and operational language. We name actual programs (LDAR, BWON, API 570), actual systems (Maximo, OSIsoft PI), and actual outcomes.

Confident without boasting

We state what the product does. Numbers come from verified deployments, not projections. We don't overstate capability.

Direct and concise

Short sentences. Active voice. No filler phrases. Every word earns its place.

Grounded in operational reality

We write for people who run facilities, not people who buy software. The language reflects inspections, consent decrees, and emissions monitoring.

We say / We don't say

We say We don't say
"Compliance verification" "Compliance management solution"
"Built for refineries" "Built for enterprise"
"Enforcement infrastructure" "Digital transformation platform"
"Tracks obligations continuously" "Streamlines compliance workflows"
"AI-powered inspections" "Leveraging artificial intelligence"

Co-Branding

Partner logo guidelines

When the Skyello logo appears alongside a partner logo, maintain equal visual weight and proper spacing.

skyello
Partner

Horizontal layout — separate logos with a 1px vertical divider. Maintain equal height and center-align both marks. Minimum divider spacing is 2x the icon mark height.

Restrictions

  • Do not combine the Skyello icon with a partner icon into a single composite mark
  • Do not alter Skyello logo colors to match a partner's brand palette
  • Do not reduce the Skyello logo to be smaller than the partner's logo
  • Always maintain minimum clear space around the Skyello logo

The Living Mark

Status through color

The Skyello circle mark is a living element. Across the product, it communicates compliance status at a glance — shifting color to reflect the state of a facility, an inspection, or the system itself. No labels needed. The mark tells you what's happening the moment you see it.

Default

Authentication, loading, neutral

Success

Verified, compliant, operational

Warning

Attention needed, pending review

Critical

Non-compliant, error, violation

Always moving

The mark animates continuously — a subtle, organic motion that signals the system is live and actively monitoring. A static mark means nothing is happening. The living mark means Skyello is working.

Instant recognition

Operators learn the color language immediately. Blue means the system is ready. Green means compliant. Yellow means something needs attention. Red means action is required now. No reading, no interpretation — just color.

Seamless transitions

When status changes, the mark shifts smoothly from one state to the next. There are no flashes, no jarring swaps. The transition itself communicates that the system is responding in real time.

Download everything

All logo files, color swatches, and brand guidelines in one package.

Download Brand Kit

Contains SVG, PNG (1x, 2x), and EPS logo files.