Visual Identity | LiMSight Brand Guidelines

Brand Guidelines

2025

Concept

Drawn Together

Seven outer nodes inspired by the apoptosome, a molecular structure that coordinates complex cellular processes. Central spokes drawn from the centriole, nature's organizing hub. Data pulled inward, not radiating out. Information finding its center.

Most logos are perfectly symmetrical, machine-precise. Ours is deliberately imperfect. Each node slightly different, hand-drawn, alive. Because real thinking isn't mechanical. It's organic.

Design Inspiration

Apoptosome

Centriole

Nature

Hand Drawn

Gravity

Logo

System

Lockup

↓ SVG

Primary application

Wordmark

↓ SVG

Horizontal contexts

Brandmark

↓ SVG

Minimal spaces

Favicon

↓ SVG

Browser tabs

Logo

Clear Space

Maintain breathing room equal to the icon height on all sides. This ensures the logo remains legible and impactful.

The Icon

In Motion

Application

Approved Backgrounds

White

Light Gray

Approved Light Gradients

Indigo (PRIMARY)

Navy (MOOD BASED)

Treated Photos & Textures

Non-Distracting ELEMENTS

Approved Dark Gradients

Transparent Glass

Avoid

Secondary colors

Linear gradients

Unedited photos

Distorted

Effects

Busy backgrounds

Wordmark alone

Rearranged

Mixed colors

Brand

Color Palette

Primary Use

Indigo is the workhorse. Use it for CTAs, buttons, links, key UI elements, and anywhere the brand needs to show up boldly.

Supporting Colors

Lavender, Blue, and Cyan appear in gradients, rotating through lists, or adding visual variety. They complement Indigo, never compete with it.

Never Alone

Cyan shouldn't appear solo as a primary action color. It works best in gradients or as part of a color rotation with its siblings.

OKLCH color space for perceptual uniformity. All brand colors at 54% lightness for consistent vibrancy across hues.

Indigo

Primary

#5e42fe RGB 94, 66, 254 HSL 249° 99% 63% OKLCH 0.54 0.26 280

Lavender

Supporting

#9854ff RGB 152, 84, 255 HSL 264° 100% 66% OKLCH 0.54 0.25 305

Blue

Supporting

#007dff RGB 0, 125, 255 HSL 211° 100% 50% OKLCH 0.54 0.20 255

Cyan

Supporting

#0891b2 RGB 8, 145, 178 HSL 192° 91% 36% OKLCH 0.54 0.15 210

Navy

Dark / Text

#14144c RGB 20, 20, 76 HSL 240° 58% 19% OKLCH 0.22 0.09 280

White

Background

#ffffff RGB 255, 255, 255 HSL 0° 0% 100% OKLCH 1.00 0.00 0

Color System

Shade Grid

Keep it simple. Primaries sit at 54% lightness - that's where AAA contrast lives on white. For hover states, +/- 4%.

OKLCH makes the full spectrum available if you need it. Same chroma, same hue, just slide the lightness. If you venture lighter, aim for at least AA contrast.

Navy plays by different rules - its base lives at 22%.

Indigo

Lavender

Blue

Cyan

54% Primary

Extended

Gradients

Atmosphere

We don't use hard linear gradients. Instead, brand colors become soft, blurred shapes that create depth and atmosphere.

Large blurred shapes at low opacity create an aurora-like effect. Circles, ovals, stretched blobs. Be creative with the forms, but keep them soft and diffused.

Use 2, 3, or 4 colors. There's no strict rule. Layer them, let them overlap and blend naturally. The key is subtlety and depth, not precision.

Properties

Shapes circles, ovals, blobs, lines, etc

Blur 80-150px

Opacity 8-15% (watch text)

Colors see brand palette

Shown Here

Lavender · 12% · 150px blur · circle

Cyan · 10% · 130px blur · circle

Indigo · 8% · 100px blur · circle

Artwork

Visual Language

Personal & Authentic

Real Artworks

Sourced from archives, libraries, and artists. Hand-drawn illustrations, vintage scientific diagrams, organic textures. Used when conveying warmth, humanity, and the story behind the technology.

About pages · Blog posts · Team content

Atmospheric & Subtle

Treated Photos

Photography desaturated and blended over brand colors. Creates depth and atmosphere without competing with content. The photo becomes texture, not subject.

Hero backgrounds · Section dividers · Motion

Digital & Technical

Bold Graphics

Clean geometric shapes, solid color fills, precise outlines. Minimal iconography with consistent stroke weights. Used when demonstrating capability and precision.

Product UI · Feature diagrams · CTAs

Transformed work is yours, but redistributing stock photos usually requires an active subscription. Public domain and Creative Commons are great, just verify the source.

Type

Specimens

Primary

Bricolage Grotesque

Display / 500

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789

Secondary

Inter

Body / 400

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789