Prexira
Brand Guidelines

Who We Are

Prexira is the operating system for asset-intensive organizations. We bring asset owners, vendors, contractors, and auditors into a unified platform — delivering reliability, visibility, and accountability across the full maintenance lifecycle.

Brand Pillars

Brand Personality

Logo System

The Prexira mark is a layered geometric form — a network of interconnected nodes representing collaboration, traceability, and operational flow. The wordmark uses Inter Black with tight tracking.

Logo Variants

Horizontal Lockup

Full Color — Light BG

Full White — Dark BG

Full Black — Light BG

Vertical Lockup

Full Color — Light BG

Full White — Dark BG

Full Black — Light BG

Icon Only

Full Color — Light BG

Full White — Dark BG

Full Black — Light BG

Clear Space

Always maintain clear space equal to the height of the "P" glyph in the wordmark on all four sides of the logo. Never place other elements inside this exclusion zone.

— minimum clear space (= height of "P") —

Minimum Size

Logo Don'ts

Don't rotate

Never rotate or skew the logo at any angle

Don't use on busy BG

Never place on complex gradients or photos without a backing

Don't recolor

Never alter brand colors or apply color filters

Don't use below min size

Below 24px the icon loses legibility

Color Palette

The Prexira palette is built on two anchors: Prexira Purple (primary brand identity) and Prexira Teal (interactive accent). All other tokens derive from these.

Accessibility Contrast

Type System

Inter is the sole typeface for all Prexira communications. Its geometric precision, extensive weight range, and legibility at small sizes make it ideal for both interfaces and marketing.

Type Scale

Font Weights

Spacing System

All spacing is based on a 4px base unit. Use multiples of 4 for all margins, padding, and layout gaps.

Spacing Scale

Border Radius

UI Component Library

Reusable building blocks for Prexira interfaces. All components are built with Radix UI + Tailwind in the web app.

Buttons

Status Badges

Used for Work Order and Incident statuses throughout the platform.

SLA Status Badges

Cards

Form Inputs

Icon System

Prexira uses the Lucide React icon set exclusively. All icons are rendered at 16px or 20px in UI contexts and 24px in marketing contexts, with a consistent 2px stroke weight.

Icon Usage Rules

Domain Icons (recommended assignments)

Brand Voice & Tone

Prexira communicates with the confidence of an operations leader — direct, precise, and never wasteful with words. We speak to people who run complex systems and need clarity, not hype.

Voice Attributes

Do / Don't Examples

Vocabulary Guide

Key Messages

These are the core statements that define Prexira's value. Use them consistently across all channels — website, sales decks, proposals, and social media.

Brand Tagline

Positioning Statement

Hero Copy Variants

By Persona

Brand in Context

How the Prexira brand manifests across digital and physical touchpoints.

Web App (Dashboard)

Marketing Website

• Hero sections use dark gradient (#0a0a17 → #1a1a2e → #272563)
• Feature sections alternate white and #f7f7fb backgrounds
• Teal radial glows used sparingly as atmospheric accents
• Dual CTA pattern: Primary (purple) + Outline or Ghost (white on dark)
• Bilingual support (ES default / EN) via JS i18n toggle
• GTM container: GTM-XXXXXXX (update with live ID)

Email Communications

Social Media

Presentations / Sales Decks

• Cover slide: dark gradient with logo centered + tagline
• Content slides: white background, primary purple headings
• Data slides: use teal for highlight bars, charcoal for supporting data
• Font: Inter throughout — Extrabold for titles, Regular for body
• Never use clip art, stock illustrations, or off-palette colors

Asset Index

Official Prexira brand assets. Contact the team at contact@prexira.com for source files in formats not listed below.

Logo Files

Marketing Assets

Colors (CSS / Tailwind)

/* Prexira CSS Custom Properties */
:root {
  --prexira-primary:       #535486;  /* Prexira Purple — Base    */
  --prexira-primary-dark:  #3d3d6b;  /* Prexira Purple — Dark    */
  --prexira-primary-light: #7070b0;  /* Prexira Purple — Light   */
  --prexira-accent:        #49C5B1;  /* Prexira Teal — Base      */
  --prexira-accent-dark:   #35a99a;  /* Prexira Teal — Dark      */
  --prexira-charcoal:      #53565A;  /* Charcoal — Body text     */
  --prexira-dark:          #0c0c1a;  /* Ink — Hero backgrounds   */
  --prexira-dark2:         #1a1a2e;  /* Dark — Sidebar, sections */
  --prexira-dark3:         #2a2860;  /* Deep — Gradient end      */
  --prexira-surface:       #f7f7fb;  /* Surface — Page bg        */
  --prexira-surface2:      #eeeef7;  /* Surface2 — Tints         */
  --prexira-border:        #e2e3ee;  /* Border — Card / input    */
}

Fonts