<!-- Generated by ExtractVibe — https://extractvibe.com/brand/labelle-hotel.com -->
<!-- Extracted: 2026-09-09T10:01:52.718Z | Schema: v1 | Quality: 65/100 -->
---
version: alpha
name: "La Belle"
description: "La Belle - Luxury Business Hotel in Lubumbashi, DR Congo presents a professional web presence."
colors:
  primary: "#007bff"
  secondary: "#6c757d"
  tertiary: "#fee995"
  neutral: "#666666"
  surface: "#ffffff"
  on-surface: "#ffffff"
  on-surface-secondary: "#666666"
  border: "#200707"
  link: "#666666"
  error: "#dc3545"
  warning: "#ffc107"
  success: "#28a745"
  info: "#17a2b8"
  surface-dark: "#002731"
typography:
  display-lg:
    fontFamily: "Gilda Display"
    fontSize: "55px"
    fontWeight: "400"
    lineHeight: "74.25px"
    letterSpacing: "15px"
  headline-lg:
    fontFamily: "Gilda Display"
    fontSize: "32px"
    fontWeight: "400"
    lineHeight: "40px"
  headline-md:
    fontFamily: "Barlow"
    fontSize: "28px"
    fontWeight: "600"
    lineHeight: "35px"
  headline-sm:
    fontFamily: "Barlow Condensed"
    fontSize: "15px"
    fontWeight: "400"
    lineHeight: "18.75px"
    letterSpacing: "6px"
  body-md:
    fontFamily: "Barlow"
    fontSize: "15px"
    fontWeight: "400"
    lineHeight: "26.25px"
rounded:
  sm: "4px"
  lg: "26px"
  full: "9999px"
spacing:
  base: "2px"
  xs: "1px"
  sm: "2px"
  md: "4px"
  lg: "6px"
  xl: "8px"
components:
  button-outline:
    textColor: "#000000"
    rounded: "4px"
    padding: "4px 12px"
    fontSize: "20px"
    fontWeight: "400"
    borderWidth: "1px"
  button-primary:
    backgroundColor: "#cfad71"
    textColor: "#ffffff"
    rounded: "0px"
    padding: "13px 22px"
    fontSize: "15px"
    fontWeight: "400"
    borderColor: "#ffffff"
  button-secondary:
    backgroundColor: "#000000"
    textColor: "#ffffff"
    rounded: "26px"
    padding: "0px"
    fontSize: "24px"
    fontWeight: "100"
    borderColor: "#ffffff"
    borderWidth: "2px"
    boxShadow: "rgba(2, 2, 2, 0.75) 0px 0px 15px 1px"
---

# La Belle — Design System

## Overview

La Belle’s digital presence embodies the quiet authority of a luxury business hotel in Lubumbashi, DR Congo. The design atmosphere is defined by professional clarity and structural integrity, rejecting ornamental excess in favor of functional elegance. This aesthetic mirrors the precision of high-end corporate hospitality, where every interface element serves a distinct purpose without sacrificing dignity. The visual language is grounded, stable, and unapologetically direct, creating a sense of trust and reliability for discerning travelers and business clients. The interface does not attempt to be whimsical or overly decorative; instead, it projects an image of established competence and refined taste. The user experience is streamlined, focusing on ease of navigation and immediate access to essential services, reflecting the efficient nature of modern business travel. The overall feeling is one of calm control, where the technology recedes to highlight the quality of the service offered. This approach ensures that the brand is perceived as a leader in its sector, offering a seamless bridge between the physical luxury of the hotel and the digital convenience of online booking. The design avoids clutter, ensuring that the core message of professionalism remains the focal point at every touchpoint.

**Key characteristics:**

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

## Colors

The palette leverages #007bff as a primary accent to signal trust and clarity against a clean #ffffff surface. This high-contrast combination ensures maximum readability and a crisp, modern appearance. The blue conveys stability and professionalism, essential for a business-oriented brand, while the white background provides a neutral canvas that emphasizes content and imagery without distraction.

### Light mode

| Role | Hex | Name |
|------|-----|------|
| primary | `#007bff` | Dodger Blue |
| secondary | `#6c757d` | Slate Gray |
| accent / tertiary | `#fee995` | Khaki |
| surface | `#ffffff` | White |
| background | `#ffffff` | White |
| text | `#ffffff` | White |
| secondary text | `#666666` | Dim Gray |
| border | `#200707` | Black |
| link | `#666666` | Dim Gray |
| muted | `#666666` | Dim Gray |

### Dark mode

| Role | Hex | Name |
|------|-----|------|
| surface | `#002731` | Near-Black |

### Semantic

| Role | Hex | Use |
|------|-----|-----|
| success | `#28a745` | Confirmations, positive states |
| warning | `#ffc107` | Caution, intermediate states |
| error | `#dc3545` | Failures, destructive actions |
| info | `#17a2b8` | Neutral information, tips |

## Typography

The type system pairs Gilda Display for headings with Barlow for body text, creating a balance of classic elegance and modern utility. Gilda Display adds a touch of luxury and heritage, suitable for titles and key brand statements. Barlow, available in multiple widths, offers exceptional legibility and flexibility for informational content, ensuring that the interface remains accessible and easy to scan across all devices.

### Font families

| Family | Role | Source | Weights |
|--------|------|--------|---------|
| Barlow | body | google-fonts | 400 |
| Gilda Display | heading | google-fonts | 400 |
| Barlow | heading | google-fonts | 600 |
| Barlow Condensed | heading | google-fonts | 400 |
| Barlow Condensed | body | google-fonts | 400 |
| Arial | body | system | 100 |

### Type scale

| Role | Family | Size | Weight | Line height | Letter spacing |
|------|--------|------|--------|-------------|----------------|
| Display | Gilda Display | 55px | 400 | 74.25px | 15px |
| Heading 2 | Gilda Display | 32px | 400 | 40px | — |
| Heading 3 | Barlow | 28px | 600 | 35px | — |
| Heading 4 | Barlow Condensed | 15px | 400 | 18.75px | 6px |
| Body | Barlow | 15px | 400 | 26.25px | — |

### Conventions

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

## Layout

- Base spacing unit — `2px`

## Elevation & Depth

### Shadows

| Context | Value |
|---------|-------|
| button | `rgba(2, 2, 2, 0.75) 0px 0px 15px 1px` |

## Shapes

Border-radius scale:

- `sm` — 4px
- `lg` — 26px
- `full` — 9999px (pill / circular)

## Components

### Buttons

**Outline**

- Text — `#000000`
- Radius — `4px`
- Padding — `4px 12px`
- Font size — `20px`
- Font weight — `400`

**Primary**

- Background — `#cfad71`
- Text — `#ffffff`
- Radius — `0px`
- Padding — `13px 22px`
- Font size — `15px`
- Font weight — `400`
- Border — ` solid #ffffff`
- Sample copy — "Reserve Now"

**Secondary**

- Background — `#000000`
- Text — `#ffffff`
- Radius — `26px`
- Padding — `0px`
- Font size — `24px`
- Font weight — `100`
- Border — `2px solid #ffffff`
- Shadow — `rgba(2, 2, 2, 0.75) 0px 0px 15px 1px`
- Sample copy — "×"

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

## Sources

- Official brand guidelines — https://www.etsy.com/market/brand_kit_for_hotels
- Live brand page — https://extractvibe.com/brand/labelle-hotel.com
- Raw JSON — https://extractvibe.com/api/brand/labelle-hotel.com
- DESIGN.md (this file) — https://extractvibe.com/api/brand/labelle-hotel.com/design.md
- Extracted — 2026-09-09T10:01:52.718Z
- Generator — ExtractVibe vv1
- Quality score — 65/100