<!-- Generated by ExtractVibe — https://extractvibe.com/brand/booboolaand.com -->
<!-- Extracted: 2026-04-01T07:01:33.516Z | Schema: v1 | Quality: n/a/100 -->
---
version: alpha
name: "A Magical Indoor Play Park In Dubai for Unforgettable Family Fun !"
description: "A Magical Indoor Play Park In Dubai for Unforgettable Family Fun ! presents a professional web presence."
colors:
  primary: "#ffffff"
  tertiary: "#f78da7"
  neutral: "#ffffff"
  surface: "#ffffff"
  on-surface: "#030303"
  on-surface-secondary: "#ffffff"
  border: "#abb8c3"
  link: "#cc3366"
typography:
  display-lg:
    fontFamily: "booboolaand"
    fontSize: "64px"
    fontWeight: "600"
    lineHeight: "80px"
  headline-lg:
    fontFamily: "booboolaand"
    fontSize: "56px"
    fontWeight: "600"
    lineHeight: "66px"
  headline-sm:
    fontFamily: "museo"
    fontSize: "22px"
    fontWeight: "600"
    lineHeight: "32px"
  body-md:
    fontFamily: "museo"
    fontSize: "16px"
    fontWeight: "400"
    lineHeight: "26px"
rounded:
  md: "4px"
  full: "9999px"
spacing:
  base: "2px"
  xs: "1px"
  sm: "2px"
  md: "4px"
  lg: "6px"
  xl: "8px"
components:
  button-secondary:
    backgroundColor: "#ffffff"
    textColor: "#030303"
    rounded: "0px"
    padding: "14px 18px"
    fontSize: "18px"
    fontWeight: "400"
    borderColor: "#030303"
  button-ghost:
    textColor: "#ffffff"
    rounded: "0px"
    padding: "10px 20px"
    fontSize: "16px"
    fontWeight: "500"
    borderColor: "#ffffff"
---

# A Magical Indoor Play Park In Dubai for Unforgettable Family Fun ! — Design System

## Overview

The design system for A Magical Indoor Play Park In Dubai for Unforgettable Family Fun! establishes a professional web presence. This aesthetic is defined by a clean, inviting, and highly functional user experience. The visual language prioritizes clarity and ease of navigation, reflecting the brand's commitment to delivering a seamless and enjoyable family experience. The design avoids overly childish or chaotic elements, instead opting for a sophisticated yet playful approach that resonates with discerning families in Dubai. It prioritizes a polished and trustworthy image, ensuring that the digital interface mirrors the high-quality entertainment offered by the indoor play park.

This design is not whimsical or overly complex. It does not rely on saturated, primary color palettes or cartoonish illustrations. Instead, it leverages a bright, open aesthetic that feels premium and accessible. The visual communication is direct and efficient, designed to inform and engage without distraction. This approach positions the brand as a reliable and high-end entertainment destination, appealing to parents seeking a professional and enjoyable environment for their children.

**Key characteristics:**

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

## Colors

The color palette centers on a pristine white, serving as both the primary and surface color. This choice establishes a clean, expansive, and professional foundation. White signifies purity, simplicity, and a sense of luxury, aligning with the high-end market positioning of a premier indoor play park in Dubai. It ensures maximum readability and allows content to stand out, reinforcing the brand's commitment to clarity and a premium user experience.

### Light mode

| Role | Hex | Name |
|------|-----|------|
| primary | `#ffffff` | White |
| accent / tertiary | `#f78da7` | Hot Pink |
| background | `#ffffff` | White |
| text | `#030303` | Black |
| secondary text | `#ffffff` | White |
| border | `#abb8c3` | Silver |
| link | `#cc3366` | Indian Red |
| muted | `#ffffff` | White |

## Typography

The typography system employs a combination of 'museo' and 'booboolaand' to establish a clear hierarchy and communicate the brand's character. 'Museo' provides a professional and legible base for body text and functional elements, ensuring clarity and trustworthiness. 'Booboolaand' is reserved for headlines and key branding elements, injecting a playful and memorable touch without compromising professionalism. This pairing balances sophistication with the inherent fun of a play park, creating an inviting yet authoritative voice.

### Font families

| Family | Role | Source | Weights |
|--------|------|--------|---------|
| museo | body | self-hosted | 400, 500 |
| booboolaand | heading | self-hosted | 600 |
| museo | heading | self-hosted | 300, 500, 600 |

### Type scale

| Role | Family | Size | Weight | Line height | Letter spacing |
|------|--------|------|--------|-------------|----------------|
| Display | booboolaand | 64px | 600 | 80px | — |
| Heading 2 | booboolaand | 56px | 600 | 66px | — |
| Heading 4 | museo | 22px | 600 | 32px | — |
| Body | museo | 16px | 400 | 26px | — |

### Conventions

- Heading case — sentence-case
- Body line-height — 26px

## Layout

- Base spacing unit — `2px`

## Elevation & Depth

### Shadows

| Context | Value |
|---------|-------|
| dropdown | `rgba(45, 45, 45, 0.2) 0px 10px 30px 0px` |

### Gradients

- `linear-gradient(rgb(250, 250, 250) 0%, rgb(250, 250, 250) 100%)`
- `linear-gradient(rgba(0, 0, 0, 0.79), rgba(0, 0, 0, 0.37), rgba(0, 0, 0, 0))`

## Shapes

Border-radius scale:

- `md` — 4px
- `full` — 9999px (pill / circular)

## Components

### Buttons

**Secondary**

- Background — `#ffffff`
- Text — `#030303`
- Radius — `0px`
- Padding — `14px 18px`
- Font size — `18px`
- Font weight — `400`
- Border — ` solid #030303`
- Sample copy — "Our story"

**Ghost**

- Text — `#ffffff`
- Radius — `0px`
- Padding — `10px 20px`
- Font size — `16px`
- Font weight — `500`
- Border — ` solid #ffffff`
- Sample copy — "Our story"

## 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 |
|------|---------|--------|-----|------------|
| favicon | — | png | [link](#) | 95% |
| favicon | — | png | [link](#) | 95% |
| favicon | — | png | [link](#) | 95% |
| primary | — | webp | [link](#) | 85% |
| primary | — | png | [link](brands/booboolaand.com/logo-4.png) | 85% |
| primary | — | svg | [link](brands/booboolaand.com/logo-svg-5.svg) | 90% |
| primary | — | svg | [link](brands/booboolaand.com/logo-svg-6.svg) | 90% |
| primary | — | svg | [link](brands/booboolaand.com/logo-svg-7.svg) | 90% |
| primary | — | svg | [link](brands/booboolaand.com/logo-svg-8.svg) | 90% |
| primary | — | svg | [link](brands/booboolaand.com/logo-svg-9.svg) | 90% |
| primary | — | svg | [link](brands/booboolaand.com/logo-svg-10.svg) | 90% |

## Sources

- Live brand page — https://extractvibe.com/brand/booboolaand.com
- Raw JSON — https://extractvibe.com/api/brand/booboolaand.com
- DESIGN.md (this file) — https://extractvibe.com/api/brand/booboolaand.com/design.md
- Extracted — 2026-04-01T07:01:33.516Z
- Generator — ExtractVibe vv1