Brutalist conference launch

# Brutalist conference launch

## Product direction

- **Page type:** landing
- **Layout archetype:** brutalist
- **Audience:** Developers choosing an independent technology conference
- **Goal:** Make the event impossible to ignore and the registration path obvious.
- **Tone:** Loud, direct, and unconventional

## Visual system

- Use the semantic palette below; never use color without meaning.
- Heading: Inter, ui-sans-serif, system-ui, sans-serif; body: Inter, ui-sans-serif, system-ui, sans-serif; code: JetBrains Mono, ui-monospace, monospace.
- Density is comfortable; base radius is 0px; shadows are elevated.
- Icons: Lucide-style outline icons with consistent 1.75px strokes.
- Imagery: Use product-specific imagery only when it explains the workflow; never use decorative filler..

## Semantic palette

| Role | Value | Intended use |
| --- | --- | --- |
| Background | `#fffdf0` | Page canvas and the deepest application layer |
| Surface | `#ffffff` | Cards, panels, navigation, and raised regions |
| Text | `#111111` | Primary copy, labels, and high-emphasis content |
| Muted | `#4a4a4a` | Secondary copy, metadata, and inactive controls |
| Accent | `#dfff00` | Primary actions, focus, selection, and active state |
| Success | `#1b9e4b` | Confirmed success and healthy state |
| Warning | `#ffb800` | Caution, pending review, and non-blocking risk |
| Danger | `#ff3b30` | Errors, destructive actions, and blocking risk |

The optional `design-tokens.css` from the full export pack mirrors these values. This `DESIGN.md` remains complete when used on its own.

## Layout and content

1. Event statement
2. Speakers
3. Schedule
4. Venue
5. Code of conduct
6. Register

## Responsive and accessibility

- Collapse sidebars into an explicit drawer and preserve the primary task before secondary metadata..
- Meet WCAG AA contrast, preserve visible focus, and respect reduced motion.
- Do not reduce essential content or actions on mobile.

## Machine-readable OneLiners DesignBrief

<!-- oneliners-design-brief:v1 -->
```json
{
  "schemaVersion": "1",
  "name": "Brutalist conference launch",
  "pageType": "landing",
  "layoutStyle": "brutalist",
  "audience": "Developers choosing an independent technology conference",
  "goal": "Make the event impossible to ignore and the registration path obvious.",
  "tone": "Loud, direct, and unconventional",
  "palette": {
    "background": "#fffdf0",
    "surface": "#ffffff",
    "text": "#111111",
    "muted": "#4a4a4a",
    "accent": "#dfff00",
    "success": "#1b9e4b",
    "warning": "#ffb800",
    "danger": "#ff3b30"
  },
  "typography": {
    "heading": "Inter, ui-sans-serif, system-ui, sans-serif",
    "body": "Inter, ui-sans-serif, system-ui, sans-serif",
    "mono": "JetBrains Mono, ui-monospace, monospace",
    "baseSize": 16,
    "scale": 1.2
  },
  "density": "comfortable",
  "radius": 0,
  "shadow": "elevated",
  "sections": [
    "Event statement",
    "Speakers",
    "Schedule",
    "Venue",
    "Code of conduct",
    "Register"
  ],
  "iconStyle": "Lucide-style outline icons with consistent 1.75px strokes",
  "imagery": "Use product-specific imagery only when it explains the workflow; never use decorative filler.",
  "mobileStrategy": "Collapse sidebars into an explicit drawer and preserve the primary task before secondary metadata.",
  "accessibility": {
    "contrastTarget": "WCAG AA",
    "reducedMotion": true,
    "visibleFocus": true
  }
}
```