---
name: Daily
description: "Worth including for its masterful execution of 'developer-focused minimalism,' using a restricted monochrome palette and monospace accents to project technical expertise."
version: alpha

colors:
  background: "#FCFCFC"
  primary: "#161618"
  secondary: "#374151"
  neutral: "#6B7280"
  bg-soft: "#F4F5F6"
  line: "rgba(229,231,235,1)"

typography:
  display:
    fontFamily: humanist-sans
    fontSize: 48px
    lineHeight: 1.0
    fontWeight: 500
    letterSpacing: "-0.5px"
  headline:
    fontFamily: humanist-sans
    fontSize: 36px
    lineHeight: 1.1
    fontWeight: 500
    letterSpacing: "-0.5px"
  subhead:
    fontFamily: humanist-sans
    fontSize: 20px
    lineHeight: 1.4
    fontWeight: 400
    letterSpacing: "0"
  body:
    fontFamily: humanist-sans
    fontSize: 16px
    lineHeight: 1.55
    fontWeight: 400
    letterSpacing: "0"
  label:
    fontFamily: humanist-sans
    fontSize: 14px
    lineHeight: 1.4
    fontWeight: 400
    letterSpacing: "0.7px"
  stat:
    fontFamily: humanist-sans
    fontSize: 36px
    lineHeight: 1.0
    fontWeight: 500
    letterSpacing: "-0.5px"

rounded:
  sm: 4px
  md: 4px
  lg: 0px
  pill: 9999px

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

---

## Overview

A minimalist, monochrome interface for a global realtime communication platform.

*Industrial-grade infrastructure provider with a clean, developer-focused aesthetic.*

## Colors

Strict monochrome palette focusing on content clarity through high contrast and neutral grays.

- **Background (`#FCFCFC`)** — uses `bg` token
- **Primary text (`#161618`)** — uses `ink` token
- **Secondary text (`#374151`)** — uses `ink-soft` token
- **Muted (`#6B7280`)** — uses `muted` token
- **Borders (`rgba(229,231,235,1)`)** — uses `line` token

## Typography

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

- Use DM Sans (humanist-sans) for headlines and body text.
- Use DM Mono for UI labels, navigation items, and technical callouts.
- Maintain tight tracking for large headlines and loose tracking (0.7px) for uppercase labels.

## Layout

Asymmetric hero with text left and minimal graphics right; structured grid for stats.

*Rhythm:* Standard 4px base with generous vertical spacing (48px-96px) between major content sections.

## Elevation & Depth

- 0px 4px 6px -4px rgba(0,0,0,0.1)
- 0px 10px 15px -3px rgba(0,0,0,0.1)
- Borders: 1px solid #E5E7EB

## Shapes

- `sm`: 4px
- `md`: 4px
- `lg`: 0px
- `pill`: 9999px

## Components

- **button:** Monochrome buttons using either a solid black background with white text or a ghost style with a square bullet prefix.
- **card:** Clean, borderless content blocks separated by subtle horizontal rules.
- **chip:** Uppercase text labels in monospace font, enclosed in brackets like [PLATFORM].
- **input:** Minimalist and not heavily featured in the primary view.
- **hero:** Large, bold headline with a concise sub-headline and primary action buttons.

## Do's and Don'ts

**Don't:**
- Don't use vibrant accent colors — screenshot shows a strictly monochrome palette.
- Don't use decorative or serif fonts — screenshot shows only humanist-sans and monospace categories.
- Don't use rounded, friendly card styles — screenshot shows sharp or slightly rounded (4px) corners and hard dividers.
- Don't use dense, cramped layouts — screenshot shows generous whitespace (48px-96px) between sections.
- Don't use informal, casual language — screenshot uses precise technical terms like 'WebRTC infrastructure'.
- Don't use complex, busy background patterns — screenshot uses a plain, near-white (#FCFCFC) background.

---

## System Prompt (paste into AI agent)

```
Design a minimalist, developer-focused interface for a global realtime infrastructure platform. The system uses a strict monochrome palette of near-white (#FCFCFC) and deep charcoal (#161618), with medium gray (#6B7280) for secondary text and #E5E7EB for borders. Typography is split between a humanist-sans (DM Sans) for primary content and a monospace (DM Mono) for UI labels and navigation, maintaining a 4px base grid with generous vertical rhythm. Key critical don'ts: avoid any vibrant accent colors, do not use decorative serif typefaces, and never use rounded, 'friendly' card components. The layout should prioritize extreme clarity and technical authority over visual flair.
```