<!-- Generated by ExtractVibe — https://extractvibe.com/brand/aroniaceae.com -->
<!-- Extracted: 2026-10-02T13:19:31.008Z | Schema: v1 | Quality: 65/100 -->
---
version: alpha
name: "Hasat"
description: "Aroniaceae | Hasat presents a professional web presence."
colors:
  primary: "#2b1420"
  tertiary: "#7a2346"
  neutral: "#2b1420"
  surface: "#eadfd4"
  on-surface: "#2b1420"
  border: "#eadfd4"
  link: "#2b1420"
  surface-dark: "#2b1420"
typography:
  display-lg:
    fontFamily: "Khand"
    fontSize: "194.4px"
    fontWeight: "700"
    lineHeight: "163.296px"
    letterSpacing: "-0.972px"
  headline-lg:
    fontFamily: "Khand"
    fontSize: "136.8px"
    fontWeight: "700"
    lineHeight: "114.912px"
    letterSpacing: "-0.684px"
  headline-md:
    fontFamily: "Khand"
    fontSize: "100.8px"
    fontWeight: "700"
    lineHeight: "90.72px"
    letterSpacing: "-0.504px"
  body-md:
    fontFamily: "DM Sans"
    fontSize: "17px"
    fontWeight: "400"
    lineHeight: "27.2px"
rounded:
  sm: "14px"
  lg: "999px"
  full: "9999px"
spacing:
  base: "2px"
  xs: "1px"
  sm: "2px"
  md: "4px"
  lg: "6px"
  xl: "8px"
components:
  button-secondary:
    backgroundColor: "#f6f1ec"
    textColor: "#2b1420"
    rounded: "14px"
    padding: "0px 17.28px 0px 8.64px"
    fontSize: "17px"
    fontWeight: "400"
    borderColor: "#2b1420"
    boxShadow: "rgba(43, 20, 32, 0.12) 0px 6px 24px 0px"
  button-primary:
    backgroundColor: "#2b1420"
    textColor: "#f0c6da"
    rounded: "14px"
    padding: "0px"
    fontSize: "17px"
    fontWeight: "400"
    borderColor: "#f0c6da"
  button-outline:
    textColor: "#2b1420"
    rounded: "14px"
    padding: "0px"
    fontSize: "18px"
    fontWeight: "600"
    borderColor: "#2b1420"
    borderWidth: "1px"
---

# Hasat — Design System

## Overview

Aroniaceae | Hasat 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 7 distinct colors observed across the site, organized into semantic roles below.

### Light mode

| Role | Hex | Name |
|------|-----|------|
| primary | `#2b1420` | Near-Black |
| accent / tertiary | `#7a2346` | Firebrick |
| surface | `#eadfd4` | Gainsboro |
| background | `#f6f1ec` | Linen |
| text | `#2b1420` | Near-Black |
| border | `#eadfd4` | Gainsboro |
| link | `#2b1420` | Near-Black |
| muted | `#2b1420` | Near-Black |

### Dark mode

| Role | Hex | Name |
|------|-----|------|
| surface | `#2b1420` | Near-Black |

## Typography

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

### Font families

| Family | Role | Source | Weights |
|--------|------|--------|---------|
| DM Sans | body | google-fonts | 400 |
| Khand | heading | google-fonts | 700 |
| Khand | body | google-fonts | 600 |
| Patrick Hand | body | google-fonts | 400 |

### Type scale

| Role | Family | Size | Weight | Line height | Letter spacing |
|------|--------|------|--------|-------------|----------------|
| Display | Khand | 194.4px | 700 | 163.296px | -0.972px |
| Heading 2 | Khand | 136.8px | 700 | 114.912px | -0.684px |
| Heading 3 | Khand | 100.8px | 700 | 90.72px | -0.504px |
| Body | DM Sans | 17px | 400 | 27.2px | — |

### Conventions

- Heading case — uppercase
- Body line-height — 27.2px

## Layout

- Base spacing unit — `2px`

## Elevation & Depth

### Shadows

| Context | Value |
|---------|-------|
| card | `rgba(0, 0, 0, 0.25) 0px -20px 60px 0px` |
| card | `rgba(43, 20, 32, 0.28) 0px 24px 60px 0px, rgba(43, 20, 32, 0.06) 0px 0px 0px 1px` |
| button | `rgba(43, 20, 32, 0.12) 0px 6px 24px 0px` |

## Shapes

Border-radius scale:

- `sm` — 14px
- `lg` — 999px
- `full` — 9999px (pill / circular)

## Components

### Buttons

**Secondary**

- Background — `#f6f1ec`
- Text — `#2b1420`
- Radius — `14px`
- Padding — `0px 17.28px 0px 8.64px`
- Font size — `17px`
- Font weight — `400`
- Border — ` solid #2b1420`
- Shadow — `rgba(43, 20, 32, 0.12) 0px 6px 24px 0px`

**Primary**

- Background — `#2b1420`
- Text — `#f0c6da`
- Radius — `14px`
- Padding — `0px`
- Font size — `17px`
- Font weight — `400`
- Border — ` solid #f0c6da`

**Outline**

- Text — `#2b1420`
- Radius — `14px`
- Padding — `0px`
- Font size — `18px`
- Font weight — `600`
- Border — `1px solid #2b1420`
- Sample copy — "Yalnızca zorunlu"

## 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/aroniaceae.com) | 100% |
| favicon | — | png | [link](brands/aroniaceae.com/logo-0.png) | 95% |
| primary | color | webp | [link](brands/aroniaceae.com/logo-1.webp) | 85% |
| primary | color | webp | [link](brands/aroniaceae.com/logo-2.webp) | 85% |
| secondary | color | webp | [link](brands/aroniaceae.com/logo-3.webp) | 85% |
| secondary | color | webp | [link](brands/aroniaceae.com/logo-4.webp) | 85% |

## Sources

- Official brand guidelines — https://brand.aroniaceae.com
- Live brand page — https://extractvibe.com/brand/aroniaceae.com
- Raw JSON — https://extractvibe.com/api/brand/aroniaceae.com
- DESIGN.md (this file) — https://extractvibe.com/api/brand/aroniaceae.com/design.md
- Extracted — 2026-10-02T13:19:31.008Z
- Generator — ExtractVibe vv1
- Quality score — 65/100