Midlayr

Brand Guide

Assets, colors, typography, and usage guidelines.

Logo

midlayr

Dark Background

MIDLAYR

Light Background

Mark Only

Color Palette

Mint / Primary

CTAs, highlights, glows

HEX#3FE0A0

Tailwindbg-primary

CSS Var--primary

Violet / Accent

Secondary accents

HEX#A359F7

Tailwindbg-accent

CSS Var--accent

Obsidian / BG

Base background

HEX#0A0A0F

Tailwindbg-background

CSS Var--background

Card / Surface

Elevated surfaces

HEX#1A2028

Tailwindbg-card

CSS Var--card

Border

Dividers & borders

HEX#2D3647

Tailwindborder-border

CSS Var--border

Muted Foreground

Secondary text

HEX#D0D5E0

Tailwindtext-muted-foreground

CSS Var--muted-foreground

Typography

Hero Headline

The intelligence layer.

Section Header

Built for your industry.

Card Title

Technology & SaaS

Body Text

Midlayr turns verbal work and field context into structured movement across the systems that run your company.

Mono Label

INDUSTRY EXPERTISE

Mono Tag

Tech Clients

Display / Heading

DM Sans

Weights: 300, 400, 500, 700

Monospace

IBM Plex Mono

Weights: 400, 500, 600

Icons

Hover an icon to download as SVG.

Zap

Technology & SaaS

TrendingUp

Financial Services

Heart

Healthcare

Rocket

Startups & Venture

BookOpen

Education & EdTech

Briefcase

Professional Services

Building2

Enterprise B2B

Flame

High-Growth Brands

Hammer

Construction

MessageSquare

Source / Conversation

Workflow

Midlayr Logic

Database

Destination / Systems

ArrowRight

Navigation / Flow

ArrowDownRight

CTA / Direction

Spacing & Radius

Section Padding

py-24 md:py-32

Container

max-w-7xl px-6

Card Padding

p-5 md:p-7

Border Radius

rounded-2xl (1.25rem)