# We are Big Stars — Design Reference

Schema: Design Details DESIGN.md v3.2
Source: https://bigstars.com/
Captured: 2026-11-12
CSS measured: 2026-11-12T22:27:28.744Z at 1440×1000 — https://bigstars.com/
Values come from computed CSS; role labels are AI judgments. Live CSS may differ from an older screenshot.
Status: AI analysed; curator review pending
Rubric: 3.2
Observer: google/gemini-3.1-pro-preview
Judge: claude-sonnet-5

## Design direction

The website employs a bold, typographic, and colourful design language. It uses massive, tightly spaced typography (Pleasevf English) paired with a high-contrast palette of orange, burgundy, deep green, and soft pink. The layout features scroll-linked horizontal sections (like the 'Services' card deck) and dramatic mask expansions, creating an engaging, editorial, and brutalist-influenced aesthetic.

## Classification

- Industry: developer-tools
- Site type: Landing
- Business model: Software
- Styles: bold, typographic, colourful, brutalist, editorial, neo-brutalist
- Platform: Webflow
- Technology: GSAP

## Typography

- Display: Pleasevf English — weight 800; size 467.2px; line-height 397.1px; tracking -18.7px; Regular (100% role confidence, computed values)
- Heading: Pleasevf English — weight 800; size 88px; line-height 79.2px; tracking -2.6px; uppercase (90% role confidence, computed values)
- Body: Pleasevf English — weight 400; size 40px; line-height 44px; tracking normal; Regular (90% role confidence, computed values)

## Functional palette

- Primary Action — primary action #FC4D16: color-3: computed rgb(252, 77, 22); AI role: Bright orange #FC4D16 used for primary buttons, prominent text ('WE ARE BIG STARS'), and active UI elements. (100% role confidence, computed values)
- Canvas — canvas #F9EFE5: color-1: computed rgb(249, 239, 229); AI role: Off-white #F9EFE5 used as the primary background color for the page body. (90% role confidence, computed values)
- Surface — surface #036147: color-5: computed rgb(3, 97, 71); AI role: Deep green #036147 used as a background for the 'SERVICES' and 'OUR STANDARDS' sections. (90% role confidence, computed values)
- Surface — surface #F8C9E9: color-2: computed rgb(248, 201, 233); AI role: Soft pink #F8C9E9 used as a background for the footer and specific text elements. (80% role confidence, computed values)
- Surface — surface #6C2134: color-4: computed rgb(108, 33, 52); AI role: Burgundy #6C2134 used as a background for the contact form and for massive footer text. (80% role confidence, computed values)

## Exact computed CSS inventory

The browser extracted these declarations from rendered DOM at capture time. They are facts, not visual guesses. Image and video pixels are outside this inventory.

### Font configurations

```json
[
  {
    "id": "font-1",
    "family": "Pleasevf English",
    "fontStack": "\"Pleasevf English\", Arial, sans-serif",
    "weight": "800",
    "size": "88px",
    "lineHeight": "79.2px",
    "letterSpacing": "-2.6px",
    "traits": "uppercase",
    "count": 1,
    "contexts": [
      {
        "tag": "h3",
        "text": "design experience",
        "top": 5490,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-2",
    "family": "Pleasevf English",
    "fontStack": "\"Pleasevf English\", Arial, sans-serif",
    "weight": "800",
    "size": "80px",
    "lineHeight": "72px",
    "letterSpacing": "-2.6px",
    "traits": "uppercase",
    "count": 1,
    "contexts": [
      {
        "tag": "h3",
        "text": "Product Engineering",
        "top": 5418,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-3",
    "family": "Pleasevf English",
    "fontStack": "\"Pleasevf English\", Arial, sans-serif",
    "weight": "800",
    "size": "60px",
    "lineHeight": "54px",
    "letterSpacing": "-2.6px",
    "traits": "uppercase",
    "count": 1,
    "contexts": [
      {
        "tag": "h3",
        "text": "Cloud & Infrastructure",
        "top": 5450,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-4",
    "family": "Pleasevf English",
    "fontStack": "\"Pleasevf English\", Arial, sans-serif",
    "weight": "800",
    "size": "56px",
    "lineHeight": "50.4px",
    "letterSpacing": "-2.6px",
    "traits": "uppercase",
    "count": 1,
    "contexts": [
      {
        "tag": "h3",
        "text": "digital transformation",
        "top": 4157,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-5",
    "family": "Pleasevf English",
    "fontStack": "\"Pleasevf English\", Arial, sans-serif",
    "weight": "400",
    "size": "40px",
    "lineHeight": "44px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 7,
    "contexts": [
      {
        "tag": "span",
        "text": "High-stakes software development and",
        "top": 4646,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "end-to-end IT solutions that power",
        "top": 4690,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "industries",
        "top": 4734,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-6",
    "family": "Pleasevf English",
    "fontStack": "\"Pleasevf English\", Arial, sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "17.6px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "p",
        "text": "By submitting this form, you agree that any personal data you provide will be processed in accordanc",
        "top": 17164,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Privacy Policy",
        "top": 17197,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "© 2026 BIG STARS, all rights reserved.",
        "top": 17673,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-7",
    "family": "Pleasevf English",
    "fontStack": "\"Pleasevf English\", Arial, sans-serif",
    "weight": "400",
    "size": "36px",
    "lineHeight": "34.2px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "A product engineering company",
        "top": 532,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "based in Belgrade",
        "top": 582,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-8",
    "family": "Pleasevf English",
    "fontStack": "\"Pleasevf English\", Arial, sans-serif",
    "weight": "800",
    "size": "96px",
    "lineHeight": "76.8px",
    "letterSpacing": "-2.9px",
    "traits": "uppercase",
    "count": 20,
    "contexts": [
      {
        "tag": "div",
        "text": "We",
        "top": 8714,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "believe",
        "top": 8791,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "true",
        "top": 8888,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-9",
    "family": "Pleasevf English",
    "fontStack": "\"Pleasevf English\", Arial, sans-serif",
    "weight": "500",
    "size": "90.1px",
    "lineHeight": "99.1px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 13,
    "contexts": [
      {
        "tag": "div",
        "text": "Create",
        "top": 242,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "tech",
        "top": 242,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "products",
        "top": 242,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-10",
    "family": "Pleasevf English",
    "fontStack": "\"Pleasevf English\", Arial, sans-serif",
    "weight": "800",
    "size": "120px",
    "lineHeight": "102px",
    "letterSpacing": "-4.8px",
    "traits": "uppercase",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "1/4",
        "top": 4620,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "2/4",
        "top": 5882,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "3/4",
        "top": 5913,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-11",
    "family": "Pleasevf English",
    "fontStack": "\"Pleasevf English\", Arial, sans-serif",
    "weight": "800",
    "size": "40px",
    "lineHeight": "34px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "First Name",
        "top": 16607,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Last Name",
        "top": 16607,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Email",
        "top": 16721,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-12",
    "family": "Pleasevf English",
    "fontStack": "\"Pleasevf English\", Arial, sans-serif",
    "weight": "800",
    "size": "130.1px",
    "lineHeight": "110.6px",
    "letterSpacing": "-5.2px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "CONTACT",
        "top": 16512,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "US",
        "top": 16623,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-13",
    "family": "Pleasevf English",
    "fontStack": "\"Pleasevf English\", Arial, sans-serif",
    "weight": "500",
    "size": "90px",
    "lineHeight": "81px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "div",
        "text": "At Big Stars, the way we work",
        "top": 8884,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "is built on a few principles:",
        "top": 8965,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-14",
    "family": "Pleasevf English",
    "fontStack": "\"Pleasevf English\", Arial, sans-serif",
    "weight": "800",
    "size": "467.2px",
    "lineHeight": "397.1px",
    "letterSpacing": "-18.7px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "OUR",
        "top": 8592,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-15",
    "family": "Pleasevf English",
    "fontStack": "\"Pleasevf English\", Arial, sans-serif",
    "weight": "800",
    "size": "354.1px",
    "lineHeight": "301px",
    "letterSpacing": "-14.2px",
    "traits": "uppercase",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "services",
        "top": 4322,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-16",
    "family": "Pleasevf English",
    "fontStack": "\"Pleasevf English\", Arial, sans-serif",
    "weight": "800",
    "size": "350.1px",
    "lineHeight": "273.1px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "big",
        "top": 219,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-17",
    "family": "Pleasevf English",
    "fontStack": "\"Pleasevf English\", Arial, sans-serif",
    "weight": "800",
    "size": "331.2px",
    "lineHeight": "265px",
    "letterSpacing": "-16.6px",
    "traits": "uppercase",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "to go big",
        "top": 18225,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-18",
    "family": "Pleasevf English",
    "fontStack": "\"Pleasevf English\", Arial, sans-serif",
    "weight": "800",
    "size": "321.6px",
    "lineHeight": "257.3px",
    "letterSpacing": "-16.1px",
    "traits": "uppercase",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Big stars",
        "top": 17836,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-19",
    "family": "Pleasevf English",
    "fontStack": "\"Pleasevf English\", Arial, sans-serif",
    "weight": "800",
    "size": "259px",
    "lineHeight": "202.1px",
    "letterSpacing": "-10.4px",
    "traits": "uppercase",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "workspace",
        "top": 15510,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-20",
    "family": "Pleasevf English",
    "fontStack": "\"Pleasevf English\", Arial, sans-serif",
    "weight": "800",
    "size": "192px",
    "lineHeight": "153.6px",
    "letterSpacing": "-9.6px",
    "traits": "uppercase",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "A place for you",
        "top": 18079,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-21",
    "family": "Pleasevf English",
    "fontStack": "\"Pleasevf English\", Arial, sans-serif",
    "weight": "800",
    "size": "190.1px",
    "lineHeight": "161.6px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "stars",
        "top": 414,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-22",
    "family": "Pleasevf English",
    "fontStack": "\"Pleasevf English\", Arial, sans-serif",
    "weight": "800",
    "size": "162.1px",
    "lineHeight": "137.8px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "we are",
        "top": 121,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-23",
    "family": "Pleasevf English",
    "fontStack": "\"Pleasevf English\", Arial, sans-serif",
    "weight": "800",
    "size": "161.6px",
    "lineHeight": "137.4px",
    "letterSpacing": "-6.5px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "STANDARDS",
        "top": 9095,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-24",
    "family": "Pleasevf English",
    "fontStack": "\"Pleasevf English\", Arial, sans-serif",
    "weight": "800",
    "size": "143px",
    "lineHeight": "128.7px",
    "letterSpacing": "-4.3px",
    "traits": "uppercase",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "design",
        "top": 5462,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-25",
    "family": "Pleasevf English",
    "fontStack": "\"Pleasevf English\", Arial, sans-serif",
    "weight": "800",
    "size": "134.1px",
    "lineHeight": "120.7px",
    "letterSpacing": "-4.3px",
    "traits": "uppercase",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "digital",
        "top": 4130,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-26",
    "family": "Pleasevf English",
    "fontStack": "\"Pleasevf English\", Arial, sans-serif",
    "weight": "800",
    "size": "118.1px",
    "lineHeight": "106.3px",
    "letterSpacing": "-4.3px",
    "traits": "uppercase",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Cloud &",
        "top": 5426,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-27",
    "family": "Pleasevf English",
    "fontStack": "\"Pleasevf English\", Arial, sans-serif",
    "weight": "800",
    "size": "107px",
    "lineHeight": "96.3px",
    "letterSpacing": "-4.3px",
    "traits": "uppercase",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Product",
        "top": 5397,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-28",
    "family": "Pleasevf English",
    "fontStack": "\"Pleasevf English\", Arial, sans-serif",
    "weight": "800",
    "size": "56px",
    "lineHeight": "47.6px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Please fill out this form",
        "top": 16488,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-29",
    "family": "Pleasevf English",
    "fontStack": "\"Pleasevf English\", Arial, sans-serif",
    "weight": "800",
    "size": "69px",
    "lineHeight": "69px",
    "letterSpacing": "-1.4px",
    "traits": "uppercase",
    "count": 3,
    "contexts": [
      {
        "tag": "a",
        "text": "about us",
        "top": 17359,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "careers",
        "top": 17359,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "contact us",
        "top": 17359,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-30",
    "family": "Pleasevf English",
    "fontStack": "\"Pleasevf English\", Arial, sans-serif",
    "weight": "800",
    "size": "16px",
    "lineHeight": "13.6px",
    "letterSpacing": "-0.6px",
    "traits": "uppercase",
    "count": 1,
    "contexts": [
      {
        "tag": "a",
        "text": "Contact us",
        "top": 17,
        "property": "font"
      }
    ]
  }
]
```

### Color configurations

```json
[
  {
    "id": "color-1",
    "hex": "#F9EFE5",
    "alpha": 1,
    "cssValue": "rgb(249, 239, 229)",
    "count": 32,
    "contexts": [
      {
        "tag": "body",
        "text": "/* Fluid responsive */ html { font-size: calc(16 * (100vw / 1440)); } @media (max-width: 479px) { ht",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "about uscareers Contact us",
        "top": 8,
        "property": "background"
      },
      {
        "tag": "a",
        "text": "Contact us",
        "top": 17,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-2",
    "hex": "#F8C9E9",
    "alpha": 1,
    "cssValue": "rgb(248, 201, 233)",
    "count": 8,
    "contexts": [
      {
        "tag": "span",
        "text": "services",
        "top": 4322,
        "property": "text"
      },
      {
        "tag": "p",
        "text": "We build complex tech products from back-end to mobile",
        "top": 5610,
        "property": "text"
      },
      {
        "tag": "h3",
        "text": "Cloud & Infrastructure",
        "top": 5450,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-3",
    "hex": "#FC4D16",
    "alpha": 1,
    "cssValue": "rgb(252, 77, 22)",
    "count": 20,
    "contexts": [
      {
        "tag": "a",
        "text": "Contact us",
        "top": 17,
        "property": "control-background"
      },
      {
        "tag": "div",
        "text": "we are",
        "top": 121,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "big",
        "top": 219,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-4",
    "hex": "#6C2134",
    "alpha": 1,
    "cssValue": "rgb(108, 33, 52)",
    "count": 22,
    "contexts": [
      {
        "tag": "div",
        "text": "about uscareers Contact us",
        "top": 8,
        "property": "border"
      },
      {
        "tag": "div",
        "text": "",
        "top": 23,
        "property": "background"
      },
      {
        "tag": "p",
        "text": "We create clean, intuitive products that users actually love",
        "top": 5722,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-5",
    "hex": "#036147",
    "alpha": 1,
    "cssValue": "rgb(3, 97, 71)",
    "count": 15,
    "contexts": [
      {
        "tag": "p",
        "text": "A product engineering company",
        "top": 532,
        "property": "text"
      },
      {
        "tag": "div",
        "text": "servicesHigh-stakes software development and end-to-end IT solutions that power industriesdigital tr",
        "top": 4000,
        "property": "background"
      },
      {
        "tag": "span",
        "text": "OUR",
        "top": 8592,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-6",
    "hex": "#17A1FF",
    "alpha": 1,
    "cssValue": "rgb(23, 161, 255)",
    "count": 5,
    "contexts": [
      {
        "tag": "div",
        "text": "Product EngineeringWe build complex tech products from back-end to mobile2/4",
        "top": 5393,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "We aim",
        "top": 8801,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-7",
    "hex": "#FFFFFF",
    "alpha": 1,
    "cssValue": "rgb(255, 255, 255)",
    "count": 13,
    "contexts": [
      {
        "tag": "div",
        "text": "Create",
        "top": 242,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-8",
    "hex": "#FFFFFF",
    "alpha": 0.30196078431372547,
    "cssValue": "rgba(255, 255, 255, 0.3)",
    "count": 8,
    "contexts": [
      {
        "tag": "div",
        "text": "Please fill out this formFirst NameLast NameEmailMessageBy submitting this form, you agree that any ",
        "top": 16456,
        "property": "border"
      }
    ]
  }
]
```

### Extraction limits

- Font families are computed CSS declarations, not optical font identification.
- Colors are computed CSS converted by the browser to sRGB; image/video pixels and gradient stops are not sampled.
- Transparent colors are recorded with alpha but excluded from opaque palette role assignments.
- Only currently rendered DOM elements are sampled; closed shadow roots and iframe contents are excluded.

## Type, spacing, and shape language

- Spacing rhythm: Very loose between sections to accommodate scroll animations, but tight within typographic lockups.
- Corner style: Mostly rounded, seen on the navigation pill, cards in the services section, and image borders.
- Radius: Large border radii on section containers (e.g., the green services block) and cards.
- Borders: Thin solid borders used sparingly, such as around the navigation pill (burgundy border) and form fields.
- Buttons: Pill-shaped (fully rounded) buttons with solid fills (orange).
- Content width: Full viewport width for impactful typography and background sections, with internal padding.
- Density: Low density, relying on massive scale and whitespace to pace the content.
- Evidence: DOM/CSS data and screenshots show rounded cards, massive font sizes (up to 467px), and distinct color-blocked sections.

## Sections

Gallery section count: 6. Each entry corresponds to one gallery capture.

1. **Hero — Oversized headline beside aerial city photo** (Home)
   Huge orange type crowds a curved photo mask, so the brand voice and location register at once before the full-bleed image statement.
   Capture: 1440×971px; page bounds 0–971px of 9060px; source section ID: `f1363c16-7968-4ba3-8806-19fe217e9ffc`; image: https://media.designdetails.io/library/afcbea6403495d12b2c016212fe75820737e850b3656771b4e105f770e20e1ea/section-manual-f1363c16-7968-4ba3-8806-19fe217e9ffc-1794590070222.webp
   SECTION.md v3.2: `f1363c16-7968-4ba3-8806-19fe217e9ffc` (deterministic evidence; editorial review pending)
2. **Features — Services heading with stacked offering cards** (Home)
   A giant pink heading on green sets the section, while overlapping colored cards with counters hint at several service areas in little space.
   Capture: 1440×1158px; page bounds 2842–4000px of 9060px; source section ID: `026416ca-646c-47c5-9fe4-600c82c05315`; image: https://media.designdetails.io/library/ab6ee69e10661d4adb4cb69a9da979fac845a993f3e059be0489ec7b4d555822/section-manual-026416ca-646c-47c5-9fe4-600c82c05315-1794590079237.webp
   SECTION.md v3.2: `026416ca-646c-47c5-9fe4-600c82c05315` (deterministic evidence; editorial review pending)
3. **Other — Values statement with pill-framed portrait** (Home)
   Large green heading and an orange value line pair with a rounded portrait, giving the company's principles a human face and clear hierarchy.
   Capture: 1440×2000px; page bounds 4000–6000px of 9060px; source section ID: `f45066de-d247-4f93-aa6e-a84e63cead0e`; image: https://media.designdetails.io/library/55b9e2b5e9747f6616606b1b3352d3b8d1847f7743d54cb9abf2173d8987a32e/f45066de-d247-4f93-aa6e-a84e63cead0e.webp
   SECTION.md v3.2: `f45066de-d247-4f93-aa6e-a84e63cead0e` (deterministic evidence; editorial review pending)
4. **Gallery — Workspace photo carousel with arrows** (Home)
   Bold heading above a row of cropped office photos with arrow buttons lets visitors browse the environment and see peeking slides.
   Capture: 1440×1026px; page bounds 6000–7026px of 9060px; source section ID: `8154e197-7ee4-4e3f-a25d-79386f710320`; image: https://media.designdetails.io/library/8fda6df6aac84f8eb10eb0fe46681b65759daf9109bbf0736f8c9d483e21e75f/8154e197-7ee4-4e3f-a25d-79386f710320.webp
   SECTION.md v3.2: `8154e197-7ee4-4e3f-a25d-79386f710320` (deterministic evidence; editorial review pending)
5. **Forms — Split contact form on maroon** (Home)
   A big left heading and a ruled grid of fields keep the form tidy, with an orange submit button that stands out on dark.
   Capture: 1440×803px; page bounds 7026–7829px of 9060px; source section ID: `f955488e-aa13-4d84-a3ae-a8b03423e482`; image: https://media.designdetails.io/library/4a3fe88d821634f0f7cfb4a077f1ba003f5964d296397029a8a304314169ed76/f955488e-aa13-4d84-a3ae-a8b03423e482.webp
   SECTION.md v3.2: `f955488e-aa13-4d84-a3ae-a8b03423e482` (deterministic evidence; editorial review pending)
6. **Footer — Pink footer with giant slogan** (Home)
   Green links sit above small legal text and a portrait, while the huge maroon closing statement ends the page with brand personality.
   Capture: 1440×1231px; page bounds 7829–9060px of 9060px; source section ID: `4590bedf-966b-4de7-b581-56bcd86fa90f`; image: https://media.designdetails.io/library/3326420497a3e837be01e37d01f6d17c452af38bcef0d3577b582021f9167c64/4590bedf-966b-4de7-b581-56bcd86fa90f.webp
   SECTION.md v3.2: `4590bedf-966b-4de7-b581-56bcd86fa90f` (deterministic evidence; editorial review pending)

## Capture and motion evidence

- Desktop screenshot: https://media.designdetails.io/library/0b6b3ca1715b3de6be0446e50de9e778c94df0650d2f2c35e62e70d6ead8d65b/desktop_full-fcaeae12-2026-11-12T22-27-28-752Z.webp
- Mobile screenshot: https://media.designdetails.io/library/a48b3a930237b99af6b7c27efc9cd04329b48cf019860c65504f236bc536ab7a/mobile_full-fcaeae12-2026-11-12T22-28-14-452Z.webp
- Open Graph image: https://media.designdetails.io/library/982ec3e33a7e3cd3a249381f1b6feb770bcf1496adc44ea91f3380112bcd6c57/og_image-fcaeae12-2026-11-12T22-27-38-310Z.webp
- Full-page video: https://media.designdetails.io/library/5bca91b0935b7ce747a3d6fab5430f5b32b8f4eb33589d9322a6cd284602165d/motion-1794523220767.mp4
- Video poster: https://media.designdetails.io/library/bc0af47c2eef1cd49d36887942e19cff4a01fec2c9046200018443add6af31ef/motion-poster-1794523220767.webp
- Motion status: Recording attached. Consult the motion score and section motion records; do not infer exact easing from frames alone.

## Implementation contract

- Treat computed CSS values, screenshot dimensions, and section bounds as measured evidence.
- Treat typography roles, palette roles, style labels, quality scores, and prose analysis as model or curator judgments.
- Rebuild the page in the listed section order. Request SECTION.md v3.2 using the listed ID. Promoted IDs include editorial observation and judgment; raw gallery IDs still return deterministic geometry, site design facts, media treatment, and explicit evidence gaps.
- Do not invent exact responsive behavior, motion curves, or hidden interaction states when they were not captured.

## Reusable components

- Navigation Bar
- Hero
- Video Frame
- Primary Button
- Feature Card
- Carousel
- Contact Form
- Footer
- Badge
- Stacked Card Scroll
- Masked Video Scroll Reveal

## Quality rubric

Overall: 63.25/100 (Good)
Evidence coverage: 100%
Judge tier: Good
Verdict: Big Stars commits fully to a bold, oversized-typography, high-contrast-color idiom and executes it with real craft: a custom display face is pushed to extreme scales with carefully tightened letter-spacing, a limited palette of burgundy/green/orange/pink/cream organizes the page into legible chapters, and a scroll-driven motion system — a video mask that expands from the brand's own 'B' letterform, scaling/fading headlines, and two horizontal card-stack reveals that reportedly reverse coherently on scroll-up — gives the page genuine continuity rather than feeling like a pile of disconnected effects. Real content (specific workspace photography, concrete service copy, a working contact form) is woven into this system rather than used as filler. The ceiling on the work is Originality: most of its signature moves — giant blown-up type, fanning card decks, a circular badge sticker — are now widely recognizable tropes in contemporary agency-site design, so despite confident execution the site reads as a very good example of a known style rather than an invention of a new one. A legibility conflict where oversized background type is crossed by foreground cards, plus reuse of the identical horizontal-scroll mechanic for two different sections, are the concrete execution gaps keeping this from the 'strong' tier. Overall this is a well-crafted, cohesive, good execution of a fashionable editorial-brutalist idiom rather than a landmark or highly original piece of design.

- Typography (15%): 68 — A single custom display face ('Pleasevf English') is deployed across an enormous scale range (16px form copy up to 467px hero headlines) with disciplined negative letter-spacing that tightens proportionally as size increases, giving the type real structural presence and a clear size hierarchy (display/heading/body tiers evident in the font table). However, the same face is used for both oversized display moments and body/UI copy (form labels, legal text), so there is no secondary voice or contrast of texture, and the system reads as one loud register rather than a nuanced typographic system.
- Color (10%): 64 — A tight, high-contrast palette (cream, burgundy, deep green, orange, pink, one blue accent) is applied consistently as full-bleed section backgrounds, creating clear visual 'chapters' as the user scrolls and giving the site a confident, branded feel. The palette is more a bold editorial statement than a nuanced system — accent usage (blue card, pink text-on-green) is somewhat arbitrary rather than codified into clear semantic roles beyond 'section background.'
- Layout (20%): 63 — The page uses full-bleed color-blocked sections, generous whitespace, and a masked-video hero that gives strong pacing. However, large background typography intentionally sits behind foreground elements (e.g., 'SERVICES' lettering crossed by the stacked service cards), which is a stylistic choice but creates legibility conflicts, and the repeated horizontal-card-stack structure is reused nearly identically for both Services and Principles sections, reducing structural variety across the page.
- Motion (20%): 71 — The motion system is the strongest axis: a B-shaped video mask expands to full-bleed on scroll, section headlines scale/fade in sequence, two separate horizontal card-stack reveals are scroll-linked, a carousel is manually navigable, and animations reportedly reverse coherently on scroll-up — indicating these are scroll-position-driven rather than one-off triggers, producing a continuous, narratively-tied experience rather than isolated effects.
- Originality (25%): 55 — The B-shaped video mask tied to the brand's logo is a genuinely site-specific idea with some craft behind it, but the dominant visual language — gigantic blown-up display type, stacked horizontal 'card deck' reveals, and a circular 'badge' sticker — are now common tropes in contemporary agency/portfolio sites (Awwwards-adjacent patterns), so most of the experience sits within a well-worn idiom rather than introducing hard-to-substitute ideas unique to this brand.
- Content (10%): 61 — Content feels real and specific (named services, workspace photography of actual rooms like 'Prime Time meeting room', a functioning multi-field contact form, footer with real links) rather than generic placeholder text, and it is woven into the color-blocked sections rather than bolted on. But a few content moments are compromised by the design system, such as background headline type being visually crossed by foreground cards, which can reduce readability of the content it's meant to support.

Coverage: 100% of the current weighted rubric. Compare overall scores only at similar evidence coverage.

Formula: weighted mean of scored axes — Typography 15%, Color 10%, Layout 20%, Motion 20%, Originality 25%, Content 10%. Inconclusive and not-assessed axes are excluded and coverage is shown explicitly.

## Verification checklist

- [x] Score evidence
- [x] Design tokens
- [ ] Functional palette
- [ ] Normalized sections
- [x] Reusable components
- [x] Typography roles

## Curator notes

Oversized bold condensed type in orange, cream and forest green gives the page a confident, poster-like energy, while a cut-out B shape frames a drone shot of Belgrade to ground the brand locally. Deep colour-block sections pace the scroll into clear chapters, and stacked card-style service tiles make offerings easy to scan at a glance.

## Usage guidance

Use this record as design evidence. Combine it with other references and create an original implementation; do not reproduce the source website or its proprietary copy and assets.