← Back to the library

Other · Design and development agency

Designjoy — Subscribe Request Receive Process

Sign in to save

An isolated three-step section explaining Subscribe, Request and Receive with distinctive illustrated cards and concise instructions.

Visit original website ↗Captured Oct 1, 2026 · 1440px wide

Build with this design

Download DESIGN.md into your project and ask your coding agent to follow it alongside this reference. Review inferred values against the original before implementation.

Download DESIGN.md ↓
View DESIGN.md
---
version: alpha
name: Designjoy — Subscribe Request Receive Process
colors:
  canvas: '#ECE6E8'
  text: '#000000'
typography:
  heading:
    fontFamily: Figtree, sans-serif
    fontSize: 56px
    fontWeight: 500
    lineHeight: 56px
  body:
    fontFamily: Figtree, sans-serif
    fontSize: 16px
    fontWeight: 400
    lineHeight: 20px
---

## Overview
An isolated three-step section explaining Subscribe, Request and Receive with distinctive illustrated cards and concise instructions. Inspected on 2026-10-01 at 1440px and 390px viewport widths. This reference crops only `.hiw` from the source page.

## 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 h2 sample uses Figtree, sans-serif, 56px / 56px, weight 500; supporting text uses 16px / 20px. Its corresponding mobile sample is 42px / 47px. 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
A centered heading introduces a desktop row of three cards; mobile stacks the process into a vertical reading sequence. Animated category strips are represented by a static captured state. Measured screenshot bounds: 1440 × 827px desktop and 390 × 1954px 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
An isolated three-step section explaining Subscribe, Request and Receive with distinctive illustrated cards and concise instructions. 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.

If copying fails, download the file or select the text above.

Full screenshot of Designjoy — Subscribe Request Receive Process

Design belongs to its original creator. Use this example for inspiration, not as a licensed template.

A little more taste in your inbox.

A weekly selection of standout designs, useful UI elements, and fresh inspiration from TastefulKit.