---
name: Block
description: "Worth including as a masterclass in corporate minimalism and high-contrast, low-noise design."
version: alpha

colors:
  background: "#fbfbfb"
  primary: "#000000"
  neutral: "#666666"
  line: "rgba(0,0,0,0.1)"

typography:
  display:
    fontFamily: humanist-sans
    fontSize: 30px
    lineHeight: 1.26
    fontWeight: 400
    letterSpacing: "0.2px"
  nav:
    fontFamily: humanist-sans
    fontSize: 12px
    lineHeight: 1.4
    fontWeight: 400
    letterSpacing: "1px"

rounded:
  sm: 0px
  md: 0px
  lg: 0px
  pill: 999px

spacing:
  xs: 4px
  sm: 8px
  md: 12px
  lg: 16px
  xl: 24px
  2xl: 32px
  3xl: 48px

---

## Overview

A premium, ultra-minimalist corporate portal for a fintech and creative ecosystem.

*A quiet, expansive library of financial and creative tools.*

## Colors

Extreme restraint using near-black ink on a warm off-white canvas.

- **Background (`#fbfbfb`)** — uses `bg` token
- **Primary text (`#000000`)** — uses `ink` token
- **Muted (`#666666`)** — uses `muted` token
- **Borders (`rgba(0,0,0,0.1)`)** — uses `line` token

## Typography

- **Display:** humanist-sans
- **Body:** humanist-sans
- **Mono:** monospace

- All navigation and secondary links use uppercase with 1px letter-spacing
- Hero text uses a standard 400 weight, no bolding
- Body text defaults to 16px with a tight 16.8px line-height

## Layout

A highly symmetrical, center-aligned single-column layout for the hero.

*Rhythm:* Flexible spacing with large 100px horizontal padding for container isolation.

## Elevation & Depth

- Borders: Minimal 1px solid black lines used sparingly for structural separation.

## Shapes

- `sm`: 0px
- `md`: 0px
- `lg`: 0px
- `pill`: 999px

## Components

- **button:** Pure text-based navigation links without visible containers.
- **card:** No visible cards; the layout relies on flat, edge-to-edge or centered text.
- **chip:** None present.
- **input:** None visible in the hero.
- **hero:** Centered 3x3 geometric grid logo above a single, impactful sentence.

## Do's and Don'ts

**Don't:**
- don't use drop shadows — screenshot shows completely flat surfaces
- don't use uppercase for hero headlines — screenshot shows lowercase text
- don't use bright accent colors — screenshot shows a strict black and off-white palette
- don't use bold font weights — screenshot shows uniform 400 weight across all text
- don't use rounded containers — screenshot shows strict geometric square shapes
- don't use decorative gradients — screenshot shows solid, flat color fills

---

## System Prompt (paste into AI agent)

```
This site is a premium, minimalist corporate portal for a fintech and creative ecosystem. The design DNA relies on extreme restraint, utilizing a pure monochromatic palette of black (#000000) ink on a warm off-white (#fbfbfb) background. Typography uses a clean humanist-sans category, with the hero display set in lowercase at 30px. Navigation is highly structured, using 12px uppercase text with 1px letter-spacing. Critical constraints include avoiding any bright accent colors, bypassing bold font weights entirely, and refusing to use drop shadows or decorative gradients. All surfaces are flat, edges are sharp, and the layout is deeply centered to project a sense of calm authority and precision.
```