BlockSight

Behavioral Intelligence & Commerce Infrastructure for Web3

Official Brand Kit

Logo Suite

All logo types available in SVG across brand color variants. Select a color to preview.

Color

Side Logo

Horizontal logo with eye icon and BlockSight text

svgDownload

Eye Logo + BlockSight

Eye logomark with BlockSight text underneath

svgDownload

Eye Logo + .dev

Eye logomark with .dev branding

svgDownload

Additional Assets

Primary Logo (Color)

pngDownload

Favicon / Icon

pngDownload

Color Palette

Click any value to copy it to your clipboard.

Backgrounds

Background

HEX

RGB

CSS

Elevated

HEX

RGB

CSS

Surface

HEX

RGB

CSS

Text

Heading

HEX

RGB

CSS

Body

HEX

RGB

CSS

Muted

HEX

RGB

CSS

Accents

Green

HEX

RGB

CSS

On dark

On light

Blue

HEX

RGB

CSS

On dark

On light

Violet

HEX

RGB

CSS

On dark

On light

Amber

HEX

RGB

CSS

On dark

On light

Borders

Line

HEX

RGB

CSS

Line Strong

HEX

RGB

CSS

Typography

Click a weight to preview the font at that weight. Three font families serve distinct purposes across the brand.

Body text, UI elements

sans

The quick brown fox jumps over the lazy dog

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@#$%&*()

Size Scale

Display

BlockSight

Body

BlockSight

Small

BlockSight

Caption

BlockSight

Headings, editorial content

serif

The quick brown fox jumps over the lazy dog

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@#$%&*()

Size Scale

Display

BlockSight

Body

BlockSight

Small

BlockSight

Caption

BlockSight

Code, data displays, technical content

mono

The quick brown fox jumps over the lazy dog

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@#$%&*()

Size Scale

Display

BlockSight

Body

BlockSight

Small

BlockSight

Caption

BlockSight

Imagery & Photography

Coming soon

Guidelines for photography and illustration style.

Style Direction

Dark & futuristic — imagery should reflect the technical, cutting-edge nature of Web3
Grain overlay — subtle noise texture used across the brand for depth
Glow effects — green and blue glow accents on key elements
Minimal & clean — avoid cluttered compositions; favor negative space

Sample image 1

Sample image 2

Sample image 3

Sample image 4

Sample image 5

Sample image 6

Iconography

We use lucide-react as our icon library. Click an icon to copy its import statement.

Custom icon set — coming soon

Brand Guidelines

Rules and best practices for using the BlockSight brand.

Logo Usage

Minimum size: 32px height for digital, 10mm for print
Clear space: maintain padding equal to the height of the logomark
Do not stretch, rotate, or apply effects to the logo
Do not place the logo on busy or low-contrast backgrounds

Color Usage

Green (#4ade80) is the primary accent — use for CTAs, highlights, and interactive states
Blue (#5b9cf5) is the secondary accent — use for links and informational elements
Background colors maintain the dark theme hierarchy: bg → elevated → surface
Ensure sufficient contrast ratios for text on all backgrounds (WCAG AA minimum)

Typography Hierarchy

Newsreader (serif) for page headings and editorial display text
IBM Plex Sans for body copy, labels, buttons, and UI text
IBM Plex Mono for code snippets, data values, and technical content
Never mix more than two font families in a single composition

Tone of Voice

Technical but accessible — explain complex concepts clearly
Confident without being aggressive — data-driven, not hype-driven
Forward-looking — emphasize intelligence, insight, and infrastructure
Concise — favor short, direct sentences over long explanations

Templates

Ready-to-use templates for common brand materials.

Business Card

Standard 3.5 × 2 in

Coming soon

Letterhead

A4 / US Letter

Coming soon

Email Signature

HTML email signature

Coming soon

Social Media — Profile

400 × 400 px

Coming soon

Social Media — Cover

1500 × 500 px

Coming soon

Presentation Template

16:9 slide deck

Coming soon