Designjoy — Design Subscription Agency Landing Page

---
version: alpha
name: Designjoy — Design Subscription Agency Landing Page
colors:
  canvas: '#ECE6E8'
  text: '#000000'
  observed-1: '#0000EE'
  observed-2: '#FFFFFF'
  observed-3: '#99948F'
  observed-4: '#535353'
typography:
  heading:
    fontFamily: Figtree, sans-serif
    fontSize: 82px
    fontWeight: 500
    lineHeight: 78px
  body:
    fontFamily: Figtree, sans-serif
    fontSize: 20px
    fontWeight: 400
    lineHeight: 24px
---

## Overview
A warm editorial design-agency page with an oversized subscription offer, colorful membership artwork, three-step process, founder context, benefits, portfolio proof, pricing and FAQs. Inspected on 2026-10-01 at 1440px and 390px viewport widths. This is a complete page/screen capture, not an isolated element crop.

## Colors
The YAML palette records computed opaque CSS text/action colors. The canvas is the computed background where opaque; for transparent roots it is sampled from the native screenshot corner. Gradients are described visually rather than assigned invented stop values. Gradients, illustration hues and brand-logo colors should not be flattened into one universal accent. Preserve the visual contrast between the main reading surface, text and actions shown in the capture.

## Typography
The selected h1 sample uses Figtree, sans-serif, 82px / 78px, weight 500; supporting text uses 20px / 24px. Its corresponding mobile sample is 61px / 56px. These are computed source samples, not a claim that all text uses the same style. Use properly licensed fonts or appropriate fallbacks when adapting.

## Layout
The desktop opening pairs a large typographic offer with a vibrant membership card. Subsequent sections alternate centered headlines, card grids and split pricing/FAQ arrangements; mobile stacks the principal content. Measured screenshot bounds: 1440 × 6583px desktop and 390 × 11799px mobile. Two observed widths do not establish the exact CSS breakpoint rules.

## Elevation & Depth
Mostly flat editorial sections with fine borders; selected dark buttons use a subtle inset-like shine.

## Shapes
Large sans-serif headlines with italic serif emphasis, rounded membership cards and compact pill or rounded-rectangle actions.

## Components
A warm editorial design-agency page with an oversized subscription offer, colorful membership artwork, three-step process, founder context, benefits, portfolio proof, pricing and FAQs. Warm pale-gray backgrounds, near-black type, cream cards and vivid blue/pink membership artwork. Captured logged out at two widths. Menu, booking, form submission, hover and alternate carousel states were not exercised.

## Do's and Don'ts
Make the subscription process easy to understand and place scope and cadence beside the price. Source prices and turnaround claims belong to Designjoy, not the reader. Reuse layout principles, not client logos, testimonials, proprietary artwork or source performance claims. Provide keyboard focus, meaningful labels and reduced-motion alternatives in any implementation; those recommendations are not claims of source behavior tested here.


## Capture scope
The footer booking-calendar embed did not render in this capture; do not use its empty reserved area as an intentional spacing reference. Booking functionality was not tested. The portfolio and benefits marquees show one clipped state, not every item.