Back to Knowledge Hub

Brand Guidelines

The internet is fragmented. Information is scattered, duplicated, and disconnected from its source. plugilo exists to fix that, by building the trusted information layer of the AI era.
These guidelines ensure that everything we create reflects that ambition: structured, reliable, and fun.


Translating verified data into a clean, human-centric design language.

The core signifiers of our identity: the plugilo wordmark. Engineered to sit cleanly as an overlay or anchor on any partner widget, ecosystem app, or physical bridge

Primary Logo

Monochrome Logos

The Blue-Grey Primary Logo is always favored on adaptive backgrounds (such as in email clients) to ensure optimal contrast across different devices and viewing modes.

Critical Rule: Wordmark Never Appears Without the Icon
The "plugilo" typography must never be used in isolation. It is always paired with the brand icon to its left. The icon, however, may appear alone (as a favicon, app icon, watermark, or space-constrained UI element. This rule has no approved exceptions).


pluggy is plugilo's AI Advisory Agent, the living heart of plugilo's intelligence and the bridge between you and the trusted information you need. Smart enough to guide your decisions, warm enough to make the journey feel easy.

As the face of our intelligence, pluggy connects you to owner-approved insights at exactly the right moment, navigating complexity so you don't have to. Friendly, clear, and always on your side.
He is the constant reminder that behind every trusted answer, there's an intelligence that genuinely cares about getting it right, for you.


plugilo's color palette is built around a dark canvas that conveys depth and focus, anchored by our brand blue as a purposeful accent. Colors are not decorative, they carry meaning. Use them as defined to ensure consistency across product, marketing, and partner materials.

The dark base dominates the interface, giving content and data room to breathe without visual noise. Elevated surfaces layer above it to create structure, with cards, panels, and list rows that organize information without competing with it. Content tones range from near-white for primary text to softer greys for metadata and secondary information, maintaining clarity while preserving the calm, focused atmosphere of the UI. Brand blue is used sparingly and intentionally, for calls to action, active states, and brand moments only. Its restraint is what gives it meaning.

Brand (Identity Accent — Used Selectively, Not As A Default)
brand-mark
#1DA6F3 · Solid
Logo and trademark usage only · Do not adapt for UI components
brand-primary
#1D93D8 · Solid
CTAs and brand accent · Follow / Get Started / Create-a-Card buttons, active tab icons, brand highlights, brand glyphs
Canvas (Foundation — All Alpha Tokens Resolve Against This)
bg-base
#1C1C1E · Anchor
Primary canvas · All screens, frames, modals · Anchor all alpha tokens resolve against
Surfaces (Layers Above The Canvas, By Elevation)
surface-fill
#FFFFFF @ 4% → #252527
Component fills · Input fields, list items, embedded containers within a surface
surface-tint
#FFFFFF @ 8% → #2E2E30
Raised surfaces · Dropdowns, popovers, highlighted / active states, floating elements above the canvas
surface-control
#FFFFFF @ 30% → #606062
Control surfaces · Keyboard keys, toggle tracks, disabled button fills · Never add content-muted on top
Borders (Default + State)
border-primary
#FFFFFF @ 20% → #49494B
Default · All borders · Card separators, input strokes, filter sheets, dock frames, dividers
border-active
#F2F2F7 · Solid
State · selected input, focused input, highlighted row
Content (Text + Icons, By Emphasis)
content-primary
#F2F2F7 · Solid
High-emphasis text & icons · Headings, body copy, button labels, active nav, icon glyphs
content-secondary
#FFFFFF @ 70% → #BBBBBB
Medium-emphasis text & icons · Subtitles, metadata, inactive tab labels, secondary descriptions
content-muted
#FFFFFF @ 40% → #777778
Low-emphasis text & icons · Placeholders, disabled labels, timestamps
(Never go lower for readable content)
Status (Semantic Feedback)
status-success
#1F845A · Solid
Success states · Resolved tags, success toasts, checked / confirmed states
status-warning
#E2AA03 · Solid
Warning states · Warning toasts, pending badges · Pair text with #1C1C1E only
status-danger
#C9372C · Solid
Error states · Error toasts, destructive actions, critical alerts

We use Inter as our primary typeface. It is clean, structured, and legible across all sizes and contexts, from UI labels to editorial headlines. Typographic hierarchy guides the reader. Stick to the defined weights and scale to maintain a calm, intelligent voice.

Titles
Display
Hero
72px · 700 Bold
80px ·
−0.02em
125% — optical
tight
Hero headings, Marketing headers
Display
Section
48px · 700 Bold
56px ·
−0.02em
125% — optical
tight
Page/Section titles Desktop, Marketing headers
Display Title
32px · 700 Bold
40px ·
−0.02em
125% — optical
tight
Page/Section titles Mobile, Titles inside containers
Heading
24px · 600 SemiBold
32px ·
−0.01em
133% — slight
tighten
Feature titles, Dialog headers
Paragraphs & Subtitles
Subheading
18px · 400/600 Regular / SemiBold
24px · 0em 133%
Nav tab labels, Section sublabels, Modal titles
Body Primary
16px · 400/600 Regular / SemiBold
24px · 0em 150% — WCAG optimal
All paragraphs, List items, Feature copy
Body Secondary
14px · 400/600 Regular / SemiBold
20px · 0em Neutral tracking
Form placeholders, Input fields, Spec labels, Secondary info
Caption & Taglines
Caption
12px ·
400/600
Regular / SemiBold
16px ·
+0.02em
+0.24px
tracking
Timestamps, Tag labels, Helper text, Footnotes
Micro
10px ·
500
Medium
14px ·
+0.04em
+0.4px tracking
Chip counters, Status badges, Notification dots, Icon overlays

Vision

A world where every piece of information is verified, owner-controlled, and universally trusted. The long term vision is for plugilo to become a universal infrastructure that connects trusted data, AI systems, and human decision making.

Mission

Connect demand and supply more intelligently, more fairly, and more structurally. Not through noise. Not through manipulation. Not through attention at any price. But through relevance, structure, trusted sources, and explicit user intent.

Brand Values

Six values guide every decision at plugilo: Trust by design. Ownership and accountability. Structure over chaos. Openness and interoperability. Human and AI intelligence. Utility over noise. These aren't slogans, they're the principles behind every product choice and communication.

Tone of Voice

plugilo speaks with confidence, not arrogance. We are intelligent without being academic, friendly while remaining credible. Whether we're writing a product label, a partner pitch, or a press release, the voice stays consistent: clear, calm, and grounded in real information.

Back to Knowledge Hub