<!-- Generated by ExtractVibe — https://extractvibe.com/brand/cheerspresso.com -->
<!-- Extracted: 2026-10-11T13:26:03.127Z | Schema: v1 | Quality: 65/100 -->
---
version: alpha
name: "Cheers Presso"
description: "Cheers Presso - Nitro-Infused Espresso Martini aus der Dose presents a professional web presence."
colors:
  primary: "#a82424"
  secondary: "#d7c18d"
  tertiary: "#8b0000"
  neutral: "#2b1a12"
  surface: "#d93333"
  on-surface: "#fffbf4"
  on-surface-secondary: "#2b1a12"
  border: "#fffbf4"
  error: "#8b0000"
  success: "#006400"
  surface-dark: "#d93333"
  on-surface-dark: "#fffbf4"
typography:
  display-lg:
    fontFamily: "Karrik"
    fontSize: "60px"
    fontWeight: "400"
    lineHeight: "63px"
    letterSpacing: "-0.6px"
  headline-lg:
    fontFamily: "Karrik"
    fontSize: "28px"
    fontWeight: "400"
    lineHeight: "33.6px"
  headline-md:
    fontFamily: "Karrik"
    fontSize: "13px"
    fontWeight: "400"
    lineHeight: "16.9px"
  headline-sm:
    fontFamily: "Karrik"
    fontSize: "14px"
    fontWeight: "500"
    lineHeight: "14px"
  body-md:
    fontFamily: "Karrik"
    fontSize: "14px"
    fontWeight: "400"
    lineHeight: "22.4px"
rounded:
  sm: "8px"
  lg: "50px"
  full: "9999px"
spacing:
  base: "2px"
  xs: "1px"
  sm: "2px"
  md: "4px"
  lg: "6px"
  xl: "8px"
components:
  button-primary:
    backgroundColor: "#d7c18d"
    textColor: "#6d2514"
    rounded: "8px"
    padding: "0px 28px"
    fontSize: "18px"
    fontWeight: "400"
    borderColor: "#d7c18d"
    borderWidth: "1px"
  button-outline:
    textColor: "#2b1a12"
    rounded: "8px"
    padding: "0px 28px"
    fontSize: "18px"
    fontWeight: "400"
    borderColor: "#2b1a12"
    borderWidth: "1px"
  button-secondary:
    backgroundColor: "#fff7e9"
    textColor: "#2b1a12"
    rounded: "50px"
    padding: "0px"
    fontSize: "14px"
    fontWeight: "400"
    borderColor: "#000000"
    borderWidth: "2px"
    boxShadow: "rgb(215, 193, 141) 0px 0px 0px 0px inset"
---

# Cheers Presso — Design System

## Overview

Cheers Presso - Nitro-Infused Espresso Martini aus der Dose presents a professional web presence.

Key characteristics: professional.

**Key characteristics:**

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

## Colors

The palette draws on 21 distinct colors observed across the site, organized into semantic roles below.

### Light mode

| Role | Hex | Name |
|------|-----|------|
| primary | `#a82424` | Firebrick |
| secondary | `#d7c18d` | Burlywood |
| accent / tertiary | `#8b0000` | Dark Red |
| background | `#d93333` | Crimson |
| text | `#fffbf4` | Floral White |
| secondary text | `#2b1a12` | Near-Black |
| border | `#fffbf4` | Floral White |
| muted | `#2b1a12` | Near-Black |

### Dark mode

| Role | Hex | Name |
|------|-----|------|
| surface | `#d93333` | Crimson |
| background | `#d93333` | Crimson |
| text | `#fffbf4` | Floral White |

### Semantic

| Role | Hex | Use |
|------|-----|-----|
| success | `#006400` | Confirmations, positive states |
| error | `#8b0000` | Failures, destructive actions |

## Typography

Type is set in Karrik, Karrik, with hierarchy expressed through size and weight contrast rather than family-switching.

### Font families

| Family | Role | Source | Weights |
|--------|------|--------|---------|
| Karrik | body | self-hosted | 400, 700 |
| Karrik | heading | self-hosted | 400, 500 |

### Type scale

| Role | Family | Size | Weight | Line height | Letter spacing |
|------|--------|------|--------|-------------|----------------|
| Display | Karrik | 60px | 400 | 63px | -0.6px |
| Heading 2 | Karrik | 28px | 400 | 33.6px | — |
| Heading 3 | Karrik | 13px | 400 | 16.9px | — |
| Heading 4 | Karrik | 14px | 500 | 14px | — |
| Body | Karrik | 14px | 400 | 22.4px | — |

### Conventions

- Heading case — title-case
- Body line-height — 22.4px

## Layout

- Base spacing unit — `2px`

## Elevation & Depth

### Shadows

| Context | Value |
|---------|-------|
| dropdown | `rgba(43, 26, 18, 0.18) 0px 24px 48px 0px` |
| modal | `rgba(215, 193, 141, 0.15) 0px 4px 20px 0px` |
| modal | `rgba(0, 0, 0, 0.15) 0px 5px 30px 0px` |
| modal | `rgba(43, 26, 18, 0.25) 0px 24px 48px 0px` |
| button | `rgb(215, 193, 141) 0px 0px 0px 0px inset` |

## Shapes

Border-radius scale:

- `sm` — 8px
- `lg` — 50px
- `full` — 9999px (pill / circular)

## Components

### Buttons

**Primary**

- Background — `#d7c18d`
- Text — `#6d2514`
- Radius — `8px`
- Padding — `0px 28px`
- Font size — `18px`
- Font weight — `400`
- Border — `1px solid #d7c18d`
- Sample copy — "Jetzt probieren"

**Outline**

- Text — `#2b1a12`
- Radius — `8px`
- Padding — `0px 28px`
- Font size — `18px`
- Font weight — `400`
- Border — `1px solid #2b1a12`
- Sample copy — "Nein"

**Secondary**

- Background — `#fff7e9`
- Text — `#2b1a12`
- Radius — `50px`
- Padding — `0px`
- Font size — `14px`
- Font weight — `400`
- Border — `2px solid #000000`
- Shadow — `rgb(215, 193, 141) 0px 0px 0px 0px inset`
- Sample copy — "Hinzufügen"

## 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 |
|------|---------|--------|-----|------------|
| primary | — | svg | [link](https://img.loadlogo.com/cheerspresso.com) | 100% |
| favicon | — | png | [link](brands/cheerspresso.com/logo-0.png) | 95% |
| primary | color | png | [link](brands/cheerspresso.com/logo-1.png) | 85% |
| primary | color | png | [link](brands/cheerspresso.com/logo-2.png) | 85% |
| primary | — | png | [link](brands/cheerspresso.com/logo-3.png) | 85% |

## Sources

- Official brand guidelines — https://presspage.com/blog/what-is-a-press-kit-and-what-should-be-in-yours-examples
- Live brand page — https://extractvibe.com/brand/cheerspresso.com
- Raw JSON — https://extractvibe.com/api/brand/cheerspresso.com
- DESIGN.md (this file) — https://extractvibe.com/api/brand/cheerspresso.com/design.md
- Extracted — 2026-10-11T13:26:03.127Z
- Generator — ExtractVibe vv1
- Quality score — 65/100