<!-- Generated by ExtractVibe — https://extractvibe.com/brand/b3.fun -->
<!-- Extracted: 2026-04-10T04:32:27.408Z | Schema: v1 | Quality: n/a/100 -->
---
version: alpha
name: "B3 - Serious Play | Built by Ex-Base Team"
description: "B3 - Serious Play | Built by Ex-Base Team presents a professional web presence."
colors:
  neutral: "#d9d9d9"
  surface: "#d9d9d9"
  on-surface: "#000000"
  on-surface-secondary: "#d9d9d9"
  border: "#d9d9d9"
  link: "#000000"
typography:
  display-lg:
    fontFamily: "Helvetica Neue LT Pro 55 Roman"
    fontSize: "72px"
    fontWeight: "400"
    lineHeight: "74.88px"
    letterSpacing: "-1.44px"
  headline-md:
    fontFamily: "Helvetica Neue LT Pro 55 Roman"
    fontSize: "28px"
    fontWeight: "400"
    lineHeight: "34.72px"
  body-md:
    fontFamily: "sans-serif"
    fontSize: "12px"
    fontWeight: "400"
spacing:
  base: "2px"
  xs: "1px"
  sm: "2px"
  md: "4px"
  lg: "6px"
  xl: "8px"
---

# B3 - Serious Play | Built by Ex-Base Team — Design System

## Overview

B3 - Serious Play establishes a professional web presence. This design system prioritizes clarity and functionality, reflecting a brand built by ex-Base team members who understand the need for robust, no-nonsense interfaces. The aesthetic avoids overt playfulness or excessive ornamentation, instead focusing on a clean, structured layout that facilitates efficient user interaction. There is no attempt to evoke luxury, avant-garde, or whimsical sentiments; the design is purely utilitarian and professional. The visual language communicates competence and reliability, ensuring users perceive a trustworthy and well-engineered product. This is a design system for serious work, presented with a refined, understated confidence. It is not a platform for experimentation in visual trends, but a stable foundation for a mature and focused digital experience. The absence of a primary brand color reinforces this neutrality, allowing content and functionality to take precedence without visual distraction.

**Key characteristics:**

- Vibe — professional
- Design era — contemporary
- Emotional tone — professional
- Target audience — general audience
- Visual energy — 5/10 (moderate)

## Colors

The color philosophy centers on a minimalist, functional approach. The designated surface color, #d9d9d9, provides a neutral and unobtrusive background, ensuring content readability and reducing visual fatigue. The deliberate absence of a primary brand color emphasizes the brand's commitment to professionalism and directness. This palette signals a focus on substance over superficiality, allowing the user's attention to remain on the application's core functionality and data. The muted color scheme reinforces a professional, no-distraction environment.

### Light mode

| Role | Hex | Name |
|------|-----|------|
| background | `#d9d9d9` | Gainsboro |
| text | `#000000` | Black |
| secondary text | `#d9d9d9` | Gainsboro |
| border | `#d9d9d9` | Gainsboro |
| link | `#000000` | Black |
| muted | `#d9d9d9` | Gainsboro |

## Typography

The type system utilizes sans-serif fonts, specifically Helvetica Neue LT Pro 55 Roman. This choice communicates clarity, legibility, and a modern, professional aesthetic. Helvetica Neue is a widely recognized and trusted typeface, reinforcing the brand's commitment to reliability and established design principles. The consistent use of a single weight, 55 Roman, across the system ensures a unified visual hierarchy that relies on size and spacing rather than varied font styles. This approach provides a clean, uncluttered reading experience, prioritizing information delivery with precision and directness.

### Font families

| Family | Role | Source | Weights |
|--------|------|--------|---------|
| sans-serif | body | system | 400 |
| Helvetica Neue LT Pro 55 Roman | heading | self-hosted | 400 |
| Helvetica Neue LT Pro 55 Roman | body | self-hosted | 400 |

### Type scale

| Role | Family | Size | Weight | Line height | Letter spacing |
|------|--------|------|--------|-------------|----------------|
| Display | Helvetica Neue LT Pro 55 Roman | 72px | 400 | 74.88px | -1.44px |
| Heading 3 | Helvetica Neue LT Pro 55 Roman | 28px | 400 | 34.72px | — |
| Body | sans-serif | 12px | 400 | — | — |

### Conventions

- Heading case — sentence-case

## Layout

- Base spacing unit — `2px`

## Voice

### Tone (1–10 scale)

| Axis | Score | Lean |
|------|-------|------|
| Formal ↔ Casual | 5/10 | balanced |
| Playful ↔ Serious | 5/10 | balanced |
| Enthusiastic ↔ Matter-of-fact | 5/10 | balanced |
| Respectful ↔ Irreverent | 3/10 | respectful |
| Technical ↔ Accessible | 5/10 | balanced |

### Copywriting style

- Avg. sentence length — 12 words
- Vocabulary — moderate
- Jargon — some
- CTA style — direct

## Logos

| Type | Variant | Format | URL | Confidence |
|------|---------|--------|-----|------------|
| favicon | — | png | [link](brands/b3.fun/logo-0.png) | 95% |
| favicon | — | png | [link](brands/b3.fun/logo-1.png) | 95% |
| favicon | — | png | [link](brands/b3.fun/logo-2.png) | 95% |
| primary | — | webp | [link](brands/b3.fun/logo-3.webp) | 85% |
| primary | — | svg | [link](brands/b3.fun/logo-svg-4.svg) | 90% |

## Sources

- Live brand page — https://extractvibe.com/brand/b3.fun
- Raw JSON — https://extractvibe.com/api/brand/b3.fun
- DESIGN.md (this file) — https://extractvibe.com/api/brand/b3.fun/design.md
- Extracted — 2026-04-10T04:32:27.408Z
- Generator — ExtractVibe vv1