Branding

Sitovia

Digital Solutions · 2025

Overview

A full visual identity for Sitovia — a digital-solutions and tech company. The mark is built around the letter S reconstructed as a skeleton of overlapping rectangles — a symbol of digital infrastructure and layered growth. The palette: a signal green that pulses against deep navy, so the brand reads modern and tech-first at first glance.

The Challenge

The digital-solutions space all looks the same: geometric marks, blue palettes, ‘innovative’ copy. Sitovia needed a genuinely different visual language — a mark that stays identifiable at 100×100 and on a large display, and a signature colour that says ‘technology’ before you read the name.

Our Approach

We built the concept around three readings of one mark: the letter S, a ‘↔’ symbol (input/output fused), and a 3-layer skeleton that reads as infrastructure. Signal Green #5fcc3a as the signature colour against #0e1f3d deep navy. Inter for typography — modern and neutral. Every application (cards, screens, presentation) carries the same DNA.

The Outcome

Sitovia now has a complete brand book — concept, palette, typography, logo system, applications, mockups. The team can produce anything new and stay consistent. The green is now recognised before the brand name.

Concept

The mark is built around the letter S — but not a traditional S. We turned it into a Skeleton of three overlapping rectangles — top, middle (the active layer in signal green), and bottom. The structure suggests ‘layers’, ‘input → process → output’, ‘tech infrastructure’. One concept with three readings.

Color palette

Just four colours. Signal Green (#5fcc3a) is the signature — it pops against the navy and feels like an ‘active state’. Deep Navy (#0e1f3d) is the lead background. Forest (#2d8a3e) as a tonal accent for secondary surfaces. Off White (#f1f5ee) drops contrast where needed.

Signal Green

#5FCC3A

Deep Navy

#0E1F3D

Forest

#2D8A3E

Off White

#F1F5EE

Typography

Inter

Inter as the primary system typeface — modern, neutral, tech-feeling. Reads at 12px on a screen and on a launch-poster headline with the same clarity. Three weights: Bold for headlines, SemiBold for sub-heads, Regular for body.

Inter Bold

AaBbCc 123

Inter SemiBold

AaBbCc 123

Inter Regular

AaBbCc 123

Logo system

The mark has two forms: the symbol (the Skeleton alone) for icons and app badges, and the full wordmark for presentations and banners. Safe zone equals 1× the height of the symbol.

Brand in the wild

The system applied across type, palette, and branded surfaces — every touchpoint carries the same visual DNA. The green starts to identify the brand before the name does.