WordPress.org
Get WordPress

Make WordPress Themes

Changeset 356743


Ignore:
Timestamp:
11/02/2026 07:26:30 PM (10 hours ago)
Author:
themedropbox
Message:

New version of Origin Canvas - 1.4.3

Location:
origin-canvas/1.4.3
Files:
94 added
2 deleted
113 edited
1 copied

Legend:

Unmodified
Added
Removed

  • origin-canvas/1.4.3/assets/styles/core-accordion.css

    r347102 r356743  
    4949}
    5050
    51 /* Marker. Core's own "+" character is made transparent rather than zero-sized, so the
    52    span keeps its box; the mark itself is a Lucide glyph painted as a mask, which gives
    53    an exact stroke weight instead of inheriting the question's font weight. */
     51/* Marker. Core's own "+" character is hidden by a zero font size while the span keeps
     52   its box; the mark itself is a Lucide glyph painted as a mask, which gives an exact
     53   stroke weight instead of inheriting the question's font weight. The span holds the
     54   marker color (settings.custom.accordion.markerColor in theme.json) and the mask
     55   paints in currentColor, so the color is set in one place. */
    5456.wp-block-accordion.is-style-origin-canvas-accordion-minimal > .wp-block-accordion-item > .wp-block-accordion-heading > .wp-block-accordion-heading__toggle .wp-block-accordion-heading__toggle-icon {
    55         color: transparent;
     57        color: var(--wp--custom--accordion--marker-color);
    5658        flex: none;
     59        font-size: 0;
    5760        height: 20px;
    5861        position: relative;
    … …  
    6265
    6366.wp-block-accordion.is-style-origin-canvas-accordion-minimal > .wp-block-accordion-item > .wp-block-accordion-heading > .wp-block-accordion-heading__toggle .wp-block-accordion-heading__toggle-icon::after {
    64         background-color: var(--wp--preset--color--text-body);
     67        background-color: currentColor;
    6568        content: "";
    6669        display: block;
    … …  
    8184}
    8285
    83 /* Open: the mark becomes a single bar and takes the ink colour. Core rotates its glyph
    84    from a four-class selector, so the scoped rule outranks it and the rotation stops. */
     86/* A text color set on the question carries to its marker. */
     87.wp-block-accordion.is-style-origin-canvas-accordion-minimal > .wp-block-accordion-item > .wp-block-accordion-heading.has-text-color > .wp-block-accordion-heading__toggle .wp-block-accordion-heading__toggle-icon {
     88        color: inherit;
     89}
     90
     91/* Open: the mark becomes a single bar. Core rotates its glyph from a four-class
     92   selector, so the scoped rule outranks it and the rotation stops. */
    8593.wp-block-accordion.is-style-origin-canvas-accordion-minimal > .wp-block-accordion-item.is-open > .wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon {
    8694        transform: none;
    … …  
    8896
    8997.wp-block-accordion.is-style-origin-canvas-accordion-minimal > .wp-block-accordion-item.is-open > .wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon::after {
    90         background-color: var(--wp--preset--color--text-heading);
    9198        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E");
    9299        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E");
    … …  
    99106        .wp-block-accordion.is-style-origin-canvas-accordion-minimal > .wp-block-accordion-item > .wp-block-accordion-heading > .wp-block-accordion-heading__toggle .wp-block-accordion-heading__toggle-icon {
    100107                color: CanvasText;
     108                font-size: inherit;
    101109        }
    102110
    … …  
    118126@supports not ((-webkit-mask-image: none) or (mask-image: none)) {
    119127        .wp-block-accordion.is-style-origin-canvas-accordion-minimal > .wp-block-accordion-item > .wp-block-accordion-heading > .wp-block-accordion-heading__toggle .wp-block-accordion-heading__toggle-icon {
    120                 color: var(--wp--preset--color--text-body);
     128                font-size: inherit;
    121129        }
    122130
    … …  
    135143
    136144/* Core underlines the question on hover. An underline reads as a link to somewhere else,
    137    and this one opens a panel in place, so it shifts colour instead. */
    138 .wp-block-accordion.is-style-origin-canvas-accordion-minimal > .wp-block-accordion-item > .wp-block-accordion-heading > .wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title {
     145   and this one opens a panel in place, so it shifts colour instead. Focus shifts it too: the
     146   field ring alone is too faint to carry focus, and every cue has a second carrier (#119). */
     147.wp-block-accordion.is-style-origin-canvas-accordion-minimal > .wp-block-accordion-item > .wp-block-accordion-heading > .wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title,
     148.wp-block-accordion.is-style-origin-canvas-accordion-minimal > .wp-block-accordion-item > .wp-block-accordion-heading > .wp-block-accordion-heading__toggle:focus-visible .wp-block-accordion-heading__toggle-title {
    139149        color: var(--wp--preset--color--primary);
    140150        text-decoration: none;
    141151}
    142152
    143 /* Core clears the outline without drawing one of its own. */
     153/* A coloured note after the question, made with the editor's text colour format, sets
     154   lighter than the question so it reads as a gloss on it, not part of it. The editor
     155   has no inline weight format, and the heading's own weight reaches the whole question,
     156   so neither theme.json nor a block setting can reach the note alone. The weight is
     157   settings.custom.accordion.noteWeight in theme.json, so a style variation can change it. */
     158.wp-block-accordion.is-style-origin-canvas-accordion-minimal .wp-block-accordion-heading__toggle-title > mark.has-inline-color {
     159        font-weight: var(--wp--custom--accordion--note-weight);
     160}
     161
     162/* The question takes the field ring on focus: primary, 4px at 25%, the ring style.css gives
     163   every field. A toggle is an interactive control, so it focuses like one (#119). The
     164   transparent outline replaces the browser's and still paints in forced-colors mode, where
     165   the ring is dropped. */
    144166.wp-block-accordion.is-style-origin-canvas-accordion-minimal > .wp-block-accordion-item > .wp-block-accordion-heading > .wp-block-accordion-heading__toggle:focus-visible {
    145167        border-radius: var(--wp--custom--radius--small);
    146         outline: 2px solid var(--wp--preset--color--primary);
    147         outline-offset: 2px;
     168        box-shadow: 0 0 0 var(--wp--preset--spacing--extra-small) color-mix(in srgb, var(--wp--preset--color--primary) 25%, transparent);
     169        outline: 2px solid transparent;
    148170}
    149171
    150 /* Everything above is appearance and applies to everyone. Only the easing is motion.
    151    Core declares the open/close transition on the ITEM, not the panel, and its own rule
    152    sits inside a no-preference query — but core's `.wp-block-accordion-item` selector is
    153    weaker than the scoped one, so the neutralising rule below is the base state and the
    154    timing is added back only for people who have not asked for less motion. */
     172/* Everything above is appearance and applies to everyone. The panel opens at once:
     173   core declares a grid-template-rows transition on the ITEM, but on this markup the
     174   panel opens by dropping `hidden`, so no height change can run. The rule below clears
     175   that transition and the icon's, and only the question's color change is timed. */
    155176.wp-block-accordion.is-style-origin-canvas-accordion-minimal > .wp-block-accordion-item,
    156177.wp-block-accordion.is-style-origin-canvas-accordion-minimal > .wp-block-accordion-item > .wp-block-accordion-heading > .wp-block-accordion-heading__toggle .wp-block-accordion-heading__toggle-icon {
    … …  
    159180
    160181@media (prefers-reduced-motion: no-preference) {
    161         .wp-block-accordion.is-style-origin-canvas-accordion-minimal > .wp-block-accordion-item > .wp-block-accordion-heading > .wp-block-accordion-heading__toggle .wp-block-accordion-heading__toggle-title,
    162         .wp-block-accordion.is-style-origin-canvas-accordion-minimal > .wp-block-accordion-item > .wp-block-accordion-heading > .wp-block-accordion-heading__toggle .wp-block-accordion-heading__toggle-icon::after {
    163                 transition: background-color 200ms ease, color 200ms ease;
    164         }
    165 
    166         .wp-block-accordion.is-style-origin-canvas-accordion-minimal > .wp-block-accordion-item {
    167                 transition: grid-template-rows 260ms cubic-bezier(0.16, 1, 0.3, 1);
     182        .wp-block-accordion.is-style-origin-canvas-accordion-minimal > .wp-block-accordion-item > .wp-block-accordion-heading > .wp-block-accordion-heading__toggle .wp-block-accordion-heading__toggle-title {
     183                transition: color 200ms ease;
    168184        }
    169185}

  • origin-canvas/1.4.3/assets/styles/core-column.css

    r330957 r356743  
    44        box-shadow: var(--wp--preset--shadow--small);
    55        padding: var(--wp--preset--spacing--large);
    6         transition: box-shadow 120ms ease;
     6}
     7
     8@media (prefers-reduced-motion: no-preference) {
     9        .is-style-origin-canvas-column-box-shadow {
     10                transition: box-shadow 120ms ease;
     11        }
    712}
    813

  • origin-canvas/1.4.3/assets/styles/core-comments.css

    r347102 r356743  
    3636
    3737.wp-block-comments .wp-block-avatar img {
    38         background: var(--wp--preset--color--border);
     38        background: var(--wp--preset--color--base-5);
    3939        border-radius: 999px;
    4040}
    … …  
    4444/* Comment bubble */
    4545.wp-block-comments .wp-block-comment-content {
    46         background: var(--wp--preset--color--surface-muted);
     46        background: var(--wp--preset--color--base-2);
    4747        border-radius: var(--wp--custom--radius--large);
    48         color: var(--wp--preset--color--text-body);
     48        color: var(--wp--preset--color--contrast-2);
    4949        margin-top: var(--wp--preset--spacing--small);
    5050        overflow-wrap: break-word;
    51         padding: var(--wp--preset--spacing--compact) var(--wp--preset--spacing--medium);
     51        padding: var(--wp--preset--spacing--small-medium) var(--wp--preset--spacing--medium);
    5252}
    5353
    5454/* Comment meta */
    5555.wp-block-comments .wp-block-comment-author-name {
    56         color: var(--wp--preset--color--text-heading);
     56        color: var(--wp--preset--color--contrast);
    5757        font-size: var(--wp--preset--font-size--regular);
    5858        font-weight: 600;
    … …  
    6868.wp-block-comments .wp-block-comment-date,
    6969.wp-block-comments .wp-block-comment-date a {
    70         color: var(--wp--preset--color--text-muted);
     70        color: var(--wp--preset--color--contrast-3);
    7171        font-size: var(--wp--preset--font-size--small);
    7272        text-decoration: none;
    … …  
    7979/* Author badge */
    8080.wp-block-comments .origin-canvas-author-badge {
    81         background: color-mix(in srgb, var(--wp--preset--color--primary) 10%, var(--wp--preset--color--surface-base));
     81        background: color-mix(in srgb, var(--wp--preset--color--primary) 10%, var(--wp--preset--color--base));
    8282        border-radius: 999px;
    83         color: var(--wp--preset--color--text-heading);
     83        color: var(--wp--preset--color--contrast);
    8484        display: inline-block;
    8585        font-size: var(--wp--preset--font-size--extra-small);
    … …  
    9898
    9999.wp-block-comments .wp-block-comment-reply-link a {
    100         color: var(--wp--preset--color--text-muted);
     100        color: var(--wp--preset--color--contrast-3);
    101101        font-size: var(--wp--preset--font-size--small);
    102102        font-weight: 600;
    103103        text-decoration: none;
    104         transition: color 120ms ease;
     104}
     105
     106@media (prefers-reduced-motion: no-preference) {
     107        .wp-block-comments .wp-block-comment-reply-link a {
     108                transition: color 120ms ease;
     109        }
    105110}
    106111
    … …  
    111116/* Comment form */
    112117.wp-block-comments .wp-block-post-comments-form {
    113         background: var(--wp--preset--color--surface-muted);
     118        background: var(--wp--preset--color--base-2);
    114119        border-radius: var(--wp--custom--radius--large);
    115120        margin-top: var(--wp--preset--spacing--large);
    … …  
    125130.wp-block-comments .wp-block-post-comments-form .comment-notes,
    126131.wp-block-comments .wp-block-post-comments-form .comment-notes #email-notes {
    127         color: var(--wp--preset--color--text-muted);
     132        color: var(--wp--preset--color--contrast-3);
    128133        font-size: var(--wp--preset--font-size--small);
    129134}
    … …  
    139144
    140145.wp-block-comments .wp-block-post-comments-form .comment-form > .form-submit {
    141         margin-top: var(--wp--preset--spacing--compact);
     146        margin-top: var(--wp--preset--spacing--small-medium);
    142147}
    143148
    144149/* Field labels */
    145150.wp-block-comments .wp-block-post-comments-form .comment-form label {
    146         color: var(--wp--preset--color--text-heading);
     151        color: var(--wp--preset--color--contrast);
    147152        display: block;
    148153        font-size: var(--wp--preset--font-size--small);
    … …  
    156161.wp-block-comments .wp-block-post-comments-form input[type="url"],
    157162.wp-block-comments .wp-block-post-comments-form textarea {
    158         background: var(--wp--preset--color--surface-base);
    159         border: 1px solid var(--wp--preset--color--input-border);
     163        background: var(--wp--preset--color--base);
     164        border: 1px solid var(--wp--preset--color--contrast-5);
    160165        border-radius: var(--wp--custom--radius--medium);
    161166        min-height: 44px;
    162         padding: var(--wp--preset--spacing--compact) var(--wp--preset--spacing--medium);
    163         transition: box-shadow 120ms ease, border-color 120ms ease;
     167        padding: var(--wp--preset--spacing--small-medium) var(--wp--preset--spacing--medium);
     168}
     169
     170@media (prefers-reduced-motion: no-preference) {
     171        .wp-block-comments .wp-block-post-comments-form input[type="text"],
     172        .wp-block-comments .wp-block-post-comments-form input[type="email"],
     173        .wp-block-comments .wp-block-post-comments-form input[type="url"],
     174        .wp-block-comments .wp-block-post-comments-form textarea {
     175                transition: box-shadow 120ms ease, border-color 120ms ease;
     176        }
    164177}
    165178
    … …  
    169182.wp-block-comments .wp-block-post-comments-form input[type="url"]:hover,
    170183.wp-block-comments .wp-block-post-comments-form textarea:hover {
    171         border-color: var(--wp--preset--color--text-muted);
     184        border-color: var(--wp--preset--color--contrast-3);
    172185        box-shadow: var(--wp--preset--shadow--small);
    173186}
    … …  
    186199        align-items: center;
    187200        display: flex;
    188         gap: var(--wp--preset--spacing--compact);
     201        gap: var(--wp--preset--spacing--small-medium);
    189202}
    190203
    … …  
    192205        appearance: none;
    193206        -webkit-appearance: none;
    194         background: var(--wp--preset--color--surface-base);
    195         border: 1px solid var(--wp--preset--color--input-border);
     207        background: var(--wp--preset--color--base);
     208        border: 1px solid var(--wp--preset--color--contrast-5);
    196209        border-radius: var(--wp--custom--radius--small);
    197210        cursor: pointer;
    … …  
    200213        margin: 0;
    201214        position: relative;
    202         transition: background 120ms ease, border-color 120ms ease;
    203215        width: 20px;
     216}
     217
     218@media (prefers-reduced-motion: no-preference) {
     219        .wp-block-comments .wp-block-post-comments-form .comment-form-cookies-consent input[type="checkbox"]#wp-comment-cookies-consent {
     220                transition: background 120ms ease, border-color 120ms ease;
     221        }
    204222}
    205223
    … …  
    230248/* Consent label */
    231249.wp-block-comments .wp-block-post-comments-form .comment-form-cookies-consent label {
    232         color: var(--wp--preset--color--text-body);
     250        color: var(--wp--preset--color--contrast-2);
    233251        font-size: var(--wp--preset--font-size--regular);
    234252        font-weight: 400;
    … …  
    238256/* Submit */
    239257.wp-block-comments .wp-block-post-comments-form input[type="submit"] {
    240         background: var(--wp--preset--color--text-heading);
     258        background: var(--wp--preset--color--contrast);
    241259        border: 0;
    242260        border-radius: 999px;
    243         color: var(--wp--preset--color--surface-base);
     261        color: var(--wp--preset--color--base);
    244262        cursor: pointer;
    245         transition: background 120ms ease;
     263}
     264
     265@media (prefers-reduced-motion: no-preference) {
     266        .wp-block-comments .wp-block-post-comments-form input[type="submit"] {
     267                transition: background 120ms ease;
     268        }
    246269}
    247270
    248271.wp-block-comments .wp-block-post-comments-form input[type="submit"]:hover {
    249         background: color-mix(in srgb, var(--wp--preset--color--text-heading) 88%, #000);
     272        background: color-mix(in srgb, var(--wp--preset--color--contrast) 88%, #000);
    250273}
    251274
    252275.wp-block-comments .wp-block-post-comments-form input[type="submit"]:active {
    253         background: color-mix(in srgb, var(--wp--preset--color--text-heading) 80%, #000);
     276        background: color-mix(in srgb, var(--wp--preset--color--contrast) 80%, #000);
    254277}
    255278
    256279.wp-block-comments .wp-block-post-comments-form input[type="submit"]:focus-visible {
    257         background: color-mix(in srgb, var(--wp--preset--color--text-heading) 88%, #000);
    258 }
     280        background: color-mix(in srgb, var(--wp--preset--color--contrast) 88%, #000);
     281}

  • origin-canvas/1.4.3/assets/styles/core-cover.css

    r347102 r356743  
    5454        }
    5555}
     56
     57/**
     58 * Hero Split Full Width media: core cannot switch a Cover's shape at the Columns breakpoint, or
     59 * center a column's content once the column stretches. Side by side, the image keeps
     60 * the photo's 3:4 portrait shape (and still fills a taller row), and the text column,
     61 * set to Stretch, centers its content. Stacked, the image shows at 4:3, as
     62 * hero-text-image does. Both rules replace core's 430px min-height.
     63 */
     64@media (min-width: 782px) {
     65        .wp-block-cover.origin-canvas-hero-split__media {
     66                aspect-ratio: 3 / 4;
     67                /* Through the ratio, a row taller than 3:4 would widen the image past its column. */
     68                max-width: 100%;
     69                min-height: 100%;
     70        }
     71
     72        .wp-block-column:has(> .origin-canvas-hero-split__media) + .wp-block-column {
     73                display: flex;
     74                flex-direction: column;
     75                justify-content: center;
     76        }
     77}
     78
     79@media (max-width: 781px) {
     80        .wp-block-cover.origin-canvas-hero-split__media {
     81                aspect-ratio: 4 / 3;
     82                min-height: 0;
     83        }
     84}

  • origin-canvas/1.4.3/assets/styles/core-group.css

    r347102 r356743  
    44        box-shadow: var(--wp--preset--shadow--small);
    55        padding: var(--wp--preset--spacing--large);
    6         transition: box-shadow 120ms ease;
     6}
     7
     8@media (prefers-reduced-motion: no-preference) {
     9        .is-style-origin-canvas-group-box-shadow {
     10                transition: box-shadow 120ms ease;
     11        }
    712}
    813
    … …  
    2833        padding: 0;
    2934        width: 64px;
    30 }
    31 
    32 /**
    33  * Canvas Grid — bespoke landing-hero backdrop. Layered radials (cool top glow +
    34  * faint pink corner) over a subtle 48px grid. A plain pattern class (not a
    35  * registered block style), applied only by hero-canvas, so it stays out of the
    36  * editor's group Styles panel.
    37  */
    38 .wp-block-group.origin-canvas-canvas-grid {
    39         background-color: var(--wp--preset--color--surface-base);
    40         background-image:
    41                 linear-gradient(180deg, transparent 42%, var(--wp--preset--color--surface-base) 97%),
    42                 radial-gradient(120% 75% at 50% -18%, var(--wp--preset--color--surface-subtle) 0%, transparent 60%),
    43                 radial-gradient(38% 50% at 88% 2%, color-mix(in srgb, var(--wp--preset--color--primary) 7%, transparent) 0%, transparent 70%),
    44                 linear-gradient(to right, color-mix(in srgb, var(--wp--preset--color--text-heading) 4%, transparent) 1px, transparent 1px),
    45                 linear-gradient(to bottom, color-mix(in srgb, var(--wp--preset--color--text-heading) 4%, transparent) 1px, transparent 1px);
    46         background-repeat: no-repeat, no-repeat, no-repeat, repeat, repeat;
    47         background-size: cover, cover, cover, 48px 48px, 48px 48px;
    48         overflow: hidden;
    49         position: relative;
    50 }
    51 
    52 /**
    53  * Landing pattern board — full-bleed 12-column wash-tile grid, used only by
    54  * page-landing-01. Plain pattern classes (not registered block styles), like
    55  * origin-canvas-canvas-grid above. Geometry mirrors the landing mockup;
    56  * colors route through palette tokens and color-mix tints so tiles reskin
    57  * with style variations.
    58  */
    59 .origin-canvas-pattern-board {
    60         display: grid;
    61         gap: 20px;
    62         grid-template-columns: repeat(12, minmax(0, 1fr));
    63         margin-top: 56px;
    64         padding-inline: clamp(20px, 3.5vw, 48px);
    65 }
    66 
    67 .origin-canvas-wash-tile {
    68         background-color: var(--wp--preset--color--surface-base);
    69         border-radius: var(--wp--custom--radius--large);
    70         /* !important so the editor-placeholder-suppressing inline min-height:240px
    71            (on the block, see pattern) does not flatten the responsive clamp on the
    72            front end. Inline styles beat plain stylesheet rules; !important wins back. */
    73         min-height: clamp(240px, 26vw, 320px) !important;
    74         overflow: hidden;
    75 }
    76 
    77 .origin-canvas-wash-hero {
    78         background-image:
    79                 radial-gradient(70% 80% at 22% 20%, color-mix(in srgb, var(--wp--preset--color--primary) 20%, transparent), transparent 60%),
    80                 radial-gradient(60% 70% at 84% 86%, color-mix(in srgb, var(--wp--preset--color--primary) 10%, transparent), transparent 62%),
    81                 linear-gradient(150deg, var(--wp--preset--color--surface-base) 0%, var(--wp--preset--color--surface-subtle) 100%);
    82         grid-column: span 5;
    83 }
    84 
    85 .origin-canvas-wash-features {
    86         background-image:
    87                 radial-gradient(65% 75% at 80% 22%, color-mix(in srgb, var(--wp--preset--color--primary) 12%, transparent), transparent 60%),
    88                 linear-gradient(160deg, var(--wp--preset--color--surface-base) 0%, var(--wp--preset--color--surface-subtle) 100%);
    89         grid-column: span 4;
    90 }
    91 
    92 .origin-canvas-wash-testimonial {
    93         background-image:
    94                 radial-gradient(72% 72% at 24% 26%, color-mix(in srgb, var(--wp--preset--color--primary) 16%, transparent), transparent 58%),
    95                 linear-gradient(180deg, var(--wp--preset--color--surface-base) 0%, var(--wp--preset--color--surface-subtle-hover) 100%);
    96         grid-column: span 3;
    97 }
    98 
    99 .origin-canvas-wash-pricing {
    100         background-image:
    101                 radial-gradient(60% 70% at 26% 78%, color-mix(in srgb, var(--wp--preset--color--primary) 13%, transparent), transparent 56%),
    102                 linear-gradient(180deg, var(--wp--preset--color--surface-base) 0%, var(--wp--preset--color--surface-subtle) 100%);
    103         grid-column: span 4;
    104 }
    105 
    106 .origin-canvas-wash-cta {
    107         background-image:
    108                 radial-gradient(72% 80% at 80% 30%, color-mix(in srgb, var(--wp--preset--color--primary) 22%, transparent), transparent 60%),
    109                 radial-gradient(60% 70% at 20% 84%, color-mix(in srgb, var(--wp--preset--color--primary) 8%, transparent), transparent 58%),
    110                 linear-gradient(135deg, var(--wp--preset--color--surface-base) 0%, var(--wp--preset--color--surface-subtle) 100%);
    111         grid-column: span 4;
    112 }
    113 
    114 .origin-canvas-wash-editor {
    115         background-image:
    116                 radial-gradient(60% 70% at 50% 24%, color-mix(in srgb, var(--wp--preset--color--primary) 10%, transparent), transparent 60%),
    117                 linear-gradient(180deg, var(--wp--preset--color--surface-base) 0%, var(--wp--preset--color--surface-subtle) 100%);
    118         grid-column: span 4;
    119 }
    120 
    121 @media (max-width: 1100px) {
    122         .origin-canvas-pattern-board {
    123                 grid-template-columns: repeat(6, minmax(0, 1fr));
    124         }
    125 
    126         .origin-canvas-wash-hero,
    127         .origin-canvas-wash-editor {
    128                 grid-column: span 6;
    129         }
    130 
    131         .origin-canvas-wash-features,
    132         .origin-canvas-wash-testimonial,
    133         .origin-canvas-wash-pricing,
    134         .origin-canvas-wash-cta {
    135                 grid-column: span 3;
    136         }
    137 }
    138 
    139 @media (max-width: 640px) {
    140         .origin-canvas-pattern-board {
    141                 gap: 14px;
    142                 grid-template-columns: repeat(2, minmax(0, 1fr));
    143                 margin-top: 40px;
    144         }
    145 
    146         .origin-canvas-wash-hero,
    147         .origin-canvas-wash-editor {
    148                 grid-column: span 2;
    149         }
    150 
    151         .origin-canvas-wash-features,
    152         .origin-canvas-wash-testimonial,
    153         .origin-canvas-wash-pricing,
    154         .origin-canvas-wash-cta {
    155                 grid-column: span 1;
    156         }
    157 
    158         .origin-canvas-wash-tile {
    159                 min-height: 170px !important;
    160         }
    161 }
    162 
    163 /**
    164  * Style-variation specimens — swatch circles and preset dots for the
    165  * page-landing-01 variations section. Pattern-only classes; the inset ring
    166  * is an ink-tinted color-mix so it tracks the active variation.
    167  */
    168 .origin-canvas-sw {
    169         border-radius: 999px;
    170         box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--wp--preset--color--text-heading) 15%, transparent);
    171         height: 20px;
    172         width: 20px;
    173 }
    174 
    175 .origin-canvas-preset-dot {
    176         border-radius: 999px;
    177         box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--wp--preset--color--text-heading) 12%, transparent);
    178         flex: none;
    179         height: 38px;
    180         width: 38px;
    181 }
    182 
    183 /**
    184  * Template wireframes — schematic template cards for page-landing-01.
    185  * Pattern-only classes drawn entirely with empty groups; ink-tinted
    186  * color-mix fills track the active variation.
    187  */
    188 .origin-canvas-wire {
    189         background: var(--wp--preset--color--surface-subtle);
    190         border-radius: var(--wp--custom--radius--medium);
    191         display: flex;
    192         flex-direction: column;
    193         gap: 8px;
    194         height: 168px;
    195         padding: 13px;
    196 }
    197 
    198 .origin-canvas-wire-head {
    199         background: color-mix(in srgb, var(--wp--preset--color--text-heading) 10%, transparent);
    200         border-radius: 3px;
    201         flex: none;
    202         height: 18px;
    203 }
    204 
    205 .origin-canvas-wire-body {
    206         display: flex;
    207         flex: 1;
    208         gap: 8px;
    209         min-height: 0;
    210 }
    211 
    212 .origin-canvas-wire-body--center {
    213         justify-content: center;
    214 }
    215 
    216 .origin-canvas-wire-body--col {
    217         flex-direction: column;
    218 }
    219 
    220 .origin-canvas-wire-body--grid {
    221         display: grid;
    222         gap: 8px;
    223         grid-template-columns: 1fr 1fr;
    224         grid-template-rows: 1fr 1fr;
    225 }
    226 
    227 .origin-canvas-wire-blk {
    228         background: var(--wp--preset--color--surface-base);
    229         border-radius: 3px;
    230         flex: 1;
    231 }
    232 
    233 .origin-canvas-wire-blk--alt {
    234         background: color-mix(in srgb, var(--wp--preset--color--text-heading) 8%, transparent);
    235 }
    236 
    237 .origin-canvas-wire-blk--w60 {
    238         flex: none;
    239         width: 60%;
    240 }
    241 
    242 .origin-canvas-wire-blk--grow2 {
    243         flex: 2;
    244 }
    245 
    246 /**
    247  * Built-on-the-system section — pink bullet markers and the theme.json
    248  * tokens panel for page-landing-01. Pattern-only classes; every fill is a
    249  * palette token or ink-tinted color-mix so the panel tracks variations.
    250  */
    251 /**
    252  * Style-variations group heads and the type-scale ramp.
    253  *
    254  * Both need `align-items: baseline`, which core's flex layout cannot express -
    255  * its verticalAlignment map is top/center/bottom/stretch only. Aligning the
    256  * line boxes (flex-end) leaves the glyphs up to 6px apart, because each font
    257  * size carries different half-leading. The patterns therefore set no
    258  * verticalAlignment at all, and these rules own it.
    259  */
    260 .wp-block-group.origin-canvas-group-head,
    261 .wp-block-group.origin-canvas-type-ramp {
    262         align-items: baseline;
    263 }
    264 
    265 /* The caption is not a specimen: it centres on the row rather than sitting on
    266    the specimens' baseline. */
    267 .wp-block-group.origin-canvas-type-ramp .origin-canvas-mono {
    268         align-self: center;
    269 }
    270 
    271 .origin-canvas-bullet-mark {
    272         background: var(--wp--preset--color--primary);
    273         border-radius: 2px;
    274         flex-shrink: 0;
    275         height: 6px;
    276         width: 6px;
    277 }
    278 
    279 /* Radius clipping for the panel's square-cornered bar (no JSON overflow analogue). */
    280 .origin-canvas-tokens-panel {
    281         overflow: hidden;
    282 }
    283 
    284 .origin-canvas-token-palrow {
    285         display: flex;
    286         gap: 10px;
    287 }
    288 
    289 .origin-canvas-token-palrow > .wp-block-group {
    290         flex: 1;
    291 }
    292 
    293 .origin-canvas-token-sw {
    294         border-radius: var(--wp--custom--radius--small);
    295         box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--wp--preset--color--text-heading) 8%, transparent);
    296         height: 34px;
    297 }
    298 
    299 .origin-canvas-token-scale {
    300         align-items: flex-end;
    301         display: flex;
    302         gap: 10px;
    303 }
    304 
    305 .origin-canvas-token-bar {
    306         background: var(--wp--preset--color--surface-subtle);
    307         border-radius: 3px 3px 0 0;
    308         width: 26px;
    309 }
    310 
    311 .origin-canvas-token-bar--1 {
    312         height: 14px;
    313 }
    314 
    315 .origin-canvas-token-bar--2 {
    316         height: 22px;
    317 }
    318 
    319 .origin-canvas-token-bar--3 {
    320         height: 32px;
    321 }
    322 
    323 .origin-canvas-token-bar--4 {
    324         height: 44px;
    325 }
    326 
    327 .origin-canvas-token-bar--5 {
    328         height: 58px;
    329 }
    330 
    331 .origin-canvas-token-bar--6 {
    332         height: 74px;
    333 }
    334 
    335 .origin-canvas-token-bar--7 {
    336         height: 92px;
    337 }
    338 
    339 /**
    340  * Ecosystem status dot — pink live-product marker for page-landing-01.
    341  * Pattern-only; pink dots ship ONLY on live products (coming-soon cards
    342  * carry the label chip alone).
    343  */
    344 .origin-canvas-status-dot {
    345         /* No background here: each ecosystem card sets its own per-product identity
    346            hue as a literal hex via the block's style.color.background (a CD-sanctioned
    347            exception to the token/primary rule — the dot is that product's brand color
    348            shown as itself, so it must NOT track the chosen primary). Shape only. */
    349         border-radius: 999px;
    350         flex: none;
    351         height: 8px;
    352         width: 8px;
    35335}
    35436
    … …  
    39375}
    39476
    395 /**
    396  * Testimonial grid card. The card fills its stretched column and the quote takes
    397  * the free space, so attribution rows line up across cards of differing quote
    398  * length. Columns alone only equalise the columns, not the cards inside them.
    399  */
     77/* Shim, sunset 2.0.0. testimonial-grid sizes its cards with block settings since the
     78   release after 1.3.1, so the pattern no longer carries this class. Copies saved from
     79   1.3.1 still do: the card fills its column and the quote takes the slack, so the
     80   attribution rows line up. */
    40081.wp-block-group.origin-canvas-testimonial-card {
    40182        height: 100%;
    40283}
    40384
    404 /* The quote is the card's first child; it takes the slack so the attribution
    405    row sits on the baseline of the tallest card. Scoped to the flex layout so an
    406    edit away from a flex card cannot leave a stray flex value behind. */
    40785.wp-block-group.origin-canvas-testimonial-card.is-layout-flex > p:first-child {
    40886        flex: 1 1 auto;

  • origin-canvas/1.4.3/assets/styles/core-image.css

    r347102 r356743  
    66}
    77
    8 /* Rounded Full */
     8/* Rounded Full. The style is a circle, so its 1:1 beats the aspect ratio an image
     9   saves inline (a pattern photo at 3/2 or 4/5 would otherwise become a pill). */
    910.is-style-origin-canvas-rounded-full img {
    10         aspect-ratio: 1 / 1;
     11        aspect-ratio: 1 / 1 !important;
    1112        border-radius: 9999px;
    1213        object-fit: cover;
    … …  
    1516/* Boxed */
    1617.is-style-origin-canvas-media-boxed img {
    17         border: 1px solid var(--wp--preset--color--border);
     18        border: 1px solid var(--wp--preset--color--base-5);
    1819        border-radius: 8px;
    1920        box-shadow: var(--wp--preset--shadow--small);
    2021}
    2122
    22 /* Card Blog Post - top-corner radius matches card outer radius */
     23/* Shim, sunset 2.0.0. card-blog-post rounds its image with the Image block's own
     24   radius since the release after 1.3.1, so the pattern no longer carries this class.
     25   Copies saved from 1.3.1 still do: this keeps their top corners rounded. */
    2326.origin-canvas-card-blog-image img {
    2427        border-top-left-radius: var(--wp--custom--radius--medium);

  • origin-canvas/1.4.3/assets/styles/core-list.css

    r338392 r356743  
    99}
    1010
    11 /* Check */
    12 ul.wp-block-list.is-style-origin-canvas-list-check,
    13 ul.wp-block-list.is-style-origin-canvas-list-check ul {
     11/* Check Primary and Check Neutral */
     12ul.wp-block-list:is(.is-style-origin-canvas-list-check, .is-style-origin-canvas-list-check-neutral),
     13ul.wp-block-list:is(.is-style-origin-canvas-list-check, .is-style-origin-canvas-list-check-neutral) ul {
    1414        list-style: none;
    1515        padding-inline-start: 0;
    1616}
    1717
    18 ul.wp-block-list.is-style-origin-canvas-list-check li {
     18ul.wp-block-list:is(.is-style-origin-canvas-list-check, .is-style-origin-canvas-list-check-neutral) li {
    1919        padding-inline-start: 1.75em;
    2020        position: relative;
    2121}
    2222
    23 ul.wp-block-list.is-style-origin-canvas-list-check li + li {
     23ul.wp-block-list:is(.is-style-origin-canvas-list-check, .is-style-origin-canvas-list-check-neutral) li + li {
    2424        margin-top: 8px;
    2525}
    2626
    27 ul.wp-block-list.is-style-origin-canvas-list-check li::before {
     27ul.wp-block-list:is(.is-style-origin-canvas-list-check, .is-style-origin-canvas-list-check-neutral) li::before {
    2828        content: "";
    29         background-color: var(--wp--preset--color--primary);
     29        background-color: var(--wp--custom--list--check-color);
    3030        display: inline-block;
    3131        height: 1em;
    … …  
    4444}
    4545
    46 /* Check Circle */
    47 ul.wp-block-list.is-style-origin-canvas-list-check-circle,
    48 ul.wp-block-list.is-style-origin-canvas-list-check-circle ul {
     46/* Check Circle Primary and Check Circle Neutral */
     47ul.wp-block-list:is(.is-style-origin-canvas-list-check-circle, .is-style-origin-canvas-list-check-circle-neutral),
     48ul.wp-block-list:is(.is-style-origin-canvas-list-check-circle, .is-style-origin-canvas-list-check-circle-neutral) ul {
    4949        list-style: none;
    5050        padding-inline-start: 0;
    5151}
    5252
    53 ul.wp-block-list.is-style-origin-canvas-list-check-circle li {
     53ul.wp-block-list:is(.is-style-origin-canvas-list-check-circle, .is-style-origin-canvas-list-check-circle-neutral) li {
    5454        padding-inline-start: 1.75em;
    5555        position: relative;
    5656}
    5757
    58 ul.wp-block-list.is-style-origin-canvas-list-check-circle li + li {
     58ul.wp-block-list:is(.is-style-origin-canvas-list-check-circle, .is-style-origin-canvas-list-check-circle-neutral) li + li {
    5959        margin-top: 8px;
    6060}
    6161
    62 ul.wp-block-list.is-style-origin-canvas-list-check-circle li::before {
     62ul.wp-block-list:is(.is-style-origin-canvas-list-check-circle, .is-style-origin-canvas-list-check-circle-neutral) li::before {
    6363        content: "";
    64         background-color: var(--wp--preset--color--primary);
     64        background-color: var(--wp--custom--list--check-color);
    6565        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7.5 12.5l3 3 6-6' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    6666        background-repeat: no-repeat;
    … …  
    7676        width: 1em;
    7777}
     78
     79/* The Neutral styles draw the same marks with text-heading ticks. The tick is a
     80   pseudo-element that no color control reaches, so the style sets the variable both
     81   shapes read (settings.custom.list.checkColor in theme.json, primary by default). */
     82ul.wp-block-list:is(.is-style-origin-canvas-list-check-neutral, .is-style-origin-canvas-list-check-circle-neutral) {
     83        --wp--custom--list--check-color: var(--wp--preset--color--contrast);
     84}

  • origin-canvas/1.4.3/assets/styles/core-navigation.css

    r347102 r356743  
    1 /* Navigation hover style variations for desktop, non-overlay menus. */
    2 .wp-block-navigation.is-style-origin-canvas-hover-accent .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content,
    3 .wp-block-navigation.is-style-origin-canvas-hover-accent .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-submenu__toggle,
    4 .wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content,
    5 .wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-submenu__toggle {
    6         transition: color 0.15s ease;
    7 }
    8 
    9 .wp-block-navigation.is-style-origin-canvas-hover-accent .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item:hover > .wp-block-navigation-item__content,
    10 .wp-block-navigation.is-style-origin-canvas-hover-accent .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item:hover > .wp-block-navigation-submenu__toggle,
    11 .wp-block-navigation.is-style-origin-canvas-hover-accent .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item:focus-within > .wp-block-navigation-item__content,
    12 .wp-block-navigation.is-style-origin-canvas-hover-accent .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item:focus-within > .wp-block-navigation-submenu__toggle,
    13 .wp-block-navigation.is-style-origin-canvas-hover-accent .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content,
    14 .wp-block-navigation.is-style-origin-canvas-hover-accent .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item.current-menu-item > .wp-block-navigation-submenu__toggle,
    15 .wp-block-navigation.is-style-origin-canvas-hover-accent .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item.current-menu-ancestor > .wp-block-navigation-item__content,
    16 .wp-block-navigation.is-style-origin-canvas-hover-accent .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item.current-menu-ancestor > .wp-block-navigation-submenu__toggle,
    17 .wp-block-navigation.is-style-origin-canvas-hover-accent .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content:focus-visible,
    18 .wp-block-navigation.is-style-origin-canvas-hover-accent .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-submenu__toggle:focus-visible {
     1/**
     2 * Navigation hover style variations for desktop, non-overlay menus.
     3 *
     4 * Top-level items are direct children of .wp-block-navigation__container, except
     5 * when the menu resolves to a Page List (core's fallback for a Navigation block
     6 * with no menu, or a Page List placed in a menu): those items sit one level down,
     7 * inside ul.wp-block-page-list. Each top-level rule therefore names the parent as
     8 * :is(container, :where(container > page-list)). The :where() branch has zero
     9 * specificity, so the alias weighs exactly what the bare container class did and
     10 * every rule keeps its cascade position for menus of either shape.
     11 *
     12 * Desktop rules are guarded by an alias of two branches, one per Navigation shape:
     13 * a responsive menu (overlayMenu mobile/always) wraps its items in
     14 * .wp-block-navigation__responsive-container, and the :not(.is-menu-open) branch
     15 * steps aside while that overlay is open; a menu with overlayMenu:never has no such
     16 * wrapper (core renders the list straight inside the block), so the second branch
     17 * keys on the block itself, .wp-block-navigation:not(.is-responsive). Core copies the
     18 * block's classes onto the inner <ul>, so :not(.is-responsive) also keeps a responsive
     19 * menu's list out of that branch. Its :where() exclusions cost no specificity: a
     20 * navigation inside .wp-block-navigation__overlay-container (an overlay template part
     21 * on the front end) and inside .origin-canvas-mobile-nav (the theme's overlay part,
     22 * also when edited standalone in the editor) is never a desktop flyout. Both branches
     23 * weigh (0,2,0), so a rule's cascade position does not depend on which branch matched
     24 * and core's own flyout rules rank the same against either. The hover-style rules carry the block and its style
     25 * class inside each branch because :is() cannot place a descendant combinator between
     26 * a block and itself.
     27 *
     28 * origin-canvas-current marks the item whose section is in view (set on the front
     29 * end by assets/js/anchor-navigation.js) and is styled wherever the current page item
     30 * is: the two states share every current-menu-ancestor rule list below. It takes the
     31 * link's 200ms colour fade, so the cue changes smoothly while the page scrolls; a
     32 * colour change is not motion, and nothing here moves.
     33 */
     34:is(.wp-block-navigation.is-style-origin-canvas-hover-accent .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-accent:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) :is(.wp-block-navigation__container, :where(.wp-block-navigation__container > .wp-block-page-list)) > .wp-block-navigation-item > .wp-block-navigation-item__content,
     35:is(.wp-block-navigation.is-style-origin-canvas-hover-accent .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-accent:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) :is(.wp-block-navigation__container, :where(.wp-block-navigation__container > .wp-block-page-list)) > .wp-block-navigation-item > .wp-block-navigation-submenu__toggle,
     36:is(.wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-pill:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) :is(.wp-block-navigation__container, :where(.wp-block-navigation__container > .wp-block-page-list)) > .wp-block-navigation-item > .wp-block-navigation-item__content,
     37:is(.wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-pill:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) :is(.wp-block-navigation__container, :where(.wp-block-navigation__container > .wp-block-page-list)) > .wp-block-navigation-item > .wp-block-navigation-submenu__toggle {
     38}
     39
     40@media (prefers-reduced-motion: no-preference) {
     41        :is(.wp-block-navigation.is-style-origin-canvas-hover-accent .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-accent:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) :is(.wp-block-navigation__container, :where(.wp-block-navigation__container > .wp-block-page-list)) > .wp-block-navigation-item > .wp-block-navigation-item__content,
     42        :is(.wp-block-navigation.is-style-origin-canvas-hover-accent .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-accent:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) :is(.wp-block-navigation__container, :where(.wp-block-navigation__container > .wp-block-page-list)) > .wp-block-navigation-item > .wp-block-navigation-submenu__toggle,
     43        :is(.wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-pill:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) :is(.wp-block-navigation__container, :where(.wp-block-navigation__container > .wp-block-page-list)) > .wp-block-navigation-item > .wp-block-navigation-item__content,
     44        :is(.wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-pill:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) :is(.wp-block-navigation__container, :where(.wp-block-navigation__container > .wp-block-page-list)) > .wp-block-navigation-item > .wp-block-navigation-submenu__toggle {
     45                transition: color 200ms ease;
     46        }
     47}
     48
     49:is(.wp-block-navigation.is-style-origin-canvas-hover-accent .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-accent:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) :is(.wp-block-navigation__container, :where(.wp-block-navigation__container > .wp-block-page-list)) > .wp-block-navigation-item:hover > .wp-block-navigation-item__content,
     50:is(.wp-block-navigation.is-style-origin-canvas-hover-accent .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-accent:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) :is(.wp-block-navigation__container, :where(.wp-block-navigation__container > .wp-block-page-list)) > .wp-block-navigation-item:hover > .wp-block-navigation-submenu__toggle,
     51:is(.wp-block-navigation.is-style-origin-canvas-hover-accent .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-accent:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) :is(.wp-block-navigation__container, :where(.wp-block-navigation__container > .wp-block-page-list)) > .wp-block-navigation-item:focus-within > .wp-block-navigation-item__content,
     52:is(.wp-block-navigation.is-style-origin-canvas-hover-accent .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-accent:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) :is(.wp-block-navigation__container, :where(.wp-block-navigation__container > .wp-block-page-list)) > .wp-block-navigation-item:focus-within > .wp-block-navigation-submenu__toggle,
     53:is(.wp-block-navigation.is-style-origin-canvas-hover-accent .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-accent:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) :is(.wp-block-navigation__container, :where(.wp-block-navigation__container > .wp-block-page-list)) > .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content,
     54:is(.wp-block-navigation.is-style-origin-canvas-hover-accent .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-accent:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) :is(.wp-block-navigation__container, :where(.wp-block-navigation__container > .wp-block-page-list)) > .wp-block-navigation-item.current-menu-item > .wp-block-navigation-submenu__toggle,
     55:is(.wp-block-navigation.is-style-origin-canvas-hover-accent .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-accent:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) :is(.wp-block-navigation__container, :where(.wp-block-navigation__container > .wp-block-page-list)) > .wp-block-navigation-item.current-menu-ancestor > .wp-block-navigation-item__content,
     56:is(.wp-block-navigation.is-style-origin-canvas-hover-accent .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-accent:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) :is(.wp-block-navigation__container, :where(.wp-block-navigation__container > .wp-block-page-list)) > .wp-block-navigation-item.origin-canvas-current > .wp-block-navigation-item__content,
     57:is(.wp-block-navigation.is-style-origin-canvas-hover-accent .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-accent:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) :is(.wp-block-navigation__container, :where(.wp-block-navigation__container > .wp-block-page-list)) > .wp-block-navigation-item.current-menu-ancestor > .wp-block-navigation-submenu__toggle,
     58:is(.wp-block-navigation.is-style-origin-canvas-hover-accent .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-accent:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) :is(.wp-block-navigation__container, :where(.wp-block-navigation__container > .wp-block-page-list)) > .wp-block-navigation-item.origin-canvas-current > .wp-block-navigation-submenu__toggle,
     59:is(.wp-block-navigation.is-style-origin-canvas-hover-accent .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-accent:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) :is(.wp-block-navigation__container, :where(.wp-block-navigation__container > .wp-block-page-list)) > .wp-block-navigation-item > .wp-block-navigation-item__content:focus-visible,
     60:is(.wp-block-navigation.is-style-origin-canvas-hover-accent .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-accent:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) :is(.wp-block-navigation__container, :where(.wp-block-navigation__container > .wp-block-page-list)) > .wp-block-navigation-item > .wp-block-navigation-submenu__toggle:focus-visible {
    1961        color: var(--wp--preset--color--primary);
    2062}
    2163
    22 .wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item {
     64:is(.wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-pill:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) :is(.wp-block-navigation__container, :where(.wp-block-navigation__container > .wp-block-page-list)) > .wp-block-navigation-item {
    2365        border-radius: 999px;
    2466        isolation: isolate;
    … …  
    2668}
    2769
    28 .wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item::before {
     70/**
     71 * The isolated item confines the flyout's z-index: 20 to itself, so page
     72 * content positioned later in the document (a post-card figure, a page
     73 * title) would paint over an open dropdown. The open item takes that level
     74 * itself; items at rest stay at auto so they never cover a neighbour's open
     75 * flyout. Core focuses the toggle on click and closes on focusout, so
     76 * :focus-within covers click-opened menus too.
     77 */
     78:is(.wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-pill:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) :is(.wp-block-navigation__container, :where(.wp-block-navigation__container > .wp-block-page-list)) > .wp-block-navigation-item.has-child:hover,
     79:is(.wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-pill:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) :is(.wp-block-navigation__container, :where(.wp-block-navigation__container > .wp-block-page-list)) > .wp-block-navigation-item.has-child:focus-within {
     80        z-index: 20;
     81}
     82
     83:is(.wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-pill:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) :is(.wp-block-navigation__container, :where(.wp-block-navigation__container > .wp-block-page-list)) > .wp-block-navigation-item::before {
    2984        background-color: rgba(17, 24, 39, 0.04);
    3085        background-color: color-mix(in srgb, currentColor 4%, transparent);
    … …  
    3590        pointer-events: none;
    3691        position: absolute;
    37         transition: opacity 0.15s ease;
    3892        z-index: 0;
    3993}
    4094
    41 .wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item:hover::before,
    42 .wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item:focus-within::before,
    43 .wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item.current-menu-item::before,
    44 .wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item.current-menu-ancestor::before {
     95@media (prefers-reduced-motion: no-preference) {
     96        :is(.wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-pill:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) :is(.wp-block-navigation__container, :where(.wp-block-navigation__container > .wp-block-page-list)) > .wp-block-navigation-item::before {
     97                transition: opacity 200ms ease;
     98        }
     99}
     100
     101:is(.wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-pill:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) :is(.wp-block-navigation__container, :where(.wp-block-navigation__container > .wp-block-page-list)) > .wp-block-navigation-item:hover::before,
     102:is(.wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-pill:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) :is(.wp-block-navigation__container, :where(.wp-block-navigation__container > .wp-block-page-list)) > .wp-block-navigation-item:focus-within::before,
     103:is(.wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-pill:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) :is(.wp-block-navigation__container, :where(.wp-block-navigation__container > .wp-block-page-list)) > .wp-block-navigation-item.current-menu-item::before,
     104:is(.wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-pill:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) :is(.wp-block-navigation__container, :where(.wp-block-navigation__container > .wp-block-page-list)) > .wp-block-navigation-item.current-menu-ancestor::before,
     105:is(.wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-pill:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) :is(.wp-block-navigation__container, :where(.wp-block-navigation__container > .wp-block-page-list)) > .wp-block-navigation-item.origin-canvas-current::before {
    45106        opacity: 1;
    46107}
    47108
    48 .wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content,
    49 .wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-submenu__toggle {
     109:is(.wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-pill:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) :is(.wp-block-navigation__container, :where(.wp-block-navigation__container > .wp-block-page-list)) > .wp-block-navigation-item > .wp-block-navigation-item__content,
     110:is(.wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-pill:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) :is(.wp-block-navigation__container, :where(.wp-block-navigation__container > .wp-block-page-list)) > .wp-block-navigation-item > .wp-block-navigation-submenu__toggle {
    50111        position: relative;
    51112        z-index: 1;
    52113}
    53114
    54 .wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item:hover > .wp-block-navigation-item__content,
    55 .wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item:hover > .wp-block-navigation-submenu__toggle,
    56 .wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item:focus-within > .wp-block-navigation-item__content,
    57 .wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item:focus-within > .wp-block-navigation-submenu__toggle,
    58 .wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content,
    59 .wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item.current-menu-item > .wp-block-navigation-submenu__toggle,
    60 .wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item.current-menu-ancestor > .wp-block-navigation-item__content,
    61 .wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item.current-menu-ancestor > .wp-block-navigation-submenu__toggle {
     115:is(.wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-pill:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) :is(.wp-block-navigation__container, :where(.wp-block-navigation__container > .wp-block-page-list)) > .wp-block-navigation-item:hover > .wp-block-navigation-item__content,
     116:is(.wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-pill:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) :is(.wp-block-navigation__container, :where(.wp-block-navigation__container > .wp-block-page-list)) > .wp-block-navigation-item:hover > .wp-block-navigation-submenu__toggle,
     117:is(.wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-pill:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) :is(.wp-block-navigation__container, :where(.wp-block-navigation__container > .wp-block-page-list)) > .wp-block-navigation-item:focus-within > .wp-block-navigation-item__content,
     118:is(.wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-pill:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) :is(.wp-block-navigation__container, :where(.wp-block-navigation__container > .wp-block-page-list)) > .wp-block-navigation-item:focus-within > .wp-block-navigation-submenu__toggle,
     119:is(.wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-pill:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) :is(.wp-block-navigation__container, :where(.wp-block-navigation__container > .wp-block-page-list)) > .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content,
     120:is(.wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-pill:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) :is(.wp-block-navigation__container, :where(.wp-block-navigation__container > .wp-block-page-list)) > .wp-block-navigation-item.current-menu-item > .wp-block-navigation-submenu__toggle,
     121:is(.wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-pill:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) :is(.wp-block-navigation__container, :where(.wp-block-navigation__container > .wp-block-page-list)) > .wp-block-navigation-item.current-menu-ancestor > .wp-block-navigation-item__content,
     122:is(.wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-pill:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) :is(.wp-block-navigation__container, :where(.wp-block-navigation__container > .wp-block-page-list)) > .wp-block-navigation-item.origin-canvas-current > .wp-block-navigation-item__content,
     123:is(.wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-pill:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) :is(.wp-block-navigation__container, :where(.wp-block-navigation__container > .wp-block-page-list)) > .wp-block-navigation-item.current-menu-ancestor > .wp-block-navigation-submenu__toggle,
     124:is(.wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-pill:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) :is(.wp-block-navigation__container, :where(.wp-block-navigation__container > .wp-block-page-list)) > .wp-block-navigation-item.origin-canvas-current > .wp-block-navigation-submenu__toggle {
    62125        color: inherit;
    63126        text-decoration: none;
    … …  
    65128
    66129/* Navigation submenu presentation is outside current block/theme.json controls. */
    67 .wp-block-navigation__responsive-container:not(.is-menu-open) {
     130:is(.wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) {
    68131        --origin-canvas-navigation-nested-submenu-offset: 6px;
    69132}
    70133
    71 .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container {
    72         background: var(--wp--preset--color--surface-base);
     134:is(.wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation__submenu-container {
     135        background: var(--wp--preset--color--base);
    73136        border: none;
    74         border-radius: 8px;
     137        /* 12px: a container of hover-filled controls; the item radius 4 nests in it (12 - 8 padding) */
     138        border-radius: var(--wp--custom--radius--medium-large);
    75139        box-shadow: var(--wp--preset--shadow--medium);
    76140        font-size: var(--wp--preset--font-size--small);
    … …  
    86150 * stays continuous (no dead-zone).
    87151 */
    88 .wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation__submenu-container {
     152:is(.wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-pill:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) :is(.wp-block-navigation__container, :where(.wp-block-navigation__container > .wp-block-page-list)) > .wp-block-navigation-item > .wp-block-navigation__submenu-container {
    89153        transform: translateY(0.65em);
    90154}
    91155
    92 .wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation__submenu-container::before {
     156:is(.wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-pill:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) :is(.wp-block-navigation__container, :where(.wp-block-navigation__container > .wp-block-page-list)) > .wp-block-navigation-item > .wp-block-navigation__submenu-container::before {
    93157        content: "";
    94158        bottom: 100%;
    … …  
    99163}
    100164
    101 .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    102         border-radius: 6px;
     165:is(.wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
     166        border-radius: var(--wp--custom--radius--small);
    103167        padding: var(--wp--preset--spacing--small) var(--wp--preset--spacing--medium);
    104         transition: color 0.15s ease;
    105 }
    106 
    107 .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation-submenu__toggle {
     168}
     169
     170@media (prefers-reduced-motion: no-preference) {
     171        :is(.wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
     172                transition: color 200ms ease;
     173        }
     174}
     175
     176:is(.wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation__submenu-container .wp-block-navigation-submenu__toggle {
    108177        align-items: center;
    109         border-radius: 6px;
     178        border-radius: var(--wp--custom--radius--small);
    110179        display: inline-flex;
    111180        gap: var(--wp--preset--spacing--extra-small);
    112181        padding: var(--wp--preset--spacing--small);
    113         transition: color 0.15s ease;
     182}
     183
     184@media (prefers-reduced-motion: no-preference) {
     185        :is(.wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation__submenu-container .wp-block-navigation-submenu__toggle {
     186                transition: color 200ms ease;
     187        }
    114188}
    115189
    … …  
    118192 * it fills this box; keep the desktop caret compact (smaller than mobile's 20px).
    119193 */
    120 .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-icon {
     194:is(.wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation__submenu-icon {
    121195        height: 9px;
    122196        margin-bottom: 0.1em;
    … …  
    124198}
    125199
    126 .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-icon svg {
     200:is(.wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation__submenu-icon svg {
    127201        stroke-width: 2;
    128202}
    … …  
    135209.wp-block-navigation .wp-block-navigation__submenu-icon svg {
    136210        transform-origin: center;
    137         transition: transform 0.26s cubic-bezier(0.4, 0, 0.2, 1);
     211}
     212
     213@media (prefers-reduced-motion: no-preference) {
     214        .wp-block-navigation .wp-block-navigation__submenu-icon svg {
     215                transition: transform 200ms ease-out;
     216        }
    138217}
    139218
    … …  
    144223
    145224/* Submenu hover text inherits by default; style variants override below. */
    146 .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation-item:hover > .wp-block-navigation-item__content,
    147 .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation-item:hover > .wp-block-navigation-submenu__toggle,
    148 .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation-item:focus-within > .wp-block-navigation-item__content,
    149 .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation-item:focus-within > .wp-block-navigation-submenu__toggle,
    150 .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content,
    151 .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation-item.current-menu-item > .wp-block-navigation-submenu__toggle,
    152 .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation-item.current-menu-ancestor > .wp-block-navigation-item__content,
    153 .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation-item.current-menu-ancestor > .wp-block-navigation-submenu__toggle,
    154 .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover,
    155 .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation-submenu__toggle:hover,
    156 .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation-submenu__toggle:hover .wp-block-navigation__submenu-icon,
    157 .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation-submenu__toggle:focus-visible,
    158 .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation-submenu__toggle:focus-visible .wp-block-navigation__submenu-icon {
     225:is(.wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation__submenu-container .wp-block-navigation-item:hover > .wp-block-navigation-item__content,
     226:is(.wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation__submenu-container .wp-block-navigation-item:hover > .wp-block-navigation-submenu__toggle,
     227:is(.wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation__submenu-container .wp-block-navigation-item:focus-within > .wp-block-navigation-item__content,
     228:is(.wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation__submenu-container .wp-block-navigation-item:focus-within > .wp-block-navigation-submenu__toggle,
     229:is(.wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation__submenu-container .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content,
     230:is(.wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation__submenu-container .wp-block-navigation-item.current-menu-item > .wp-block-navigation-submenu__toggle,
     231:is(.wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation__submenu-container .wp-block-navigation-item.current-menu-ancestor > .wp-block-navigation-item__content,
     232:is(.wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation__submenu-container .wp-block-navigation-item.origin-canvas-current > .wp-block-navigation-item__content,
     233:is(.wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation__submenu-container .wp-block-navigation-item.current-menu-ancestor > .wp-block-navigation-submenu__toggle,
     234:is(.wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation__submenu-container .wp-block-navigation-item.origin-canvas-current > .wp-block-navigation-submenu__toggle,
     235:is(.wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover,
     236:is(.wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation__submenu-container .wp-block-navigation-submenu__toggle:hover,
     237:is(.wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation__submenu-container .wp-block-navigation-submenu__toggle:hover .wp-block-navigation__submenu-icon,
     238:is(.wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation__submenu-container .wp-block-navigation-submenu__toggle:focus-visible,
     239:is(.wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation__submenu-container .wp-block-navigation-submenu__toggle:focus-visible .wp-block-navigation__submenu-icon {
    159240        color: inherit;
    160241        text-decoration: none;
    161242}
    162243
    163 .wp-block-navigation.is-style-origin-canvas-hover-accent .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation-item:hover > .wp-block-navigation-item__content,
    164 .wp-block-navigation.is-style-origin-canvas-hover-accent .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation-item:hover > .wp-block-navigation-submenu__toggle,
    165 .wp-block-navigation.is-style-origin-canvas-hover-accent .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation-item:focus-within > .wp-block-navigation-item__content,
    166 .wp-block-navigation.is-style-origin-canvas-hover-accent .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation-item:focus-within > .wp-block-navigation-submenu__toggle,
    167 .wp-block-navigation.is-style-origin-canvas-hover-accent .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content,
    168 .wp-block-navigation.is-style-origin-canvas-hover-accent .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation-item.current-menu-item > .wp-block-navigation-submenu__toggle,
    169 .wp-block-navigation.is-style-origin-canvas-hover-accent .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation-item.current-menu-ancestor > .wp-block-navigation-item__content,
    170 .wp-block-navigation.is-style-origin-canvas-hover-accent .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation-item.current-menu-ancestor > .wp-block-navigation-submenu__toggle,
    171 .wp-block-navigation.is-style-origin-canvas-hover-accent .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover,
    172 .wp-block-navigation.is-style-origin-canvas-hover-accent .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation-submenu__toggle:hover,
    173 .wp-block-navigation.is-style-origin-canvas-hover-accent .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation-submenu__toggle:hover .wp-block-navigation__submenu-icon,
    174 .wp-block-navigation.is-style-origin-canvas-hover-accent .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation-submenu__toggle:focus-visible,
    175 .wp-block-navigation.is-style-origin-canvas-hover-accent .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation-submenu__toggle:focus-visible .wp-block-navigation__submenu-icon {
     244:is(.wp-block-navigation.is-style-origin-canvas-hover-accent .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-accent:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation__submenu-container .wp-block-navigation-item:hover > .wp-block-navigation-item__content,
     245:is(.wp-block-navigation.is-style-origin-canvas-hover-accent .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-accent:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation__submenu-container .wp-block-navigation-item:hover > .wp-block-navigation-submenu__toggle,
     246:is(.wp-block-navigation.is-style-origin-canvas-hover-accent .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-accent:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation__submenu-container .wp-block-navigation-item:focus-within > .wp-block-navigation-item__content,
     247:is(.wp-block-navigation.is-style-origin-canvas-hover-accent .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-accent:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation__submenu-container .wp-block-navigation-item:focus-within > .wp-block-navigation-submenu__toggle,
     248:is(.wp-block-navigation.is-style-origin-canvas-hover-accent .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-accent:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation__submenu-container .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content,
     249:is(.wp-block-navigation.is-style-origin-canvas-hover-accent .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-accent:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation__submenu-container .wp-block-navigation-item.current-menu-item > .wp-block-navigation-submenu__toggle,
     250:is(.wp-block-navigation.is-style-origin-canvas-hover-accent .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-accent:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation__submenu-container .wp-block-navigation-item.current-menu-ancestor > .wp-block-navigation-item__content,
     251:is(.wp-block-navigation.is-style-origin-canvas-hover-accent .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-accent:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation__submenu-container .wp-block-navigation-item.origin-canvas-current > .wp-block-navigation-item__content,
     252:is(.wp-block-navigation.is-style-origin-canvas-hover-accent .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-accent:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation__submenu-container .wp-block-navigation-item.current-menu-ancestor > .wp-block-navigation-submenu__toggle,
     253:is(.wp-block-navigation.is-style-origin-canvas-hover-accent .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-accent:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation__submenu-container .wp-block-navigation-item.origin-canvas-current > .wp-block-navigation-submenu__toggle,
     254:is(.wp-block-navigation.is-style-origin-canvas-hover-accent .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-accent:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover,
     255:is(.wp-block-navigation.is-style-origin-canvas-hover-accent .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-accent:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation__submenu-container .wp-block-navigation-submenu__toggle:hover,
     256:is(.wp-block-navigation.is-style-origin-canvas-hover-accent .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-accent:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation__submenu-container .wp-block-navigation-submenu__toggle:hover .wp-block-navigation__submenu-icon,
     257:is(.wp-block-navigation.is-style-origin-canvas-hover-accent .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-accent:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation__submenu-container .wp-block-navigation-submenu__toggle:focus-visible,
     258:is(.wp-block-navigation.is-style-origin-canvas-hover-accent .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-accent:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation__submenu-container .wp-block-navigation-submenu__toggle:focus-visible .wp-block-navigation__submenu-icon {
    176259        color: var(--wp--preset--color--primary);
    177260}
    178261
    179 .wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation-submenu__toggle,
    180 .wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation-submenu__toggle:hover,
    181 .wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation-submenu__toggle:focus,
    182 .wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation-submenu__toggle:focus-visible {
     262:is(.wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-pill:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation-submenu__toggle,
     263:is(.wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-pill:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation-submenu__toggle:hover,
     264:is(.wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-pill:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation-submenu__toggle:focus,
     265:is(.wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-pill:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation-submenu__toggle:focus-visible {
    183266        background: transparent;
    184267        border: none;
    … …  
    187270}
    188271
    189 .wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation-item {
    190         border-radius: 8px;
    191         transition: background-color 0.15s ease;
    192 }
    193 
    194 .wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation-item:hover,
    195 .wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation-item:focus-within,
    196 .wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation-item.current-menu-item,
    197 .wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation-item.current-menu-ancestor {
     272:is(.wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-pill:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation__submenu-container .wp-block-navigation-item {
     273        /* 4px: nests in the 12px submenu card */
     274        border-radius: var(--wp--custom--radius--small);
     275}
     276
     277@media (prefers-reduced-motion: no-preference) {
     278        :is(.wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-pill:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation__submenu-container .wp-block-navigation-item {
     279                transition: background-color 200ms ease;
     280        }
     281}
     282
     283:is(.wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-pill:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation__submenu-container .wp-block-navigation-item:hover,
     284:is(.wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-pill:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation__submenu-container .wp-block-navigation-item:focus-within,
     285:is(.wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-pill:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation__submenu-container .wp-block-navigation-item.current-menu-item,
     286:is(.wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-pill:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation__submenu-container .wp-block-navigation-item.current-menu-ancestor,
     287:is(.wp-block-navigation.is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.is-style-origin-canvas-hover-pill:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation__submenu-container .wp-block-navigation-item.origin-canvas-current {
    198288        background-color: rgba(17, 24, 39, 0.04);
    199289        background-color: color-mix(in srgb, currentColor 4%, transparent);
    200290}
    201291
    202 .wp-block-navigation__responsive-container:not(.is-menu-open) .has-child {
     292:is(.wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .has-child {
    203293        position: relative;
    204294}
    205295
    206 /* Shared by default Navigation, Hover Accent, and Hover Pill variants. */
    207 .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
     296/* Shared by default Navigation, Hover Primary, and Hover Pill variants. */
     297:is(.wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
    208298        left: 100%;
    209299        margin-left: var(--origin-canvas-navigation-nested-submenu-offset);
    … …  
    215305}
    216306
    217 .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .has-child:focus-within > .wp-block-navigation__submenu-container,
    218 .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .has-child:hover > .wp-block-navigation__submenu-container {
     307/**
     308 * Right-justified menu: core opens the nested flyout leftward (left:auto;
     309 * right:100%, and a full-width box below 782px), so mirror the offset to that
     310 * side, and move core's transparent ::before hover bridge with it so the pointer
     311 * can cross the gap without dropping :hover on the item.
     312 */
     313:is(.wp-block-navigation.items-justified-right .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.items-justified-right:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
     314        left: auto;
     315        margin-left: 0;
     316        margin-right: var(--origin-canvas-navigation-nested-submenu-offset);
     317        right: 100%;
     318}
     319
     320:is(.wp-block-navigation.items-justified-right .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.items-justified-right:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container::before {
     321        left: 100%;
     322        right: auto;
     323}
     324
     325:is(.wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation__submenu-container .has-child:focus-within > .wp-block-navigation__submenu-container,
     326:is(.wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation__submenu-container .has-child:hover > .wp-block-navigation__submenu-container {
    219327        opacity: 1;
    220328        pointer-events: auto;
    … …  
    222330}
    223331
    224 .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .has-child {
     332:is(.wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation__submenu-container .has-child {
    225333        align-items: center;
    226334        display: flex;
    … …  
    230338}
    231339
    232 .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .has-child > .wp-block-navigation-item__content {
     340:is(.wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation__submenu-container .has-child > .wp-block-navigation-item__content {
    233341        flex: 1;
    234342}
    235343
    236 .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .has-child > .wp-block-navigation-submenu__toggle {
     344:is(.wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation__submenu-container .has-child > .wp-block-navigation-submenu__toggle {
    237345        background: transparent;
    238346        border: none;
    … …  
    240348}
    241349
    242 .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .has-child > .wp-block-navigation-submenu__toggle .wp-block-navigation__submenu-icon {
     350:is(.wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation__submenu-container .has-child > .wp-block-navigation-submenu__toggle .wp-block-navigation__submenu-icon {
    243351        transform: rotate(-90deg);
    244352}
    245353
    246 .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon svg path {
     354:is(.wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon svg path {
    247355        stroke: currentColor !important;
    248356}
    … …  
    270378
    271379/**
    272  * Lift the main-nav submenu flyout above adjacent page content (e.g. a hero
    273  * below the sticky header) so the dropdown is never occluded. Scoped to the
    274  * main nav so unrelated navigations are unaffected.
    275  */
    276 .origin-canvas-main-nav .wp-block-navigation__submenu-container {
    277         position: relative;
    278         z-index: 20;
     380 * Core clears navigation links with :where(a), at zero weight, but inside
     381 * post-content (a header or footer pattern placed on a page) the
     382 * content-link underline rule ties it on specificity and wins on source
     383 * order. Same guard as site-title/page-list (see those files). The :not()
     384 * pair steps aside for a decoration the owner sets on the block, which core
     385 * paints through the same modifier classes at lower weight.
     386 */
     387.wp-block-post-content .wp-block-navigation:not(.has-text-decoration-underline):not(.has-text-decoration-line-through) .wp-block-navigation-item__content,
     388.wp-block-post-content .wp-block-navigation:not(.has-text-decoration-underline):not(.has-text-decoration-line-through) .wp-block-navigation-submenu__toggle {
     389        text-decoration: none;
     390}
     391
     392/**
     393 * Navigation on a dark band: a nav whose text color is base-2. Core marks it
     394 * with has-base-2-color, so the rules key on that and follow the block's own
     395 * setting on any dark band. A nav saved before the #116 rename still holds the
     396 * old On Dark text class; the twin rules in assets/css/palette-aliases.css match it. A nav saved with the origin-canvas-nav-dark class
     397 * matches too, whatever its text color. The flyout's dark ground is the block's "Submenu &
     398 * overlay background" setting; the card rule above still supplies radius,
     399 * padding, width, type, shadow and z-index. Ink on ink, the 12% base-2 hairline
     400 * is what separates a nested card from its parent. The Hover Pill style's 4% of
     401 * currentColor is too faint on ink, so its top-level badge and flyout row fill
     402 * at 8% base-2 (#43). Each selector is the rule it overrides with the color
     403 * class added, so it outranks that rule by one class.
     404 */
     405:is(.wp-block-navigation:is(.has-base-2-color, .origin-canvas-nav-dark) .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation:is(.has-base-2-color, .origin-canvas-nav-dark):not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation__submenu-container {
     406        border: 1px solid color-mix(in srgb, var(--wp--preset--color--base-2) 12%, transparent);
     407}
     408
     409:is(.wp-block-navigation:is(.has-base-2-color, .origin-canvas-nav-dark).is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation:is(.has-base-2-color, .origin-canvas-nav-dark).is-style-origin-canvas-hover-pill:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) :is(.wp-block-navigation__container, :where(.wp-block-navigation__container > .wp-block-page-list)) > .wp-block-navigation-item::before {
     410        background-color: color-mix(in srgb, var(--wp--preset--color--base-2) 8%, transparent);
     411}
     412
     413:is(.wp-block-navigation:is(.has-base-2-color, .origin-canvas-nav-dark).is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation:is(.has-base-2-color, .origin-canvas-nav-dark).is-style-origin-canvas-hover-pill:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation__submenu-container .wp-block-navigation-item:hover,
     414:is(.wp-block-navigation:is(.has-base-2-color, .origin-canvas-nav-dark).is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation:is(.has-base-2-color, .origin-canvas-nav-dark).is-style-origin-canvas-hover-pill:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation__submenu-container .wp-block-navigation-item:focus-within,
     415:is(.wp-block-navigation:is(.has-base-2-color, .origin-canvas-nav-dark).is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation:is(.has-base-2-color, .origin-canvas-nav-dark).is-style-origin-canvas-hover-pill:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation__submenu-container .wp-block-navigation-item.current-menu-item,
     416:is(.wp-block-navigation:is(.has-base-2-color, .origin-canvas-nav-dark).is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation:is(.has-base-2-color, .origin-canvas-nav-dark).is-style-origin-canvas-hover-pill:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation__submenu-container .wp-block-navigation-item.current-menu-ancestor,
     417:is(.wp-block-navigation:is(.has-base-2-color, .origin-canvas-nav-dark).is-style-origin-canvas-hover-pill .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation:is(.has-base-2-color, .origin-canvas-nav-dark).is-style-origin-canvas-hover-pill:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation__submenu-container .wp-block-navigation-item.origin-canvas-current {
     418        background-color: color-mix(in srgb, var(--wp--preset--color--base-2) 8%, transparent);
     419}
     420
     421/**
     422 * A nav saved with the origin-canvas-nav-dark class and no submenu background
     423 * gets the dark flyout ground here. Once the block has a Submenu background,
     424 * core marks each flyout has-background and this rule no longer matches, so the
     425 * block setting wins.
     426 */
     427:is(.wp-block-navigation.origin-canvas-nav-dark .wp-block-navigation__responsive-container:not(.is-menu-open), .wp-block-navigation.origin-canvas-nav-dark:not(.is-responsive):where(:not(.wp-block-navigation__overlay-container *, .origin-canvas-mobile-nav, .origin-canvas-mobile-nav *))) .wp-block-navigation__submenu-container:not(.has-background) {
     428        background-color: var(--wp--preset--color--contrast);
    279429}
    280430
    … …  
    379529.origin-canvas-mobile-nav .wp-block-navigation-item__label,
    380530.origin-canvas-mobile-nav .wp-block-navigation__submenu-icon {
    381         color: var(--wp--preset--color--text-heading);
     531        color: var(--wp--preset--color--contrast);
    382532}
    383533
    … …  
    422572
    423573.origin-canvas-mobile-nav .wp-block-navigation-item__content::after {
    424         border-bottom: 1px solid var(--wp--preset--color--border);
     574        border-bottom: 1px solid var(--wp--preset--color--base-5);
    425575        bottom: 0;
    426576        content: "";
    … …  
    445595
    446596/**
    447  * Reveal motion — Option B. Core toggles display:none->flex (the global collapse
    448  * rules above), so height snaps; we layer a fade + slight slide so the open still
    449  * reads as motion. A true grid-height animation is not achievable on core markup.
    450  */
    451 .origin-canvas-mobile-nav .wp-block-navigation-submenu__toggle ~ .wp-block-navigation__submenu-container {
    452         opacity: 0;
    453         transform: translateY(-4px);
    454         transition: opacity 0.22s ease, transform 0.22s ease;
    455 }
    456 
    457 .origin-canvas-mobile-nav .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container {
    458         opacity: 1;
    459         transform: translateY(0);
    460 }
    461 
    462 .origin-canvas-mobile-nav .wp-block-navigation-item__label {
    463         transition: color 0.12s ease;
    464 }
    465 
    466 @media (prefers-reduced-motion: reduce) {
    467         .origin-canvas-mobile-nav .wp-block-navigation__submenu-icon svg,
    468         .origin-canvas-mobile-nav .wp-block-navigation-submenu__toggle ~ .wp-block-navigation__submenu-container,
     597 * Reveal motion. Core toggles display:none->flex (the global collapse rules above),
     598 * so height snaps; a fade plus a 4px slide makes the open read as motion. It runs
     599 * 200ms ease-out, the timing of the chevron's spin in the shared base above, so the
     600 * panel and its chevron move as one. A true grid-height animation is not achievable
     601 * on core markup. With reduced motion the panel simply appears.
     602 */
     603@media (prefers-reduced-motion: no-preference) {
     604        .origin-canvas-mobile-nav .wp-block-navigation-submenu__toggle ~ .wp-block-navigation__submenu-container {
     605                opacity: 0;
     606                transform: translateY(-4px);
     607                transition: opacity 200ms ease-out, transform 200ms ease-out;
     608        }
     609
     610        .origin-canvas-mobile-nav .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container {
     611                opacity: 1;
     612                transform: translateY(0);
     613        }
     614
    469615        .origin-canvas-mobile-nav .wp-block-navigation-item__label {
    470                 transition: none;
     616                transition: color 200ms ease;
    471617        }
    472618}
    … …  
    484630 */
    485631.origin-canvas-mobile-menu .wp-block-navigation-overlay-close {
    486         border-radius: 10px;
    487         color: var(--wp--preset--color--text-heading);
     632        border-radius: var(--wp--custom--radius--medium);
     633        color: var(--wp--preset--color--contrast);
    488634        height: 44px;
    489635        margin-inline-end: -10px;
    490636        position: relative;
    491637        top: -2px;
    492         transition: background-color 0.15s ease;
    493638        width: 44px;
     639}
     640
     641@media (prefers-reduced-motion: no-preference) {
     642        .origin-canvas-mobile-menu .wp-block-navigation-overlay-close {
     643                transition: background-color 200ms ease;
     644        }
    494645}
    495646
    496647.origin-canvas-mobile-menu .wp-block-navigation-overlay-close:hover,
    497648.origin-canvas-mobile-menu .wp-block-navigation-overlay-close:focus-visible {
    498         background-color: var(--wp--preset--color--surface-muted);
     649        background-color: var(--wp--preset--color--base-2);
    499650}
    500651
    … …  
    502653        height: 24px;
    503654        width: 24px;
     655}
     656
     657/**
     658 * Dark overlay (parts/mobile-menu-dark.html). The part's root group carries the
     659 * ground, text and link colours as block attributes; only the four values the
     660 * overlay rules above hardcode need a dark counterpart: the row label and chevron
     661 * (contrast), the ✕ (contrast, base-2 hover fill) and the row divider
     662 * (base-5). Each override adds one class so it outranks the shipped rule; the
     663 * :hover label rule (0,4,0) still wins, so row hover stays primary. 8% and 12%
     664 * base-2 are the rulings on #43 — the light side's ✕ fill is ≈5% ink, and 12% is
     665 * footer-dark's divider.
     666 */
     667.origin-canvas-mobile-menu-dark .origin-canvas-mobile-nav .wp-block-navigation-item__label,
     668.origin-canvas-mobile-menu-dark .origin-canvas-mobile-nav .wp-block-navigation__submenu-icon,
     669.origin-canvas-mobile-menu.origin-canvas-mobile-menu-dark .wp-block-navigation-overlay-close {
     670        color: var(--wp--preset--color--base-2);
     671}
     672
     673.origin-canvas-mobile-menu-dark .origin-canvas-mobile-nav .wp-block-navigation-item__content::after {
     674        border-bottom-color: color-mix(in srgb, var(--wp--preset--color--base-2) 12%, transparent);
     675}
     676
     677.origin-canvas-mobile-menu.origin-canvas-mobile-menu-dark .wp-block-navigation-overlay-close:hover,
     678.origin-canvas-mobile-menu.origin-canvas-mobile-menu-dark .wp-block-navigation-overlay-close:focus-visible {
     679        background-color: color-mix(in srgb, var(--wp--preset--color--base-2) 8%, transparent);
    504680}
    505681
    … …  
    598774 * end never shows (.open-on-click never matches .has-child.open-always
    599775 * there, so this core rule is simply absent). Zeroed to match the theme's
    600  * own front-end-targeting gap:0 (core-navigation.css:320), which is lower
     776 * own front-end-targeting gap:0 (the .origin-canvas-mobile-nav
     777 * .wp-block-navigation__container rule), which is lower
    601778 * specificity than core's compound and loses in the editor the same way
    602779 * the width rules above did.
    … …  
    611788 * __content flex-grow:1 on its .has-child.open-always row (flex-wrap:wrap,
    612789 * two children: __content + its .wp-block-navigation__submenu-container,
    613  * flex-basis:100% per core-navigation.css:361-363), __content consumes the
     790 * flex-basis:100% per the .origin-canvas-mobile-nav .has-child >
     791 * .wp-block-navigation__submenu-container rule), __content consumes the
    614792 * full first flex line and the submenu-container wraps to its own line. Live
    615793 * DOM testing (getBoundingClientRect + forced inline style overrides in the
    … …  
    626804 * this same submenu-container's OWN gap (core sets it a second time, between
    627805 * sibling items inside the container) to match the theme's front-end-
    628  * targeting gap:0 (core-navigation.css:343), for the same reason as above.
     806 * targeting gap:0 (the .origin-canvas-mobile-nav .wp-block-navigation
     807 * .wp-block-navigation__submenu-container rule), for the same reason as above.
    629808 */
    630809body.editor-styles-wrapper .origin-canvas-mobile-nav .has-child.open-always > .wp-block-navigation__submenu-container,

  • origin-canvas/1.4.3/assets/styles/core-paragraph.css

    r347102 r356743  
    1 /**
    2  * Process numbers need CSS because core/paragraph lacks WP 7 width and
    3  * flex-basis dimensions controls for this marker.
    4  */
    5 .origin-canvas-process-step-number {
    6         flex: 0 0 36px;
    7         min-width: 36px;
    8         white-space: nowrap;
    9 }
    10 
    111/**
    122 * Landing specimen faces — pattern-only, specimen-scoped. These faces exist
    … …  
    155 * presets; the variations themselves register their own faces via
    166 * theme.json/styles JSON. Relative URLs are rewritten for the editor canvas
    17  * by add_editor_style().
     7 * by add_editor_style(). Source Serif carries both weights so a card can
     8 * preview the weight the presets ship.
    189 */
    1910@font-face {
    … …  
    2314        font-weight: 700;
    2415        src: url("../fonts/source-serif/SourceSerif4-700.woff2") format("woff2");
     16}
     17
     18@font-face {
     19        font-display: swap;
     20        font-family: "Source Serif 4";
     21        font-style: normal;
     22        font-weight: 600;
     23        src: url("../fonts/source-serif/SourceSerif4-600.woff2") format("woff2");
    2524}
    2625
    … …  
    4140}
    4241
    43 /* Specimen font classes — pattern-only (page-landing-01 variation cards). */
    44 .origin-canvas-specimen-serif {
    45         font-family: "Source Serif 4", Georgia, serif;
     42/* Shim, sunset 2.0.0. process-numbered sets its step numbers with core's Fixed width
     43   and origin-canvas-no-shrink since the release after 1.3.1, so the pattern no longer
     44   carries this class. Copies saved from 1.3.1 still do: this keeps their numbers 36px
     45   wide on one line. */
     46.origin-canvas-process-step-number {
     47        flex: 0 0 36px;
     48        min-width: 36px;
     49        white-space: nowrap;
    4650}
    47 
    48 .origin-canvas-specimen-grotesk {
    49         font-family: "Space Grotesk", var(--wp--preset--font-family--sans);
    50 }
    51 
    52 .origin-canvas-specimen-dmsans {
    53         font-family: "DM Sans", var(--wp--preset--font-family--sans);
    54 }
    55 
    56 /* Mono micro-labels — pattern-only (slugs, hex chips, captions). */
    57 .origin-canvas-mono {
    58         font-family: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;
    59 }
    60 
    61 /**
    62  * Ecosystem status chip — pattern-only (page-landing-01 product cards).
    63  * Paragraph blocks have no JSON border support, so the pill chrome lives here.
    64  *
    65  * Borderless fill: the previous 1px hairline computed 1.28:1 against white, so
    66  * the pill now reads by SHAPE and the text carries the contrast (~6.7:1). The
    67  * fill is deliberately a whisper — do not "fix" it to be more visible.
    68  *
    69  * Anatomy follows the upstream Origin Design System badge
    70  * (origin-design-system → tokens/component/badge.json, borderless clean
    71  * variant). ODS semantic status colours are deliberately NOT imported.
    72  */
    73 .origin-canvas-status-chip {
    74         background-color: var(--wp--preset--color--surface-subtle);
    75         border-radius: 999px;
    76         color: var(--wp--preset--color--text-body);
    77         font-weight: 500;
    78         letter-spacing: 0.08em;
    79         padding: 3px 10px;
    80         text-transform: uppercase;
    81         width: fit-content;
    82 }
    83 
    84 .origin-canvas-status-chip--dark {
    85         background-color: rgb(255 255 255 / 10%);
    86         color: rgb(255 255 255 / 85%);
    87 }
    88 
    89 .origin-canvas-step-numeral {
    90         font-variant-numeric: tabular-nums;
    91 }

  • origin-canvas/1.4.3/assets/styles/core-post-navigation-link.css

    r334533 r356743  
    99
    1010.is-style-origin-canvas-postnav-stacked a {
    11         color: var(--wp--preset--color--text-heading);
     11        color: var(--wp--preset--color--contrast);
    1212        text-decoration: none;
    13         transition: color 120ms ease;
     13}
     14
     15@media (prefers-reduced-motion: no-preference) {
     16        .is-style-origin-canvas-postnav-stacked a {
     17                transition: color 120ms ease;
     18        }
    1419}
    1520
    … …  
    2934/* Modifier: uppercase eyebrow */
    3035.is-style-origin-canvas-postnav-stacked.oc-postnav--caps .post-navigation-link__label {
    31         letter-spacing: 0.04em;
     36        letter-spacing: 0.06em;
    3237        text-transform: uppercase;
    3338}
    … …  
    3540/* Modifier: muted eyebrow */
    3641.is-style-origin-canvas-postnav-stacked.oc-postnav--muted-label .post-navigation-link__label {
    37         color: var(--wp--preset--color--text-muted);
     42        color: var(--wp--preset--color--contrast-3);
    3843}
    3944

  • origin-canvas/1.4.3/assets/styles/core-post-terms.css

    r347102 r356743  
    1111.is-style-origin-canvas-term-chip a {
    1212        display: inline-flex;
    13         transition: background 120ms ease, color 120ms ease;
     13}
     14
     15@media (prefers-reduced-motion: no-preference) {
     16        .is-style-origin-canvas-term-chip a {
     17                transition: background 120ms ease, color 120ms ease;
     18        }
    1419}
    1520
    … …  
    3944 */
    4045.is-style-origin-canvas-term-inline .wp-block-post-terms__prefix {
    41         color: var(--wp--preset--color--text-muted);
     46        color: var(--wp--preset--color--contrast-3);
    4247}
    4348
    4449.is-style-origin-canvas-term-inline a {
    45         transition: color 120ms ease;
    4650}
     51
     52@media (prefers-reduced-motion: no-preference) {
     53        .is-style-origin-canvas-term-inline a {
     54                transition: color 120ms ease;
     55        }
     56}
     57
     58/**
     59 * Term links are UI, never prose. When a loop pattern is inserted into a page,
     60 * post-content's content-link underline reaches them, as it does the date and
     61 * title links; exclude them there, as core-post-date.css does. A decoration the
     62 * owner sets on the block is written as an inline style on the wrapper, and the
     63 * link inherits it; with none set, it inherits none.
     64 */
     65.wp-block-post-content .wp-block-post-terms a {
     66        text-decoration: inherit;
     67}

  • origin-canvas/1.4.3/assets/styles/core-tag-cloud.css

    r347102 r356743  
    77
    88.is-style-origin-canvas-tag-chip a {
    9         background: var(--wp--preset--color--surface-muted);
     9        background: var(--wp--preset--color--base-2);
    1010        border-radius: var(--wp--custom--radius--medium);
    11         color: var(--wp--preset--color--text-heading);
     11        color: var(--wp--preset--color--contrast);
    1212        display: inline-flex;
    1313        /**
    … …  
    1818        padding: 6px 8px;
    1919        text-decoration: none;
    20         transition: background 120ms ease, color 120ms ease;
     20}
     21
     22@media (prefers-reduced-motion: no-preference) {
     23        .is-style-origin-canvas-tag-chip a {
     24                transition: background 120ms ease, color 120ms ease;
     25        }
    2126}
    2227
    2328.is-style-origin-canvas-tag-chip a:hover {
    24         background: var(--wp--preset--color--border);
     29        background: var(--wp--preset--color--base-5);
    2530}
    2631
    … …  
    3035        text-decoration: none;
    3136}
     37
     38/* A tag link is a term-archive link in every style, so inside post content the
     39   content-link underline is excluded for the block as a whole, not only the chip. */
     40.wp-block-post-content .wp-block-tag-cloud a {
     41        text-decoration: none;
     42}

  • origin-canvas/1.4.3/assets/styles/core-video.css

    r330957 r356743  
    11/* Boxed */
    22.is-style-origin-canvas-media-boxed video {
    3         border: 1px solid var(--wp--preset--color--border);
     3        border: 1px solid var(--wp--preset--color--base-5);
    44        border-radius: 8px;
    55        box-shadow: var(--wp--preset--shadow--small);

  • origin-canvas/1.4.3/functions.php

    r347102 r356743  
    1212}
    1313
     14// The palette rename (#116): the map, the pre-rename mark and the aliases; the content migration lives in a separate plugin.
     15require_once get_template_directory() . '/inc/palette-map.php';
     16require_once get_template_directory() . '/inc/palette-state.php';
     17require_once get_template_directory() . '/inc/palette-aliases.php';
     18
    1419if ( ! function_exists( 'origin_canvas_setup' ) ) {
    1520        /**
    … …  
    3035         */
    3136        function origin_canvas_enqueue_styles() {
    32                 wp_enqueue_style( 'origin-canvas-style', get_stylesheet_uri(), array(), ORIGIN_CANVAS_VERSION );
     37                // Version by mtime, as the block-style loader does, so a changed style.css
     38                // gets a fresh URL instead of a stale cached copy.
     39                $file  = get_stylesheet_directory() . '/style.css';
     40                $mtime = file_exists( $file ) ? filemtime( $file ) : false;
     41
     42                wp_enqueue_style( 'origin-canvas-style', get_stylesheet_uri(), array(), $mtime ? $mtime : ORIGIN_CANVAS_VERSION );
    3343        }
    3444}
    3545add_action( 'wp_enqueue_scripts', 'origin_canvas_enqueue_styles' );
     46
     47if ( ! function_exists( 'origin_canvas_enqueue_scripts' ) ) {
     48        /**
     49         * Enqueue the anchor-navigation script: smooth same-page scrolling below the
     50         * sticky chrome and the current-section navigation marker. Front end only.
     51         *
     52         * The `origin_canvas_enqueue_anchor_navigation` filter switches the script off.
     53         * The `scroll-padding-top` rules in style.css stay in place either way, like the
     54         * sticky-header rule they accompany.
     55         */
     56        function origin_canvas_enqueue_scripts() {
     57                if ( ! apply_filters( 'origin_canvas_enqueue_anchor_navigation', true ) ) {
     58                        return;
     59                }
     60
     61                $path  = get_theme_file_path( 'assets/js/anchor-navigation.js' );
     62                $mtime = file_exists( $path ) ? filemtime( $path ) : false;
     63
     64                wp_enqueue_script(
     65                        'origin-canvas-anchor-navigation',
     66                        get_theme_file_uri( 'assets/js/anchor-navigation.js' ),
     67                        array(),
     68                        $mtime ? $mtime : ORIGIN_CANVAS_VERSION,
     69                        array( 'strategy' => 'defer' )
     70                );
     71        }
     72}
     73add_action( 'wp_enqueue_scripts', 'origin_canvas_enqueue_scripts' );
    3674
    3775if ( ! function_exists( 'origin_canvas_register_custom_patterns' ) ) {
    … …  
    63101                        ),
    64102                        'origin-canvas/cta-band' => array(
    65                                 'title' => __( 'CTA Band', 'origin-canvas' ),
     103                                'title' => __( 'CTA Card Split', 'origin-canvas' ),
    66104                                'inserter' => true,
    67105                                'categories' => array( 'call-to-action' ),
    … …  
    118156                        'origin-canvas/card'     => array( 'label' => __( 'Cards', 'origin-canvas' ) ),
    119157                        'origin-canvas/faq'      => array( 'label' => __( 'FAQ', 'origin-canvas' ) ),
     158                        'origin-canvas/logos'    => array( 'label' => __( 'Logos', 'origin-canvas' ) ),
     159                        'origin-canvas/author'   => array( 'label' => __( 'Author', 'origin-canvas' ) ),
    120160                );
    121161
    … …  
    220260                        ),
    221261                        'core/button'        => array(
    222                                 array( 'name' => 'origin-canvas-outline-strong', 'label' => __( 'Outline Strong', 'origin-canvas' ) ),
    223262                                array( 'name' => 'origin-canvas-outline-light', 'label' => __( 'Outline Light', 'origin-canvas' ) ),
    224263                                array( 'name' => 'origin-canvas-fill-primary', 'label' => __( 'Fill Primary', 'origin-canvas' ) ),
    225264                        ),
    226265                        'core/list'          => array(
    227                                 array( 'name' => 'origin-canvas-list-check', 'label' => __( 'Check', 'origin-canvas' ) ),
    228                                 array( 'name' => 'origin-canvas-list-check-circle', 'label' => __( 'Check Circle', 'origin-canvas' ) ),
     266                                array( 'name' => 'origin-canvas-list-check', 'label' => __( 'Check Primary', 'origin-canvas' ) ),
     267                                array( 'name' => 'origin-canvas-list-check-circle', 'label' => __( 'Check Circle Primary', 'origin-canvas' ) ),
     268                                array( 'name' => 'origin-canvas-list-check-neutral', 'label' => __( 'Check Neutral', 'origin-canvas' ) ),
     269                                array( 'name' => 'origin-canvas-list-check-circle-neutral', 'label' => __( 'Check Circle Neutral', 'origin-canvas' ) ),
    229270                        ),
    230271                        'core/navigation'    => array(
    231                                 array( 'name' => 'origin-canvas-hover-accent', 'label' => __( 'Hover Accent', 'origin-canvas' ) ),
     272                                array( 'name' => 'origin-canvas-hover-accent', 'label' => __( 'Hover Primary', 'origin-canvas' ) ),
    232273                                array( 'name' => 'origin-canvas-hover-pill', 'label' => __( 'Hover Pill', 'origin-canvas' ) ),
    233274                        ),
    … …  
    248289                                                        'link' => array(
    249290                                                                'color'      => array(
    250                                                                         'text'       => 'var:preset|color|text-heading',
    251                                                                         'background' => 'var:preset|color|surface-muted',
     291                                                                        'text'       => 'var:preset|color|contrast',
     292                                                                        'background' => 'var:preset|color|base-2',
    252293                                                                ),
    253294                                                                'border'     => array(
    … …  
    267308                                                                ':hover'     => array(
    268309                                                                        'color' => array(
    269                                                                                 'background' => 'var:preset|color|border',
     310                                                                                'background' => 'var:preset|color|base-5',
    270311                                                                        ),
    271312                                                                ),
    … …  
    279320                                        'style_data' => array(
    280321                                                'color'    => array(
    281                                                         'text' => 'var:preset|color|text-body',
     322                                                        'text' => 'var:preset|color|contrast-2',
    282323                                                ),
    283324                                                'elements' => array(
    284325                                                        'link' => array(
    285326                                                                'color'      => array(
    286                                                                         'text' => 'var:preset|color|text-heading',
     327                                                                        'text' => 'var:preset|color|contrast',
    287328                                                                ),
    288329                                                                'typography' => array(
    … …  
    405446if ( ! function_exists( 'origin_canvas_rewrite_legacy_card_image_paths' ) ) {
    406447        /**
    407          * TRANSITIONAL back-compat shim — REMOVE IN 1.3.0.
    408          *
    409          * Card pattern images moved from /assets/images/cards/ to /patterns/images/
    410          * (commit 1de024e). core/image and core/cover are static blocks, so sites that
    411          * inserted these patterns under the previously-published 1.0.4 have the OLD
    412          * absolute URL frozen in their post content and would show broken images after
    413          * the move ships.
    414          *
    415          * Rewrites the legacy path to the new one at RENDER time only. It does NOT touch
    416          * the database / user content (non-destructive, reversible) and does NOT
    417          * resurrect the old directory. Scoped to the only two block types that carry
    418          * these URLs (image + cover) — not a generic render_block filter — to stay well
    419          * inside theme territory. Sunset: delete this function + the two add_filter calls
    420          * below in 1.3.0, by which point affected content will have re-saved or moved on.
     448         * Back-compat shim for card images inserted under 1.0.x. Sunset: 2.0.0.
     449         *
     450         * Versions 1.0.0 to 1.0.4 shipped the card images under /assets/images/cards/; 1.1.0 moved
     451         * them to /patterns/images/ (commit 1de024e). Image and Cover are static blocks, so a site that
     452         * inserted a card pattern under 1.0.x holds the old absolute URL in its saved content, and
     453         * wordpress.org distributed those versions. The rewrite happens at render time only: the
     454         * database is not touched and the old folder is not brought back. Scoped to the two block
     455         * types that carry these URLs. card-team-1.webp is not covered: it left the theme in 1.3.0
     456         * (commit 4415891) and has no file to point at.
     457         *
     458         * The shim shipped in 1.1.0 with a 1.3.0 sunset, was removed in 1.4.0, and is restored in
     459         * 1.4.3 because 1.0.x sites are still updating from wordpress.org. A shipped asset name now
     460         * changes only at a major version (CLAUDE.md, 3b), so the shim leaves with 2.0.0.
    421461         *
    422462         * @param string $block_content Rendered block HTML.
    … …  
    424464         */
    425465        function origin_canvas_rewrite_legacy_card_image_paths( $block_content ) {
    426                 if ( false === strpos( $block_content, '/assets/images/cards/' ) ) {
    427                         return $block_content;
    428                 }
    429 
    430                 return str_replace(
    431                         '/assets/images/cards/',
    432                         '/patterns/images/',
    433                         $block_content
    434                 );
     466                // Scoped to this theme's own directory path, whatever the scheme or host the URL was
     467                // saved with, so an image under another theme's or a plugin's assets/images/cards/ is
     468                // left alone.
     469                $theme_path = (string) wp_parse_url( get_template_directory_uri(), PHP_URL_PATH );
     470                $old        = $theme_path . '/assets/images/cards/';
     471                if ( false === strpos( $block_content, $old ) ) {
     472                        return $block_content;
     473                }
     474
     475                return str_replace( $old, $theme_path . '/patterns/images/', $block_content );
    435476        }
    436477}
    … …  
    473514add_filter( 'render_block_core/navigation', 'origin_canvas_swap_nav_chevron', 10, 2 );
    474515
     516if ( ! function_exists( 'origin_canvas_scope_overlay_nav_context' ) ) {
     517        /**
     518         * Give the navigation inside a custom overlay part its own overlay context.
     519         *
     520         * The header navigation sets `overlay` to a template part, and core renders
     521         * that part inside its own responsive container. Core forces the part's
     522         * navigation to `overlayMenu: never` and, because a non-responsive navigation
     523         * is not an overlay, gives its wrapper no `data-wp-context`. Its submenu
     524         * toggles are still bound to `state.isSubmenuOpen`, which reads
     525         * `overlayOpenedBy` from the nearest context — the HEADER navigation's, one
     526         * level up. While the hamburger is open that reads true, so every toggle
     527         * in the overlay renders aria-expanded="true" and a tap never changes it.
     528         *
     529         * Shadow that one key on the part's navigation wrapper. Its submenus then
     530         * see an overlay nobody has opened and fall through to their own state, so
     531         * the toggle, the chevron rotation and the collapse rules all work. The
     532         * overlay close button lives outside this wrapper and keeps inheriting the
     533         * header's context, which is the context it closes.
     534         *
     535         * Upstream fix: Gutenberg PR #82596 (24.1) adds `hasCustomOverlay` to the
     536         * overlay context and makes the getter ignore `overlayOpenedBy` under a
     537         * custom overlay; this shadow is then a no-op. Remove it once the theme's
     538         * WordPress floor includes that change.
     539         *
     540         * @param string $block_content Rendered navigation block HTML.
     541         * @param array  $block         Parsed block; core marks a navigation rendered
     542         *                              inside an overlay part with
     543         *                              `_isWithinOverlayTemplatePart`.
     544         * @return string Navigation HTML, with the context on the wrapper when the
     545         *                block is inside an overlay part and the wrapper has none.
     546         */
     547        function origin_canvas_scope_overlay_nav_context( $block_content, $block = array() ) {
     548                if ( empty( $block['attrs']['_isWithinOverlayTemplatePart'] ) ) {
     549                        return $block_content;
     550                }
     551
     552                $tags = new WP_HTML_Tag_Processor( $block_content );
     553
     554                // The block wrapper is the first tag. Anything else means core changed
     555                // its markup, and the shadow would land on the wrong element.
     556                if ( ! $tags->next_tag() || ! $tags->has_class( 'wp-block-navigation' ) ) {
     557                        return $block_content;
     558                }
     559
     560                // A wrapper that already carries a context has been given one by core;
     561                // defer to it.
     562                if ( null !== $tags->get_attribute( 'data-wp-context' ) ) {
     563                        return $block_content;
     564                }
     565
     566                $tags->set_attribute(
     567                        'data-wp-context',
     568                        'core/navigation::' . wp_json_encode(
     569                                array(
     570                                        'overlayOpenedBy' => array(
     571                                                'click' => false,
     572                                                'hover' => false,
     573                                                'focus' => false,
     574                                        ),
     575                                )
     576                        )
     577                );
     578
     579                return $tags->get_updated_html();
     580        }
     581}
     582add_filter( 'render_block_core/navigation', 'origin_canvas_scope_overlay_nav_context', 10, 2 );
     583
    475584if ( ! function_exists( 'origin_canvas_comment_author_badge' ) ) {
    476585        /**

  • origin-canvas/1.4.3/parts/mobile-menu.html

    r347102 r356743  
    1 <!-- wp:group {"metadata":{"name":"Mobile Menu"},"className":"origin-canvas-mobile-menu","style":{"spacing":{"padding":{"top":"var:preset|spacing|large","right":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|large"},"blockGap":"var:preset|spacing|large"},"dimensions":{"minHeight":"100vh"},"elements":{"link":{"color":{"text":"var:preset|color|text-heading"},":hover":{"color":{"text":"var:preset|color|primary"}}}}},"backgroundColor":"surface-base","textColor":"text-heading","layout":{"type":"default"}} -->
    2 <div class="wp-block-group origin-canvas-mobile-menu has-text-heading-color has-surface-base-background-color has-text-color has-background has-link-color" style="min-height:100vh;padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"right"}} -->
    3 <div class="wp-block-group"><!-- wp:navigation-overlay-close /--></div>
     1<!-- wp:group {"metadata":{"name":"Mobile Menu"},"className":"origin-canvas-mobile-menu","style":{"spacing":{"padding":{"top":"var:preset|spacing|large","right":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|large"},"blockGap":"var:preset|spacing|large"},"dimensions":{"minHeight":"100vh"},"elements":{"link":{"color":{"text":"var:preset|color|contrast"},":hover":{"color":{"text":"var:preset|color|primary"}}}}},"backgroundColor":"base","textColor":"contrast","layout":{"type":"default"}} -->
     2<div class="wp-block-group origin-canvas-mobile-menu has-contrast-color has-base-background-color has-text-color has-background has-link-color" style="min-height:100vh;padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between","verticalAlignment":"center"}} -->
     3<div class="wp-block-group"><!-- wp:site-title {"level":0,"style":{"spacing":{"margin":{"bottom":"0px","top":"0px"}},"elements":{"link":{"color":{"text":"var:preset|color|contrast"},":hover":{"color":{"text":"var:preset|color|primary"}}}}},"textColor":"contrast"} /-->
     4
     5<!-- wp:navigation-overlay-close /--></div>
    46<!-- /wp:group -->
    57

  • origin-canvas/1.4.3/patterns/availability-marker.php

    r347102 r356743  
    33 * Title: Availability Marker
    44 * Slug: origin-canvas/availability-marker
     5 * Description: A small accent-color dot and a short line of text that says when the studio can take new work.
    56 * Categories: text
    6  * Keywords: status, studio, badge, capacity
     7 * Keywords: status, badge, capacity
    78 * Block Types: core/post-content
    89 * Inserter: true
    … …  
    1213
    1314?>
    14 <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|compact"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"center"}} -->
    15 <div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600","letterSpacing":"0.04em","textTransform":"uppercase"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-heading","fontSize":"extra-small"} -->
    16 <p class="has-text-heading-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:600;letter-spacing:0.04em;text-transform:uppercase"><span aria-hidden="true" style="background-color:var(--wp--preset--color--primary);border-radius:999px;display:inline-block;height:6px;margin-right:8px;vertical-align:middle;width:6px"></span><?php echo esc_html__( 'One slot open', 'origin-canvas' ); ?> &middot; <?php echo esc_html__( 'Summer &#8217;26', 'origin-canvas' ); ?></p>
     15<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small-medium"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"center"}} -->
     16<div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600","letterSpacing":"0.06em","textTransform":"uppercase"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast","fontSize":"extra-small"} -->
     17<p class="has-contrast-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:600;letter-spacing:0.06em;text-transform:uppercase"><span aria-hidden="true" style="background-color:var(--wp--preset--color--primary);border-radius:999px;display:inline-block;height:6px;margin-right:8px;vertical-align:middle;width:6px"></span><?php echo esc_html__( 'One slot open', 'origin-canvas' ); ?></p>
    1718<!-- /wp:paragraph --></div>
    1819<!-- /wp:group -->

  • origin-canvas/1.4.3/patterns/breath-statement.php

    r347102 r356743  
    11<?php
    22/**
    3  * Title: Breath Statement
     3 * Title: Statement With Eyebrow
    44 * Slug: origin-canvas/breath-statement
     5 * Description: One large centered sentence under a short eyebrow, with no fill.
    56 * Categories: text
    6  * Keywords: editorial, intro, home, pause
     7 * Keywords: editorial, manifesto, headline
    78 * Block Types: core/post-content
    89 * Viewport Width: 1500
    9  * Inserter: true
     10 * Inserter: false
    1011 *
    1112 * @package Origin
    … …  
    1314
    1415?>
    15 <!-- wp:group {"tagName":"section","align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"}}},"layout":{"type":"constrained","contentSize":"880px"}} -->
    16 <section class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:paragraph {"align":"center","style":{"typography":{"textTransform":"uppercase","fontWeight":"600","letterSpacing":"0.08em"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}}},"textColor":"primary","fontSize":"extra-small"} -->
    17 <p class="has-text-align-center has-primary-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium);font-weight:600;letter-spacing:0.08em;text-transform:uppercase"><?php echo esc_html__( '02 / What we do', 'origin-canvas' ); ?></p>
     16<!-- wp:group {"tagName":"section","align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"}}},"layout":{"type":"constrained"}} -->
     17<section class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:paragraph {"className":"origin-canvas-eyebrow","style":{"typography":{"textTransform":"uppercase","fontWeight":"600","letterSpacing":"0.06em","textAlign":"center"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}}},"textColor":"primary","fontSize":"extra-small"} -->
     18<p class="origin-canvas-eyebrow has-text-align-center has-primary-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium);font-weight:600;letter-spacing:0.06em;text-transform:uppercase"><?php echo esc_html__( 'What we do', 'origin-canvas' ); ?></p>
    1819<!-- /wp:paragraph -->
    1920
    20 <!-- wp:heading {"textAlign":"center","level":2,"style":{"typography":{"fontWeight":"500","lineHeight":"1.15"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"display-xl"} -->
    21 <h2 class="wp-block-heading has-text-align-center has-display-xl-font-size" style="margin-top:0;margin-bottom:0;font-weight:500;line-height:1.15"><?php echo wp_kses_post( __( 'We work with founders who care how their work looks and reads. <span class="has-inline-color has-text-muted-color">Roughly twelve projects a year, each one starts with a conversation.</span>', 'origin-canvas' ) ); ?></h2>
     21<!-- wp:heading {"level":2,"align":"wide","className":"origin-canvas-text-balance","style":{"typography":{"fontWeight":"500","lineHeight":"1.15","textAlign":"center"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"display-xl"} -->
     22<h2 class="wp-block-heading has-text-align-center alignwide origin-canvas-text-balance has-display-xl-font-size" style="margin-top:0;margin-bottom:0;font-weight:500;line-height:1.15"><?php echo wp_kses_post( __( 'We work with founders who care how their work looks and reads.', 'origin-canvas' ) ); ?></h2>
    2223<!-- /wp:heading --></section>
    2324<!-- /wp:group -->

  • origin-canvas/1.4.3/patterns/card-blog-post.php

    r347102 r356743  
    33 * Title: Card Blog Post
    44 * Slug: origin-canvas/card-blog-post
    5  * Description: A single blog post card with image, category, title, excerpt, and meta. Pair with the Blog Post Grid pattern (a dynamic query loop) for multiple posts, or insert manually inside a Columns block.
     5 * Description: One post on a tinted card: a picture, the category, title, excerpt and date.
    66 * Categories: origin-canvas/card
    77 * Keywords: article, journal, teaser, snippet
    … …  
    1515
    1616?>
    17 <!-- wp:group {"backgroundColor":"surface-muted","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"0","right":"0","bottom":"var:preset|spacing|large","left":"0"},"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"constrained"}} -->
    18 <div class="wp-block-group has-surface-muted-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:0;padding-right:0;padding-bottom:var(--wp--preset--spacing--large);padding-left:0"><!-- wp:image {"aspectRatio":"3/2","linkDestination":"none","className":"origin-canvas-card-blog-image"} -->
    19 <figure class="wp-block-image origin-canvas-card-blog-image"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/card-blog-1.webp" alt="<?php esc_attr_e( 'A blank client brief, notebook, pencil, and clipped papers on a pale desk.', 'origin-canvas' ); ?>" style="aspect-ratio:3/2"/></figure>
     17<!-- wp:group {"backgroundColor":"base-2","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"0","right":"0","bottom":"var:preset|spacing|extra-large","left":"0"},"blockGap":"var:preset|spacing|extra-large"}},"layout":{"type":"constrained"}} -->
     18<div class="wp-block-group has-base-2-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:0;padding-right:0;padding-bottom:var(--wp--preset--spacing--extra-large);padding-left:0"><!-- wp:image {"aspectRatio":"3/2","linkDestination":"none","style":{"border":{"radius":{"topLeft":"var:custom|radius|medium","topRight":"var:custom|radius|medium"}}}} -->
     19<figure class="wp-block-image has-custom-border"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/card-blog-1.webp" alt="<?php esc_attr_e( 'A printed Kestrel Physical Therapy website brief on a clipboard, with blue pen notes and the clinic&#8217;s orange appointment card clipped to the corner.', 'origin-canvas' ); ?>" style="border-top-left-radius:var(--wp--custom--radius--medium);border-top-right-radius:var(--wp--custom--radius--medium);aspect-ratio:3/2"/></figure>
    2020<!-- /wp:image -->
    2121
    22 <!-- wp:group {"style":{"spacing":{"padding":{"left":"var:preset|spacing|large","right":"var:preset|spacing|large"},"blockGap":"0"}},"layout":{"type":"constrained"}} -->
    23 <div class="wp-block-group" style="padding-right:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)"><!-- wp:paragraph {"style":{"typography":{"textTransform":"uppercase","letterSpacing":"0.08em","fontWeight":"500"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|small"}}},"textColor":"primary","fontSize":"extra-small"} -->
    24 <p class="has-primary-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--small);font-weight:500;letter-spacing:0.08em;text-transform:uppercase"><?php echo esc_html__( 'Studio journal', 'origin-canvas' ); ?></p>
     22<!-- wp:group {"style":{"spacing":{"padding":{"left":"var:preset|spacing|extra-large","right":"var:preset|spacing|extra-large"},"blockGap":"0"}},"layout":{"type":"constrained"}} -->
     23<div class="wp-block-group" style="padding-right:var(--wp--preset--spacing--extra-large);padding-left:var(--wp--preset--spacing--extra-large)"><!-- wp:paragraph {"style":{"typography":{"textTransform":"uppercase","letterSpacing":"0.06em","fontWeight":"500"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|small"}}},"textColor":"contrast-3","fontSize":"extra-small"} -->
     24<p class="has-contrast-3-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--small);font-weight:500;letter-spacing:0.06em;text-transform:uppercase"><?php echo esc_html__( 'Studio journal', 'origin-canvas' ); ?></p>
    2525<!-- /wp:paragraph -->
    2626
    27 <!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|compact"}}},"textColor":"text-heading","fontSize":"medium"} -->
    28 <h3 class="wp-block-heading has-text-heading-color has-text-color has-medium-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--compact)"><?php echo esc_html__( 'What we send a client in week one', 'origin-canvas' ); ?></h3>
     27<!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|small-medium"}}},"textColor":"contrast","fontSize":"medium"} -->
     28<h3 class="wp-block-heading has-contrast-color has-text-color has-medium-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--small-medium)"><?php echo esc_html__( 'What we send a client in week one', 'origin-canvas' ); ?></h3>
    2929<!-- /wp:heading -->
    3030
    31 <!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}}},"textColor":"text-body","fontSize":"regular"} -->
    32 <p class="has-text-body-color has-text-color has-regular-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium)"><?php echo esc_html__( 'Before any pixels, we share a single page laying out who the site is for, what it needs to do, and what we&#8217;ll cut from the brief to keep things honest.', 'origin-canvas' ); ?></p>
     31<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}}},"textColor":"contrast-2","fontSize":"regular"} -->
     32<p class="has-contrast-2-color has-text-color has-regular-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium)"><?php echo esc_html__( 'Before any pixels, we share a single page laying out who the site is for, what it needs to do, and what we&#8217;ll cut from the brief to keep things honest.', 'origin-canvas' ); ?></p>
    3333<!-- /wp:paragraph -->
    3434
    35 <!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-body","fontSize":"small"} -->
    36 <p class="has-text-body-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Claire Bennett', 'origin-canvas' ); ?> &middot; <?php echo esc_html__( 'Apr 18, 2026', 'origin-canvas' ); ?> &middot; <?php echo esc_html__( '4 min read', 'origin-canvas' ); ?></p>
     35<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-3","fontSize":"small"} -->
     36<p class="has-contrast-3-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Claire Bennett', 'origin-canvas' ); ?> &middot; <?php echo esc_html__( 'Apr 18, 2026', 'origin-canvas' ); ?> &middot; <?php echo esc_html__( '4 min read', 'origin-canvas' ); ?></p>
    3737<!-- /wp:paragraph --></div>
    3838<!-- /wp:group --></div>

  • origin-canvas/1.4.3/patterns/card-icon-text.php

    r347102 r356743  
    33 * Title: Card Icon Text
    44 * Slug: origin-canvas/card-icon-text
     5 * Description: A heading and lead above four tinted cards in two columns, each with an icon beside a title and text.
    56 * Categories: origin-canvas/card
    6  * Keywords: cards, icons, features, two column, horizontal
     7 * Keywords: icons, features, horizontal
    78 * Block Types: core/post-content
    89 * Inserter: true
    … …  
    1314?>
    1415<!-- wp:group {"tagName":"section","align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"},"blockGap":"var:preset|spacing|extra-large"}},"layout":{"type":"constrained"}} -->
    15 <section class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"var:preset|spacing|small"}},"layout":{"type":"default"}} -->
    16 <div class="wp-block-group alignwide"><!-- wp:heading {"level":2,"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"display"} -->
    17 <h2 class="wp-block-heading has-display-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'How we work', 'origin-canvas' ); ?></h2>
     16<section class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"var:preset|spacing|small"}},"layout":{"type":"constrained","justifyContent":"center"}} -->
     17<div class="wp-block-group alignwide"><!-- wp:heading {"level":2,"align":"wide","style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"textAlign":"center"}},"fontSize":"display"} -->
     18<h2 class="wp-block-heading has-text-align-center alignwide has-display-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'How we work', 'origin-canvas' ); ?></h2>
    1819<!-- /wp:heading -->
    1920
    20 <!-- wp:paragraph {"textColor":"text-body","fontSize":"regular-plus"} -->
    21 <p class="has-text-body-color has-text-color has-regular-plus-font-size"><?php echo esc_html__( 'A small studio with strong opinions about brand and web work. Here&#8217;s what working with us looks like in practice.', 'origin-canvas' ); ?></p>
     21<!-- wp:paragraph {"style":{"typography":{"textAlign":"center"}},"textColor":"contrast-2","fontSize":"regular-plus"} -->
     22<p class="has-text-align-center has-contrast-2-color has-text-color has-regular-plus-font-size"><?php echo esc_html__( 'A small studio with strong opinions about brand and web work. Here&#8217;s what working with us looks like in practice.', 'origin-canvas' ); ?></p>
    2223<!-- /wp:paragraph --></div>
    2324<!-- /wp:group -->
    2425
    2526<!-- wp:columns {"align":"wide","verticalAlignment":"stretch","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
    26 <div class="wp-block-columns alignwide are-vertically-aligned-stretch"><!-- wp:column {"verticalAlignment":"stretch","backgroundColor":"surface-muted","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"var:preset|spacing|large","right":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
    27 <div class="wp-block-column is-vertically-aligned-stretch has-surface-muted-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"flex","verticalAlignment":"top"}} -->
    28 <div class="wp-block-group"><!-- wp:group {"className":"is-style-origin-canvas-icon-bubble","backgroundColor":"surface-base","layout":{"type":"flex","justifyContent":"center","verticalAlignment":"center"}} -->
    29 <div class="wp-block-group is-style-origin-canvas-icon-bubble has-surface-base-background-color has-background"><!-- wp:icon {"icon":"core/settings","textColor":"primary","style":{"dimensions":{"width":"38px"}}} /--></div>
     27<div class="wp-block-columns alignwide are-vertically-aligned-stretch"><!-- wp:column {"verticalAlignment":"stretch","backgroundColor":"base-2","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"var:preset|spacing|large","right":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
     28<div class="wp-block-column is-vertically-aligned-stretch has-base-2-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
     29<div class="wp-block-group"><!-- wp:group {"className":"is-style-origin-canvas-icon-bubble","backgroundColor":"base","layout":{"type":"flex","justifyContent":"center","verticalAlignment":"center"}} -->
     30<div class="wp-block-group is-style-origin-canvas-icon-bubble has-base-background-color has-background"><!-- wp:icon {"icon":"core/settings","textColor":"primary","style":{"dimensions":{"width":"28px"}}} /--></div>
    3031<!-- /wp:group -->
    3132
    3233<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small"}},"layout":{"type":"constrained"}} -->
    3334<div class="wp-block-group"><!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"medium"} -->
    34 <h3 class="wp-block-heading has-medium-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'One project at a time', 'origin-canvas' ); ?></h3>
     35<h3 class="wp-block-heading has-medium-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Your work gets our full attention', 'origin-canvas' ); ?></h3>
    3536<!-- /wp:heading -->
    3637
    37 <!-- wp:paragraph {"textColor":"text-body","fontSize":"regular"} -->
    38 <p class="has-text-body-color has-text-color has-regular-font-size"><?php echo esc_html__( 'We take on roughly a project a month so the work in front of us always gets our full attention.', 'origin-canvas' ); ?></p>
     38<!-- wp:paragraph {"textColor":"contrast-2","fontSize":"regular"} -->
     39<p class="has-contrast-2-color has-text-color has-regular-font-size"><?php echo esc_html__( 'We take on a few clients at a time, and the people you meet on the first call do the work themselves.', 'origin-canvas' ); ?></p>
    3940<!-- /wp:paragraph --></div>
    4041<!-- /wp:group --></div>
    … …  
    4243<!-- /wp:column -->
    4344
    44 <!-- wp:column {"verticalAlignment":"stretch","backgroundColor":"surface-muted","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"var:preset|spacing|large","right":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
    45 <div class="wp-block-column is-vertically-aligned-stretch has-surface-muted-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"flex","verticalAlignment":"top"}} -->
    46 <div class="wp-block-group"><!-- wp:group {"className":"is-style-origin-canvas-icon-bubble","backgroundColor":"surface-base","layout":{"type":"flex","justifyContent":"center","verticalAlignment":"center"}} -->
    47 <div class="wp-block-group is-style-origin-canvas-icon-bubble has-surface-base-background-color has-background"><!-- wp:icon {"icon":"core/heading","textColor":"primary","style":{"dimensions":{"width":"38px"}}} /--></div>
     45<!-- wp:column {"verticalAlignment":"stretch","backgroundColor":"base-2","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"var:preset|spacing|large","right":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
     46<div class="wp-block-column is-vertically-aligned-stretch has-base-2-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
     47<div class="wp-block-group"><!-- wp:group {"className":"is-style-origin-canvas-icon-bubble","backgroundColor":"base","layout":{"type":"flex","justifyContent":"center","verticalAlignment":"center"}} -->
     48<div class="wp-block-group is-style-origin-canvas-icon-bubble has-base-background-color has-background"><!-- wp:icon {"icon":"core/heading","textColor":"primary","style":{"dimensions":{"width":"28px"}}} /--></div>
    4849<!-- /wp:group -->
    4950
    … …  
    5354<!-- /wp:heading -->
    5455
    55 <!-- wp:paragraph {"textColor":"text-body","fontSize":"regular"} -->
    56 <p class="has-text-body-color has-text-color has-regular-font-size"><?php echo esc_html__( 'We tell you what we&#8217;ll do, what we won&#8217;t, and what it&#8217;ll cost - in plain language, on a single page.', 'origin-canvas' ); ?></p>
     56<!-- wp:paragraph {"textColor":"contrast-2","fontSize":"regular"} -->
     57<p class="has-contrast-2-color has-text-color has-regular-font-size"><?php echo esc_html__( 'We tell you what we&#8217;ll do, what we won&#8217;t, and what it&#8217;ll cost, in plain language and on a single page.', 'origin-canvas' ); ?></p>
    5758<!-- /wp:paragraph --></div>
    5859<!-- /wp:group --></div>
    … …  
    6263
    6364<!-- wp:columns {"align":"wide","verticalAlignment":"stretch","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
    64 <div class="wp-block-columns alignwide are-vertically-aligned-stretch"><!-- wp:column {"verticalAlignment":"stretch","backgroundColor":"surface-muted","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"var:preset|spacing|large","right":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
    65 <div class="wp-block-column is-vertically-aligned-stretch has-surface-muted-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"flex","verticalAlignment":"top"}} -->
    66 <div class="wp-block-group"><!-- wp:group {"className":"is-style-origin-canvas-icon-bubble","backgroundColor":"surface-base","layout":{"type":"flex","justifyContent":"center","verticalAlignment":"center"}} -->
    67 <div class="wp-block-group is-style-origin-canvas-icon-bubble has-surface-base-background-color has-background"><!-- wp:icon {"icon":"core/group","textColor":"primary","style":{"dimensions":{"width":"38px"}}} /--></div>
     65<div class="wp-block-columns alignwide are-vertically-aligned-stretch"><!-- wp:column {"verticalAlignment":"stretch","backgroundColor":"base-2","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"var:preset|spacing|large","right":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
     66<div class="wp-block-column is-vertically-aligned-stretch has-base-2-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
     67<div class="wp-block-group"><!-- wp:group {"className":"is-style-origin-canvas-icon-bubble","backgroundColor":"base","layout":{"type":"flex","justifyContent":"center","verticalAlignment":"center"}} -->
     68<div class="wp-block-group is-style-origin-canvas-icon-bubble has-base-background-color has-background"><!-- wp:icon {"icon":"core/group","textColor":"primary","style":{"dimensions":{"width":"28px"}}} /--></div>
    6869<!-- /wp:group -->
    6970
    … …  
    7374<!-- /wp:heading -->
    7475
    75 <!-- wp:paragraph {"textColor":"text-body","fontSize":"regular"} -->
    76 <p class="has-text-body-color has-text-color has-regular-font-size"><?php echo esc_html__( 'Sites we build are easy for you to update on a quiet Tuesday afternoon, without needing us on a call.', 'origin-canvas' ); ?></p>
     76<!-- wp:paragraph {"textColor":"contrast-2","fontSize":"regular"} -->
     77<p class="has-contrast-2-color has-text-color has-regular-font-size"><?php echo esc_html__( 'Sites we build are easy for you to update on a quiet Tuesday afternoon, without needing us on a call.', 'origin-canvas' ); ?></p>
    7778<!-- /wp:paragraph --></div>
    7879<!-- /wp:group --></div>
    … …  
    8081<!-- /wp:column -->
    8182
    82 <!-- wp:column {"verticalAlignment":"stretch","backgroundColor":"surface-muted","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"var:preset|spacing|large","right":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
    83 <div class="wp-block-column is-vertically-aligned-stretch has-surface-muted-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"flex","verticalAlignment":"top"}} -->
    84 <div class="wp-block-group"><!-- wp:group {"className":"is-style-origin-canvas-icon-bubble","backgroundColor":"surface-base","layout":{"type":"flex","justifyContent":"center","verticalAlignment":"center"}} -->
    85 <div class="wp-block-group is-style-origin-canvas-icon-bubble has-surface-base-background-color has-background"><!-- wp:icon {"icon":"core/cover","textColor":"primary","style":{"dimensions":{"width":"38px"}}} /--></div>
     83<!-- wp:column {"verticalAlignment":"stretch","backgroundColor":"base-2","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"var:preset|spacing|large","right":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
     84<div class="wp-block-column is-vertically-aligned-stretch has-base-2-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
     85<div class="wp-block-group"><!-- wp:group {"className":"is-style-origin-canvas-icon-bubble","backgroundColor":"base","layout":{"type":"flex","justifyContent":"center","verticalAlignment":"center"}} -->
     86<div class="wp-block-group is-style-origin-canvas-icon-bubble has-base-background-color has-background"><!-- wp:icon {"icon":"core/cover","textColor":"primary","style":{"dimensions":{"width":"28px"}}} /--></div>
    8687<!-- /wp:group -->
    8788
    … …  
    9192<!-- /wp:heading -->
    9293
    93 <!-- wp:paragraph {"textColor":"text-body","fontSize":"regular"} -->
    94 <p class="has-text-body-color has-text-color has-regular-font-size"><?php echo esc_html__( 'Half of our clients have been with us for more than three years. We&#8217;d rather build that than win awards.', 'origin-canvas' ); ?></p>
     94<!-- wp:paragraph {"textColor":"contrast-2","fontSize":"regular"} -->
     95<p class="has-contrast-2-color has-text-color has-regular-font-size"><?php echo esc_html__( 'Half of our clients have been with us for more than three years. We&#8217;d rather build that than win awards.', 'origin-canvas' ); ?></p>
    9596<!-- /wp:paragraph --></div>
    9697<!-- /wp:group --></div>

  • origin-canvas/1.4.3/patterns/card-image-text.php

    r347102 r356743  
    11<?php
    22/**
    3  * Title: Card Image Text
     3 * Title: Work Band Cards
    44 * Slug: origin-canvas/card-image-text
     5 * Description: A heading and a link above four cards in two columns, each with a picture, a title, text and a link, on a tinted band.
    56 * Categories: origin-canvas/card
    6  * Keywords: cards, articles, content, media
     7 * Keywords: articles, content, media
    78 * Block Types: core/post-content
    89 * Inserter: true
    … …  
    1213
    1314?>
    14 <!-- wp:group {"tagName":"section","align":"full","backgroundColor":"surface-muted","style":{"spacing":{"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"},"blockGap":"var:preset|spacing|extra-large"}},"layout":{"type":"constrained"}} -->
    15 <section class="wp-block-group alignfull has-surface-muted-background-color has-background" style="padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:heading {"level":2,"align":"wide","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"display"} -->
    16 <h2 class="wp-block-heading has-display-font-size alignwide" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Selected work', 'origin-canvas' ); ?></h2>
     15<!-- wp:group {"tagName":"section","align":"full","backgroundColor":"base-2","style":{"spacing":{"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"},"blockGap":"var:preset|spacing|large"}},"layout":{"type":"constrained"}} -->
     16<section class="wp-block-group alignfull has-base-2-background-color has-background" style="padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:group {"align":"wide","className":"origin-canvas-align-baseline","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|small","left":"var:preset|spacing|extra-large"}}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between"}} -->
     17<div class="wp-block-group alignwide origin-canvas-align-baseline"><!-- wp:heading {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"huge"} -->
     18<h2 class="wp-block-heading has-huge-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Latest from the studio', 'origin-canvas' ); ?></h2>
    1719<!-- /wp:heading -->
    1820
     21<!-- wp:group {"className":"origin-canvas-align-baseline","style":{"spacing":{"blockGap":"var:preset|spacing|small"}},"layout":{"type":"flex","flexWrap":"wrap"}} -->
     22<div class="wp-block-group origin-canvas-align-baseline"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-3","fontSize":"regular"} -->
     23<p class="has-contrast-3-color has-text-color has-regular-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Want to see more?', 'origin-canvas' ); ?></p>
     24<!-- /wp:paragraph -->
     25
     26<!-- wp:paragraph {"className":"origin-canvas-no-shrink","style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast","fontSize":"regular"} -->
     27<p class="origin-canvas-no-shrink has-contrast-color has-text-color has-regular-font-size" style="margin-top:0;margin-bottom:0;font-weight:600"><a href="#" style="text-decoration:none"><?php echo esc_html__( 'View all', 'origin-canvas' ); ?> <span aria-hidden="true">&rarr;</span></a></p>
     28<!-- /wp:paragraph --></div>
     29<!-- /wp:group --></div>
     30<!-- /wp:group -->
     31
    1932<!-- wp:columns {"align":"wide","verticalAlignment":"stretch","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
    20 <div class="wp-block-columns alignwide are-vertically-aligned-stretch"><!-- wp:column {"verticalAlignment":"stretch","backgroundColor":"surface-base","style":{"border":{"radius":"var:custom|radius|medium"},"shadow":"var:preset|shadow|small","spacing":{"padding":{"top":"var:preset|spacing|small","right":"var:preset|spacing|small","bottom":"var:preset|spacing|large","left":"var:preset|spacing|small"}}}} -->
    21 <div class="wp-block-column is-vertically-aligned-stretch has-surface-base-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--small);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--small);box-shadow:var(--wp--preset--shadow--small)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"constrained"}} -->
    22 <div class="wp-block-group"><!-- wp:image {"aspectRatio":"3/2","linkDestination":"none","style":{"border":{"radius":"var:custom|radius|medium"}}} -->
    23 <figure class="wp-block-image has-custom-border"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/card-image-text-1.webp" alt="<?php esc_attr_e( 'Tea tins, paper pouches, and loose tea arranged on a sunlit counter.', 'origin-canvas' ); ?>" style="border-radius:var(--wp--custom--radius--medium);aspect-ratio:3/2"/></figure>
     33<div class="wp-block-columns alignwide are-vertically-aligned-stretch"><!-- wp:column {"verticalAlignment":"stretch","backgroundColor":"base","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"var:preset|spacing|small","right":"var:preset|spacing|small","bottom":"var:preset|spacing|large","left":"var:preset|spacing|small"}}}} -->
     34<div class="wp-block-column is-vertically-aligned-stretch has-base-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--small);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--small)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"constrained"}} -->
     35<div class="wp-block-group"><!-- wp:image {"aspectRatio":"3/2","linkDestination":"none","className":"is-style-rounded"} -->
     36<figure class="wp-block-image is-style-rounded"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/shop-front.webp" alt="<?php esc_attr_e( 'The open roll-up door of the Northgate Cycle Works shop, with a road bike in a repair stand inside.', 'origin-canvas' ); ?>" style="aspect-ratio:3/2"/></figure>
    2437<!-- /wp:image -->
    2538
    26 <!-- wp:group {"style":{"spacing":{"padding":{"left":"var:preset|spacing|medium","right":"var:preset|spacing|medium"},"blockGap":"var:preset|spacing|compact"}},"layout":{"type":"constrained"}} -->
     39<!-- wp:group {"style":{"spacing":{"padding":{"left":"var:preset|spacing|medium","right":"var:preset|spacing|medium"},"blockGap":"var:preset|spacing|small-medium"}},"layout":{"type":"constrained"}} -->
    2740<div class="wp-block-group" style="padding-right:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--medium)"><!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"medium"} -->
    28 <h3 class="wp-block-heading has-medium-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Hartwell Tea Co.', 'origin-canvas' ); ?></h3>
     41<h3 class="wp-block-heading has-medium-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Northgate Cycle Works', 'origin-canvas' ); ?></h3>
    2942<!-- /wp:heading -->
    3043
    31 <!-- wp:paragraph {"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|medium"}}},"textColor":"text-body","fontSize":"regular"} -->
    32 <p class="has-text-body-color has-text-color has-regular-font-size" style="margin-bottom:var(--wp--preset--spacing--medium)"><?php echo esc_html__( 'Identity and online shop for a small family tea brand. We renamed the blends, redesigned the tins, and launched the site in six weeks.', 'origin-canvas' ); ?></p>
     44<!-- wp:paragraph {"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|medium"}}},"textColor":"contrast-2","fontSize":"regular"} -->
     45<p class="has-contrast-2-color has-text-color has-regular-font-size" style="margin-bottom:var(--wp--preset--spacing--medium)"><?php echo esc_html__( 'Web and a service list for a neighborhood bike repair shop. Prices up front, bookings online, and a site the mechanics update themselves.', 'origin-canvas' ); ?></p>
    3346<!-- /wp:paragraph -->
    3447
    35 <!-- wp:paragraph {"style":{"typography":{"fontWeight":"500"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"primary","fontSize":"regular"} -->
    36 <p class="has-primary-color has-text-color has-regular-font-size" style="margin-top:0;margin-bottom:0;font-weight:500"><?php echo esc_html__( 'View case study', 'origin-canvas' ); ?></p>
     48<!-- wp:paragraph {"style":{"typography":{"fontWeight":"500"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast","fontSize":"regular"} -->
     49<p class="has-contrast-color has-text-color has-regular-font-size" style="margin-top:0;margin-bottom:0;font-weight:500"><?php echo esc_html__( 'View case study', 'origin-canvas' ); ?></p>
    3750<!-- /wp:paragraph --></div>
    3851<!-- /wp:group --></div>
    … …  
    4053<!-- /wp:column -->
    4154
    42 <!-- wp:column {"verticalAlignment":"stretch","backgroundColor":"surface-base","style":{"border":{"radius":"var:custom|radius|medium"},"shadow":"var:preset|shadow|small","spacing":{"padding":{"top":"var:preset|spacing|small","right":"var:preset|spacing|small","bottom":"var:preset|spacing|large","left":"var:preset|spacing|small"}}}} -->
    43 <div class="wp-block-column is-vertically-aligned-stretch has-surface-base-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--small);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--small);box-shadow:var(--wp--preset--shadow--small)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"constrained"}} -->
    44 <div class="wp-block-group"><!-- wp:image {"aspectRatio":"3/2","linkDestination":"none","style":{"border":{"radius":"var:custom|radius|medium"}}} -->
    45 <figure class="wp-block-image has-custom-border"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/card-image-text-2.webp" alt="<?php esc_attr_e( 'A printed house photograph and floor plan on a pale stone work surface.', 'origin-canvas' ); ?>" style="border-radius:var(--wp--custom--radius--medium);aspect-ratio:3/2"/></figure>
     55<!-- wp:column {"verticalAlignment":"stretch","backgroundColor":"base","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"var:preset|spacing|small","right":"var:preset|spacing|small","bottom":"var:preset|spacing|large","left":"var:preset|spacing|small"}}}} -->
     56<div class="wp-block-column is-vertically-aligned-stretch has-base-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--small);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--small)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"constrained"}} -->
     57<div class="wp-block-group"><!-- wp:image {"aspectRatio":"3/2","linkDestination":"none","className":"is-style-rounded"} -->
     58<figure class="wp-block-image is-style-rounded"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/card-image-text-2.webp" alt="<?php esc_attr_e( 'Westmount Realty listing sheets, a clipboard and house keys on the kitchen counter of an empty ranch house.', 'origin-canvas' ); ?>" style="aspect-ratio:3/2"/></figure>
    4659<!-- /wp:image -->
    4760
    48 <!-- wp:group {"style":{"spacing":{"padding":{"left":"var:preset|spacing|medium","right":"var:preset|spacing|medium"},"blockGap":"var:preset|spacing|compact"}},"layout":{"type":"constrained"}} -->
     61<!-- wp:group {"style":{"spacing":{"padding":{"left":"var:preset|spacing|medium","right":"var:preset|spacing|medium"},"blockGap":"var:preset|spacing|small-medium"}},"layout":{"type":"constrained"}} -->
    4962<div class="wp-block-group" style="padding-right:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--medium)"><!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"medium"} -->
    50 <h3 class="wp-block-heading has-medium-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Westmount Property', 'origin-canvas' ); ?></h3>
     63<h3 class="wp-block-heading has-medium-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Westmount Realty', 'origin-canvas' ); ?></h3>
    5164<!-- /wp:heading -->
    5265
    53 <!-- wp:paragraph {"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|medium"}}},"textColor":"text-body","fontSize":"regular"} -->
    54 <p class="has-text-body-color has-text-color has-regular-font-size" style="margin-bottom:var(--wp--preset--spacing--medium)"><?php echo esc_html__( 'A property listing site that holds its own next to the big portals. Quiet type, generous white space, and a search that actually finds things.', 'origin-canvas' ); ?></p>
     66<!-- wp:paragraph {"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|medium"}}},"textColor":"contrast-2","fontSize":"regular"} -->
     67<p class="has-contrast-2-color has-text-color has-regular-font-size" style="margin-bottom:var(--wp--preset--spacing--medium)"><?php echo esc_html__( 'A real estate listing site that holds its own next to the big national sites. Quiet type, generous white space, and a search that actually finds things.', 'origin-canvas' ); ?></p>
    5568<!-- /wp:paragraph -->
    5669
    57 <!-- wp:paragraph {"style":{"typography":{"fontWeight":"500"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"primary","fontSize":"regular"} -->
    58 <p class="has-primary-color has-text-color has-regular-font-size" style="margin-top:0;margin-bottom:0;font-weight:500"><?php echo esc_html__( 'View case study', 'origin-canvas' ); ?></p>
     70<!-- wp:paragraph {"style":{"typography":{"fontWeight":"500"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast","fontSize":"regular"} -->
     71<p class="has-contrast-color has-text-color has-regular-font-size" style="margin-top:0;margin-bottom:0;font-weight:500"><?php echo esc_html__( 'View case study', 'origin-canvas' ); ?></p>
    5972<!-- /wp:paragraph --></div>
    6073<!-- /wp:group --></div>
    … …  
    6477
    6578<!-- wp:columns {"align":"wide","verticalAlignment":"stretch","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
    66 <div class="wp-block-columns alignwide are-vertically-aligned-stretch"><!-- wp:column {"verticalAlignment":"stretch","backgroundColor":"surface-base","style":{"border":{"radius":"var:custom|radius|medium"},"shadow":"var:preset|shadow|small","spacing":{"padding":{"top":"var:preset|spacing|small","right":"var:preset|spacing|small","bottom":"var:preset|spacing|large","left":"var:preset|spacing|small"}}}} -->
    67 <div class="wp-block-column is-vertically-aligned-stretch has-surface-base-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--small);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--small);box-shadow:var(--wp--preset--shadow--small)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"constrained"}} -->
    68 <div class="wp-block-group"><!-- wp:image {"aspectRatio":"3/2","linkDestination":"none","style":{"border":{"radius":"var:custom|radius|medium"}}} -->
    69 <figure class="wp-block-image has-custom-border"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/card-image-text-3.webp" alt="<?php esc_attr_e( 'A florist worktable with wrapped flowers, paper tags, ribbon, and shears.', 'origin-canvas' ); ?>" style="border-radius:var(--wp--custom--radius--medium);aspect-ratio:3/2"/></figure>
     79<div class="wp-block-columns alignwide are-vertically-aligned-stretch"><!-- wp:column {"verticalAlignment":"stretch","backgroundColor":"base","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"var:preset|spacing|small","right":"var:preset|spacing|small","bottom":"var:preset|spacing|large","left":"var:preset|spacing|small"}}}} -->
     80<div class="wp-block-column is-vertically-aligned-stretch has-base-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--small);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--small)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"constrained"}} -->
     81<div class="wp-block-group"><!-- wp:image {"aspectRatio":"3/2","linkDestination":"none","className":"is-style-rounded"} -->
     82<figure class="wp-block-image is-style-rounded"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/frame-samples.webp" alt="<?php esc_attr_e( 'Brass, walnut and black frame corners around a black-and-white landscape print on a framer&#8217;s counter, with a wall of corner samples behind.', 'origin-canvas' ); ?>" style="aspect-ratio:3/2"/></figure>
    7083<!-- /wp:image -->
    7184
    72 <!-- wp:group {"style":{"spacing":{"padding":{"left":"var:preset|spacing|medium","right":"var:preset|spacing|medium"},"blockGap":"var:preset|spacing|compact"}},"layout":{"type":"constrained"}} -->
     85<!-- wp:group {"style":{"spacing":{"padding":{"left":"var:preset|spacing|medium","right":"var:preset|spacing|medium"},"blockGap":"var:preset|spacing|small-medium"}},"layout":{"type":"constrained"}} -->
    7386<div class="wp-block-group" style="padding-right:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--medium)"><!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"medium"} -->
    74 <h3 class="wp-block-heading has-medium-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Linden &amp; Lark Florist', 'origin-canvas' ); ?></h3>
     87<h3 class="wp-block-heading has-medium-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Mercer Street Framing', 'origin-canvas' ); ?></h3>
    7588<!-- /wp:heading -->
    7689
    77 <!-- wp:paragraph {"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|medium"}}},"textColor":"text-body","fontSize":"regular"} -->
    78 <p class="has-text-body-color has-text-color has-regular-font-size" style="margin-bottom:var(--wp--preset--spacing--medium)"><?php echo esc_html__( 'A weekend rebrand for a neighbourhood florist. New mark, new business cards, and a single-page site to take seasonal orders.', 'origin-canvas' ); ?></p>
     90<!-- wp:paragraph {"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|medium"}}},"textColor":"contrast-2","fontSize":"regular"} -->
     91<p class="has-contrast-2-color has-text-color has-regular-font-size" style="margin-bottom:var(--wp--preset--spacing--medium)"><?php echo esc_html__( 'A four-week rebrand for a neighborhood frame shop. New mark, new business cards, and a single-page site that takes framing quotes.', 'origin-canvas' ); ?></p>
    7992<!-- /wp:paragraph -->
    8093
    81 <!-- wp:paragraph {"style":{"typography":{"fontWeight":"500"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"primary","fontSize":"regular"} -->
    82 <p class="has-primary-color has-text-color has-regular-font-size" style="margin-top:0;margin-bottom:0;font-weight:500"><?php echo esc_html__( 'View case study', 'origin-canvas' ); ?></p>
     94<!-- wp:paragraph {"style":{"typography":{"fontWeight":"500"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast","fontSize":"regular"} -->
     95<p class="has-contrast-color has-text-color has-regular-font-size" style="margin-top:0;margin-bottom:0;font-weight:500"><?php echo esc_html__( 'View case study', 'origin-canvas' ); ?></p>
    8396<!-- /wp:paragraph --></div>
    8497<!-- /wp:group --></div>
    … …  
    8699<!-- /wp:column -->
    87100
    88 <!-- wp:column {"verticalAlignment":"stretch","backgroundColor":"surface-base","style":{"border":{"radius":"var:custom|radius|medium"},"shadow":"var:preset|shadow|small","spacing":{"padding":{"top":"var:preset|spacing|small","right":"var:preset|spacing|small","bottom":"var:preset|spacing|large","left":"var:preset|spacing|small"}}}} -->
    89 <div class="wp-block-column is-vertically-aligned-stretch has-surface-base-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--small);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--small);box-shadow:var(--wp--preset--shadow--small)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"constrained"}} -->
    90 <div class="wp-block-group"><!-- wp:image {"aspectRatio":"3/2","linkDestination":"none","style":{"border":{"radius":"var:custom|radius|medium"}}} -->
    91 <figure class="wp-block-image has-custom-border"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/card-blog-3.webp" alt="<?php esc_attr_e( 'A notebook, paper layouts, and black-and-white prints arranged on a light studio table.', 'origin-canvas' ); ?>" style="border-radius:var(--wp--custom--radius--medium);aspect-ratio:3/2"/></figure>
     101<!-- wp:column {"verticalAlignment":"stretch","backgroundColor":"base","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"var:preset|spacing|small","right":"var:preset|spacing|small","bottom":"var:preset|spacing|large","left":"var:preset|spacing|small"}}}} -->
     102<div class="wp-block-column is-vertically-aligned-stretch has-base-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--small);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--small)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"constrained"}} -->
     103<div class="wp-block-group"><!-- wp:image {"aspectRatio":"3/2","linkDestination":"none","className":"is-style-rounded"} -->
     104<figure class="wp-block-image is-style-rounded"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/card-blog-3.webp" alt="<?php esc_attr_e( 'The studio, a white-painted brick warehouse, seen from the street in late sun, with lit desks behind its glass roll-up door.', 'origin-canvas' ); ?>" style="aspect-ratio:3/2"/></figure>
    92105<!-- /wp:image -->
    93106
    94 <!-- wp:group {"style":{"spacing":{"padding":{"left":"var:preset|spacing|medium","right":"var:preset|spacing|medium"},"blockGap":"var:preset|spacing|compact"}},"layout":{"type":"constrained"}} -->
     107<!-- wp:group {"style":{"spacing":{"padding":{"left":"var:preset|spacing|medium","right":"var:preset|spacing|medium"},"blockGap":"var:preset|spacing|small-medium"}},"layout":{"type":"constrained"}} -->
    95108<div class="wp-block-group" style="padding-right:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--medium)"><!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"medium"} -->
    96109<h3 class="wp-block-heading has-medium-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Studio notes', 'origin-canvas' ); ?></h3>
    97110<!-- /wp:heading -->
    98111
    99 <!-- wp:paragraph {"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|medium"}}},"textColor":"text-body","fontSize":"regular"} -->
    100 <p class="has-text-body-color has-text-color has-regular-font-size" style="margin-bottom:var(--wp--preset--spacing--medium)"><?php echo esc_html__( 'A short quarterly write-up of what we made, what we learned, and what we&#8217;d change next time.', 'origin-canvas' ); ?></p>
     112<!-- wp:paragraph {"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|medium"}}},"textColor":"contrast-2","fontSize":"regular"} -->
     113<p class="has-contrast-2-color has-text-color has-regular-font-size" style="margin-bottom:var(--wp--preset--spacing--medium)"><?php echo esc_html__( 'A short quarterly write-up of what we made, what we learned, and what we&#8217;d change next time.', 'origin-canvas' ); ?></p>
    101114<!-- /wp:paragraph -->
    102115
    103 <!-- wp:paragraph {"style":{"typography":{"fontWeight":"500"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"primary","fontSize":"regular"} -->
    104 <p class="has-primary-color has-text-color has-regular-font-size" style="margin-top:0;margin-bottom:0;font-weight:500"><?php echo esc_html__( 'Read the latest', 'origin-canvas' ); ?></p>
     116<!-- wp:paragraph {"style":{"typography":{"fontWeight":"500"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast","fontSize":"regular"} -->
     117<p class="has-contrast-color has-text-color has-regular-font-size" style="margin-top:0;margin-bottom:0;font-weight:500"><?php echo esc_html__( 'Read the latest', 'origin-canvas' ); ?></p>
    105118<!-- /wp:paragraph --></div>
    106119<!-- /wp:group --></div>

  • origin-canvas/1.4.3/patterns/card-info.php

    r347102 r356743  
    11<?php
    22/**
    3  * Title: Card Info
     3 * Title: Features Cards Three Columns
    44 * Slug: origin-canvas/card-info
     5 * Description: A heading and lead above six tinted cards in three columns, each with an icon above a title and text.
    56 * Categories: origin-canvas/card
    6  * Keywords: cards, features, icons, grid
     7 * Keywords: icons, grid, services, benefits
    78 * Block Types: core/post-content
    89 * Inserter: true
    … …  
    1213
    1314?>
    14 <!-- wp:group {"tagName":"section","align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"},"blockGap":"var:preset|spacing|extra-large"}},"layout":{"type":"constrained"}} -->
    15 <section class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small"}},"layout":{"type":"constrained","contentSize":"720px"}} -->
    16 <div class="wp-block-group"><!-- wp:heading {"textAlign":"center","level":2,"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"display"} -->
    17 <h2 class="wp-block-heading has-display-font-size has-text-align-center" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Why people work with us', 'origin-canvas' ); ?></h2>
     15<!-- wp:group {"tagName":"section","align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"},"blockGap":"var:preset|spacing|extra-large"}},"layout":{"type":"constrained"}} -->
     16<section class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
     17<div class="wp-block-group alignwide"><!-- wp:heading {"level":2,"align":"wide","style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"textAlign":"center"}},"fontSize":"display"} -->
     18<h2 class="wp-block-heading has-text-align-center alignwide has-display-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Why people work with us', 'origin-canvas' ); ?></h2>
    1819<!-- /wp:heading -->
    1920
    20 <!-- wp:paragraph {"align":"center","textColor":"text-body","fontSize":"regular-plus"} -->
    21 <p class="has-text-align-center has-text-body-color has-text-color has-regular-plus-font-size"><?php echo esc_html__( 'Six things we hear back from clients on the call after the project wraps.', 'origin-canvas' ); ?></p>
     21<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"var:preset|spacing|small-medium","bottom":"0"}},"typography":{"textAlign":"center"}},"textColor":"contrast-2","fontSize":"regular-plus"} -->
     22<p class="has-text-align-center has-contrast-2-color has-text-color has-regular-plus-font-size" style="margin-top:var(--wp--preset--spacing--small-medium);margin-bottom:0"><?php echo esc_html__( 'Six things we hear back from clients on the call after the project wraps.', 'origin-canvas' ); ?></p>
    2223<!-- /wp:paragraph --></div>
    2324<!-- /wp:group -->
    2425
    25 <!-- wp:columns {"align":"wide","verticalAlignment":"stretch","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
    26 <div class="wp-block-columns alignwide are-vertically-aligned-stretch"><!-- wp:column {"verticalAlignment":"stretch","backgroundColor":"surface-muted","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"var:preset|spacing|large","right":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
    27 <div class="wp-block-column is-vertically-aligned-stretch has-surface-muted-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"constrained","justifyContent":"left"}} -->
    28 <div class="wp-block-group"><!-- wp:icon {"icon":"core/tip","textColor":"primary","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|medium"}},"dimensions":{"width":"38px"}}} /-->
     26<!-- wp:columns {"align":"wide","verticalAlignment":"stretch","style":{"spacing":{"margin":{"top":"var:preset|spacing|huge"},"blockGap":{"top":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
     27<div class="wp-block-columns alignwide are-vertically-aligned-stretch" style="margin-top:var(--wp--preset--spacing--huge)"><!-- wp:column {"verticalAlignment":"stretch","backgroundColor":"base-2","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"var:preset|spacing|large","right":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
     28<div class="wp-block-column is-vertically-aligned-stretch has-base-2-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"constrained","justifyContent":"left"}} -->
     29<div class="wp-block-group"><!-- wp:icon {"icon":"core/tip","textColor":"primary","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|medium"}},"dimensions":{"width":"32px"}}} /-->
    2930
    3031<!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"medium"} -->
    … …  
    3233<!-- /wp:heading -->
    3334
    34 <!-- wp:paragraph {"textColor":"text-body","fontSize":"regular"} -->
    35 <p class="has-text-body-color has-text-color has-regular-font-size"><?php echo esc_html__( 'By the time we share a first design, we&#8217;ve already pushed back on the parts of the brief that didn&#8217;t quite hold together.', 'origin-canvas' ); ?></p>
     35<!-- wp:paragraph {"textColor":"contrast-2","fontSize":"regular"} -->
     36<p class="has-contrast-2-color has-text-color has-regular-font-size"><?php echo esc_html__( 'By the time we share a first design, we&#8217;ve already pushed back on the parts of the brief that didn&#8217;t quite hold together.', 'origin-canvas' ); ?></p>
    3637<!-- /wp:paragraph --></div>
    3738<!-- /wp:group --></div>
    3839<!-- /wp:column -->
    3940
    40 <!-- wp:column {"verticalAlignment":"stretch","backgroundColor":"surface-muted","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"var:preset|spacing|large","right":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
    41 <div class="wp-block-column is-vertically-aligned-stretch has-surface-muted-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"constrained","justifyContent":"left"}} -->
    42 <div class="wp-block-group"><!-- wp:icon {"icon":"core/help","textColor":"primary","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|medium"}},"dimensions":{"width":"38px"}}} /-->
     41<!-- wp:column {"verticalAlignment":"stretch","backgroundColor":"base-2","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"var:preset|spacing|large","right":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
     42<div class="wp-block-column is-vertically-aligned-stretch has-base-2-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"constrained","justifyContent":"left"}} -->
     43<div class="wp-block-group"><!-- wp:icon {"icon":"core/help","textColor":"primary","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|medium"}},"dimensions":{"width":"32px"}}} /-->
    4344
    4445<!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"medium"} -->
    45 <h3 class="wp-block-heading has-medium-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Small enough to care, big enough to deliver', 'origin-canvas' ); ?></h3>
     46<h3 class="wp-block-heading has-medium-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'A site you can run yourself', 'origin-canvas' ); ?></h3>
    4647<!-- /wp:heading -->
    4748
    48 <!-- wp:paragraph {"textColor":"text-body","fontSize":"regular"} -->
    49 <p class="has-text-body-color has-text-color has-regular-font-size"><?php echo esc_html__( 'Three of us, every project. No junior left to figure it out, no agency layer between you and the people doing the work.', 'origin-canvas' ); ?></p>
     49<!-- wp:paragraph {"textColor":"contrast-2","fontSize":"regular"} -->
     50<p class="has-contrast-2-color has-text-color has-regular-font-size"><?php echo esc_html__( 'We hand over the site with a short written guide and show you how to make changes, so your team can keep it current.', 'origin-canvas' ); ?></p>
    5051<!-- /wp:paragraph --></div>
    5152<!-- /wp:group --></div>
    5253<!-- /wp:column -->
    5354
    54 <!-- wp:column {"verticalAlignment":"stretch","backgroundColor":"surface-muted","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"var:preset|spacing|large","right":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
    55 <div class="wp-block-column is-vertically-aligned-stretch has-surface-muted-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"constrained","justifyContent":"left"}} -->
    56 <div class="wp-block-group"><!-- wp:icon {"icon":"core/styles","textColor":"primary","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|medium"}},"dimensions":{"width":"38px"}}} /-->
     55<!-- wp:column {"verticalAlignment":"stretch","backgroundColor":"base-2","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"var:preset|spacing|large","right":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
     56<div class="wp-block-column is-vertically-aligned-stretch has-base-2-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"constrained","justifyContent":"left"}} -->
     57<div class="wp-block-group"><!-- wp:icon {"icon":"core/styles","textColor":"primary","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|medium"}},"dimensions":{"width":"32px"}}} /-->
    5758
    5859<!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"medium"} -->
    … …  
    6061<!-- /wp:heading -->
    6162
    62 <!-- wp:paragraph {"textColor":"text-body","fontSize":"regular"} -->
    63 <p class="has-text-body-color has-text-color has-regular-font-size"><?php echo esc_html__( 'If we don&#8217;t understand it well enough to explain it in a sentence, we don&#8217;t make it. That goes for the writing on your site too.', 'origin-canvas' ); ?></p>
     63<!-- wp:paragraph {"textColor":"contrast-2","fontSize":"regular"} -->
     64<p class="has-contrast-2-color has-text-color has-regular-font-size"><?php echo esc_html__( 'If we don&#8217;t understand it well enough to explain it in a sentence, we don&#8217;t make it. That goes for the writing on your site too.', 'origin-canvas' ); ?></p>
    6465<!-- /wp:paragraph --></div>
    6566<!-- /wp:group --></div>
    … …  
    6869
    6970<!-- wp:columns {"align":"wide","verticalAlignment":"stretch","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
    70 <div class="wp-block-columns alignwide are-vertically-aligned-stretch"><!-- wp:column {"verticalAlignment":"stretch","backgroundColor":"surface-muted","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"var:preset|spacing|large","right":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
    71 <div class="wp-block-column is-vertically-aligned-stretch has-surface-muted-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"constrained","justifyContent":"left"}} -->
    72 <div class="wp-block-group"><!-- wp:icon {"icon":"core/desktop","textColor":"primary","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|medium"}},"dimensions":{"width":"38px"}}} /-->
     71<div class="wp-block-columns alignwide are-vertically-aligned-stretch"><!-- wp:column {"verticalAlignment":"stretch","backgroundColor":"base-2","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"var:preset|spacing|large","right":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
     72<div class="wp-block-column is-vertically-aligned-stretch has-base-2-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"constrained","justifyContent":"left"}} -->
     73<div class="wp-block-group"><!-- wp:icon {"icon":"core/desktop","textColor":"primary","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|medium"}},"dimensions":{"width":"32px"}}} /-->
    7374
    7475<!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"medium"} -->
    … …  
    7677<!-- /wp:heading -->
    7778
    78 <!-- wp:paragraph {"textColor":"text-body","fontSize":"regular"} -->
    79 <p class="has-text-body-color has-text-color has-regular-font-size"><?php echo esc_html__( 'Sites we build look right on a phone in a tunnel and a desktop in a fibre office. Same care, no excuses.', 'origin-canvas' ); ?></p>
     79<!-- wp:paragraph {"textColor":"contrast-2","fontSize":"regular"} -->
     80<p class="has-contrast-2-color has-text-color has-regular-font-size"><?php echo esc_html__( 'Sites we build look right on a phone in a tunnel and a desktop in a fiber office. Same care, no excuses.', 'origin-canvas' ); ?></p>
    8081<!-- /wp:paragraph --></div>
    8182<!-- /wp:group --></div>
    8283<!-- /wp:column -->
    8384
    84 <!-- wp:column {"verticalAlignment":"stretch","backgroundColor":"surface-muted","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"var:preset|spacing|large","right":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
    85 <div class="wp-block-column is-vertically-aligned-stretch has-surface-muted-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"constrained","justifyContent":"left"}} -->
    86 <div class="wp-block-group"><!-- wp:icon {"icon":"core/category","textColor":"primary","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|medium"}},"dimensions":{"width":"38px"}}} /-->
     85<!-- wp:column {"verticalAlignment":"stretch","backgroundColor":"base-2","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"var:preset|spacing|large","right":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
     86<div class="wp-block-column is-vertically-aligned-stretch has-base-2-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"constrained","justifyContent":"left"}} -->
     87<div class="wp-block-group"><!-- wp:icon {"icon":"core/category","textColor":"primary","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|medium"}},"dimensions":{"width":"32px"}}} /-->
    8788
    8889<!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"medium"} -->
    89 <h3 class="wp-block-heading has-medium-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Colour with a reason', 'origin-canvas' ); ?></h3>
     90<h3 class="wp-block-heading has-medium-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Color with a reason', 'origin-canvas' ); ?></h3>
    9091<!-- /wp:heading -->
    9192
    92 <!-- wp:paragraph {"textColor":"text-body","fontSize":"regular"} -->
    93 <p class="has-text-body-color has-text-color has-regular-font-size"><?php echo esc_html__( 'A short palette, used the same way every time, makes a brand feel calm and confident. We pick colours that earn their place.', 'origin-canvas' ); ?></p>
     93<!-- wp:paragraph {"textColor":"contrast-2","fontSize":"regular"} -->
     94<p class="has-contrast-2-color has-text-color has-regular-font-size"><?php echo esc_html__( 'A short palette, used the same way every time, makes a brand feel calm and confident. We pick colors that earn their place.', 'origin-canvas' ); ?></p>
    9495<!-- /wp:paragraph --></div>
    9596<!-- /wp:group --></div>
    9697<!-- /wp:column -->
    9798
    98 <!-- wp:column {"verticalAlignment":"stretch","backgroundColor":"surface-muted","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"var:preset|spacing|large","right":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
    99 <div class="wp-block-column is-vertically-aligned-stretch has-surface-muted-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"constrained","justifyContent":"left"}} -->
    100 <div class="wp-block-group"><!-- wp:icon {"icon":"core/people","textColor":"primary","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|medium"}},"dimensions":{"width":"38px"}}} /-->
     99<!-- wp:column {"verticalAlignment":"stretch","backgroundColor":"base-2","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"var:preset|spacing|large","right":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
     100<div class="wp-block-column is-vertically-aligned-stretch has-base-2-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"constrained","justifyContent":"left"}} -->
     101<div class="wp-block-group"><!-- wp:icon {"icon":"core/people","textColor":"primary","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|medium"}},"dimensions":{"width":"32px"}}} /-->
    101102
    102103<!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"medium"} -->
    … …  
    104105<!-- /wp:heading -->
    105106
    106 <!-- wp:paragraph {"textColor":"text-body","fontSize":"regular"} -->
    107 <p class="has-text-body-color has-text-color has-regular-font-size"><?php echo esc_html__( 'Real keyboard navigation, real focus states, real screen-reader labels - checked by hand before launch, every time.', 'origin-canvas' ); ?></p>
     107<!-- wp:paragraph {"textColor":"contrast-2","fontSize":"regular"} -->
     108<p class="has-contrast-2-color has-text-color has-regular-font-size"><?php echo esc_html__( 'Real keyboard navigation, real focus states, and real screen-reader labels, all checked by hand before every launch.', 'origin-canvas' ); ?></p>
    108109<!-- /wp:paragraph --></div>
    109110<!-- /wp:group --></div>

  • origin-canvas/1.4.3/patterns/card-pricing.php

    r347102 r356743  
    11<?php
    22/**
    3  * Title: Card Pricing
     3 * Title: Pricing Band Cards
    44 * Slug: origin-canvas/card-pricing
     5 * Description: A heading and lead above three price cards in a row on a tinted band; the middle card has a colored top bar.
    56 * Categories: origin-canvas/pricing
    6  * Keywords: cards, plans, tiered, featured
     7 * Keywords: plans, tiered, featured
    78 * Block Types: core/post-content
    89 * Inserter: true
    … …  
    1213
    1314?>
    14 <!-- wp:group {"tagName":"section","align":"full","backgroundColor":"surface-muted","style":{"spacing":{"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"},"blockGap":"var:preset|spacing|extra-large"}},"layout":{"type":"constrained"}} -->
    15 <section class="wp-block-group alignfull has-surface-muted-background-color has-background" style="padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small"}},"layout":{"type":"constrained","contentSize":"720px"}} -->
    16 <div class="wp-block-group"><!-- wp:heading {"textAlign":"center","level":2,"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"display"} -->
    17 <h2 class="wp-block-heading has-display-font-size has-text-align-center" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'What working with us costs', 'origin-canvas' ); ?></h2>
     15<!-- wp:group {"tagName":"section","align":"full","backgroundColor":"base-2","style":{"spacing":{"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"},"blockGap":"var:preset|spacing|extra-large"}},"layout":{"type":"constrained"}} -->
     16<section class="wp-block-group alignfull has-base-2-background-color has-background" style="padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"var:preset|spacing|small"}},"layout":{"type":"constrained"}} -->
     17<div class="wp-block-group alignwide"><!-- wp:heading {"level":2,"align":"wide","style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"textAlign":"center"}},"fontSize":"display"} -->
     18<h2 class="wp-block-heading has-display-font-size has-text-align-center alignwide" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'What working with us costs', 'origin-canvas' ); ?></h2>
    1819<!-- /wp:heading -->
    1920
    20 <!-- wp:paragraph {"align":"center","textColor":"text-body","fontSize":"regular-plus"} -->
    21 <p class="has-text-align-center has-text-body-color has-text-color has-regular-plus-font-size"><?php echo esc_html__( 'Three places to start. Most clients land somewhere on the middle tier.', 'origin-canvas' ); ?></p>
     21<!-- wp:paragraph {"style":{"typography":{"textAlign":"center"}},"textColor":"contrast-2","fontSize":"regular-plus"} -->
     22<p class="has-text-align-center has-contrast-2-color has-text-color has-regular-plus-font-size"><?php echo esc_html__( 'Three places to start. Most clients land somewhere on the middle tier.', 'origin-canvas' ); ?></p>
    2223<!-- /wp:paragraph --></div>
    2324<!-- /wp:group -->
    2425
    2526<!-- wp:columns {"align":"wide","verticalAlignment":"stretch","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
    26 <div class="wp-block-columns alignwide are-vertically-aligned-stretch"><!-- wp:column {"verticalAlignment":"stretch","backgroundColor":"surface-base","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"var:preset|spacing|large","right":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
    27 <div class="wp-block-column is-vertically-aligned-stretch has-surface-base-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small"}},"layout":{"type":"constrained"}} -->
    28 <div class="wp-block-group"><!-- wp:paragraph {"fontSize":"extra-small","style":{"typography":{"textTransform":"uppercase","letterSpacing":"0.08em","fontWeight":"500"},"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
    29 <p class="has-extra-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:500;letter-spacing:0.08em;text-transform:uppercase"><?php echo esc_html__( 'Starter', 'origin-canvas' ); ?></p>
     27<div class="wp-block-columns alignwide are-vertically-aligned-stretch"><!-- wp:column {"verticalAlignment":"stretch","backgroundColor":"base","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"var:preset|spacing|large","right":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
     28<div class="wp-block-column is-vertically-aligned-stretch has-base-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small"}},"layout":{"type":"constrained"}} -->
     29<div class="wp-block-group"><!-- wp:paragraph {"textColor":"contrast","fontSize":"extra-small","style":{"typography":{"textTransform":"uppercase","letterSpacing":"0.06em","fontWeight":"500"},"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
     30<p class="has-contrast-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:500;letter-spacing:0.06em;text-transform:uppercase"><?php echo esc_html__( 'Starter', 'origin-canvas' ); ?></p>
    3031<!-- /wp:paragraph -->
    3132
    32 <!-- wp:paragraph {"textColor":"text-heading","fontSize":"display","style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontWeight":"700","lineHeight":"1"}}} -->
    33 <p class="has-text-heading-color has-text-color has-display-font-size" style="margin-top:0;margin-bottom:0;font-weight:700;line-height:1"><?php echo wp_kses_post( __( '&pound;2,400 <span style="font-size:var(--wp--preset--font-size--regular);font-weight:400;color:var(--wp--preset--color--text-body);">one-off</span>', 'origin-canvas' ) ); ?></p>
     33<!-- wp:paragraph {"textColor":"contrast","fontSize":"huge","style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontWeight":"700","lineHeight":"1"}}} -->
     34<p class="has-contrast-color has-text-color has-huge-font-size" style="margin-top:0;margin-bottom:0;font-weight:700;line-height:1"><?php echo wp_kses_post( __( '$2,500 <span style="font-size:var(--wp--preset--font-size--regular);font-weight:400;letter-spacing:normal;color:var(--wp--preset--color--contrast-2);">one-time</span>', 'origin-canvas' ) ); ?></p>
    3435<!-- /wp:paragraph -->
    3536
    36 <!-- wp:paragraph {"textColor":"text-body","fontSize":"regular"} -->
    37 <p class="has-text-body-color has-text-color has-regular-font-size"><?php echo esc_html__( 'A focused site for a small business that knows what it wants to say.', 'origin-canvas' ); ?></p>
     37<!-- wp:paragraph {"textColor":"contrast-2","fontSize":"regular"} -->
     38<p class="has-contrast-2-color has-text-color has-regular-font-size"><?php echo esc_html__( 'A focused site for a small business that knows what it wants to say.', 'origin-canvas' ); ?></p>
    3839<!-- /wp:paragraph -->
    3940
    40 <!-- wp:list {"className":"is-style-origin-canvas-list-check","style":{"spacing":{"blockGap":"var:preset|spacing|small","margin":{"top":"var:preset|spacing|large"}}},"fontSize":"small"} -->
    41 <ul class="wp-block-list is-style-origin-canvas-list-check has-small-font-size" style="margin-top:var(--wp--preset--spacing--large)"><!-- wp:list-item --><li><?php echo esc_html__( 'Up to five pages', 'origin-canvas' ); ?></li><!-- /wp:list-item -->
     41<!-- wp:list {"className":"is-style-origin-canvas-list-check-neutral","style":{"spacing":{"blockGap":"var:preset|spacing|small","margin":{"top":"var:preset|spacing|large"}}},"fontSize":"small"} -->
     42<ul class="wp-block-list is-style-origin-canvas-list-check-neutral has-small-font-size" style="margin-top:var(--wp--preset--spacing--large)"><!-- wp:list-item --><li><?php echo esc_html__( 'Up to five pages', 'origin-canvas' ); ?></li><!-- /wp:list-item -->
    4243<!-- wp:list-item --><li><?php echo esc_html__( 'Logo refresh', 'origin-canvas' ); ?></li><!-- /wp:list-item -->
    4344<!-- wp:list-item --><li><?php echo esc_html__( 'Two rounds of revisions', 'origin-canvas' ); ?></li><!-- /wp:list-item -->
    44 <!-- wp:list-item --><li><?php echo esc_html__( 'Two-week delivery', 'origin-canvas' ); ?></li><!-- /wp:list-item --></ul>
     45<!-- wp:list-item --><li><?php echo esc_html__( 'Three-week delivery', 'origin-canvas' ); ?></li><!-- /wp:list-item --></ul>
    4546<!-- /wp:list -->
    4647
    … …  
    5354<!-- /wp:column -->
    5455
    55 <!-- wp:column {"verticalAlignment":"stretch","backgroundColor":"surface-base","style":{"border":{"radius":"var:custom|radius|medium","top":{"color":"var:preset|color|primary","width":"4px"}},"spacing":{"padding":{"top":"var:preset|spacing|large","right":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
    56 <div class="wp-block-column is-vertically-aligned-stretch has-surface-base-background-color has-background" style="border-top-color:var(--wp--preset--color--primary);border-top-width:4px;border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small"}},"layout":{"type":"constrained"}} -->
    57 <div class="wp-block-group"><!-- wp:paragraph {"textColor":"primary","fontSize":"extra-small","style":{"typography":{"textTransform":"uppercase","letterSpacing":"0.08em","fontWeight":"500"},"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
    58 <p class="has-primary-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:500;letter-spacing:0.08em;text-transform:uppercase"><?php echo esc_html__( 'Studio', 'origin-canvas' ); ?></p>
     56<!-- wp:column {"verticalAlignment":"stretch","backgroundColor":"base","style":{"border":{"radius":"var:custom|radius|medium","top":{"color":"var:preset|color|primary","width":"4px"}},"spacing":{"padding":{"top":"calc(var(--wp--preset--spacing--large) - 4px)","right":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
     57<div class="wp-block-column is-vertically-aligned-stretch has-base-background-color has-background" style="border-top-color:var(--wp--preset--color--primary);border-top-width:4px;border-radius:var(--wp--custom--radius--medium);padding-top:calc(var(--wp--preset--spacing--large) - 4px);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small"}},"layout":{"type":"constrained"}} -->
     58<div class="wp-block-group"><!-- wp:paragraph {"textColor":"contrast","fontSize":"extra-small","style":{"typography":{"textTransform":"uppercase","letterSpacing":"0.06em","fontWeight":"500"},"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
     59<p class="has-contrast-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:500;letter-spacing:0.06em;text-transform:uppercase"><?php echo esc_html__( 'Studio', 'origin-canvas' ); ?></p>
    5960<!-- /wp:paragraph -->
    6061
    61 <!-- wp:paragraph {"textColor":"text-heading","fontSize":"display","style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontWeight":"700","lineHeight":"1"}}} -->
    62 <p class="has-text-heading-color has-text-color has-display-font-size" style="margin-top:0;margin-bottom:0;font-weight:700;line-height:1"><?php echo wp_kses_post( __( '&pound;6,000 <span style="font-size:var(--wp--preset--font-size--regular);font-weight:400;color:var(--wp--preset--color--text-body);">one-off</span>', 'origin-canvas' ) ); ?></p>
     62<!-- wp:paragraph {"textColor":"contrast","fontSize":"huge","style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontWeight":"700","lineHeight":"1"}}} -->
     63<p class="has-contrast-color has-text-color has-huge-font-size" style="margin-top:0;margin-bottom:0;font-weight:700;line-height:1"><?php echo wp_kses_post( __( '$8,000 <span style="font-size:var(--wp--preset--font-size--regular);font-weight:400;letter-spacing:normal;color:var(--wp--preset--color--contrast-2);">one-time</span>', 'origin-canvas' ) ); ?></p>
    6364<!-- /wp:paragraph -->
    6465
    65 <!-- wp:paragraph {"textColor":"text-body","fontSize":"regular"} -->
    66 <p class="has-text-body-color has-text-color has-regular-font-size"><?php echo esc_html__( 'Our standard engagement: brand work, site, and a hand-written launch checklist.', 'origin-canvas' ); ?></p>
     66<!-- wp:paragraph {"textColor":"contrast-2","fontSize":"regular"} -->
     67<p class="has-contrast-2-color has-text-color has-regular-font-size"><?php echo esc_html__( 'Our standard engagement: brand work, site, and a hand-written launch checklist.', 'origin-canvas' ); ?></p>
    6768<!-- /wp:paragraph -->
    6869
    69 <!-- wp:list {"className":"is-style-origin-canvas-list-check","style":{"spacing":{"blockGap":"var:preset|spacing|small","margin":{"top":"var:preset|spacing|large"}}},"fontSize":"small"} -->
    70 <ul class="wp-block-list is-style-origin-canvas-list-check has-small-font-size" style="margin-top:var(--wp--preset--spacing--large)"><!-- wp:list-item --><li><?php echo esc_html__( 'Up to twelve pages', 'origin-canvas' ); ?></li><!-- /wp:list-item -->
    71 <!-- wp:list-item --><li><?php echo esc_html__( 'Full identity (mark, colour, type)', 'origin-canvas' ); ?></li><!-- /wp:list-item -->
     70<!-- wp:list {"className":"is-style-origin-canvas-list-check-neutral","style":{"spacing":{"blockGap":"var:preset|spacing|small","margin":{"top":"var:preset|spacing|large"}}},"fontSize":"small"} -->
     71<ul class="wp-block-list is-style-origin-canvas-list-check-neutral has-small-font-size" style="margin-top:var(--wp--preset--spacing--large)"><!-- wp:list-item --><li><?php echo esc_html__( 'Up to eight pages', 'origin-canvas' ); ?></li><!-- /wp:list-item -->
     72<!-- wp:list-item --><li><?php echo esc_html__( 'Full identity (mark, color, type)', 'origin-canvas' ); ?></li><!-- /wp:list-item -->
    7273<!-- wp:list-item --><li><?php echo esc_html__( 'Photography direction', 'origin-canvas' ); ?></li><!-- /wp:list-item -->
    73 <!-- wp:list-item --><li><?php echo esc_html__( 'Four-week delivery', 'origin-canvas' ); ?></li><!-- /wp:list-item --></ul>
     74<!-- wp:list-item --><li><?php echo esc_html__( 'Eight-week delivery', 'origin-canvas' ); ?></li><!-- /wp:list-item --></ul>
    7475<!-- /wp:list -->
    7576
    … …  
    8283<!-- /wp:column -->
    8384
    84 <!-- wp:column {"verticalAlignment":"stretch","backgroundColor":"surface-base","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"var:preset|spacing|large","right":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
    85 <div class="wp-block-column is-vertically-aligned-stretch has-surface-base-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small"}},"layout":{"type":"constrained"}} -->
    86 <div class="wp-block-group"><!-- wp:paragraph {"fontSize":"extra-small","style":{"typography":{"textTransform":"uppercase","letterSpacing":"0.08em","fontWeight":"500"},"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
    87 <p class="has-extra-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:500;letter-spacing:0.08em;text-transform:uppercase"><?php echo esc_html__( 'Retained', 'origin-canvas' ); ?></p>
     85<!-- wp:column {"verticalAlignment":"stretch","backgroundColor":"base","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"var:preset|spacing|large","right":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
     86<div class="wp-block-column is-vertically-aligned-stretch has-base-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small"}},"layout":{"type":"constrained"}} -->
     87<div class="wp-block-group"><!-- wp:paragraph {"textColor":"contrast","fontSize":"extra-small","style":{"typography":{"textTransform":"uppercase","letterSpacing":"0.06em","fontWeight":"500"},"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
     88<p class="has-contrast-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:500;letter-spacing:0.06em;text-transform:uppercase"><?php echo esc_html__( 'Retained', 'origin-canvas' ); ?></p>
    8889<!-- /wp:paragraph -->
    8990
    90 <!-- wp:paragraph {"textColor":"text-heading","fontSize":"display","style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontWeight":"700","lineHeight":"1"}}} -->
    91 <p class="has-text-heading-color has-text-color has-display-font-size" style="margin-top:0;margin-bottom:0;font-weight:700;line-height:1"><?php echo wp_kses_post( __( '&pound;1,800 <span style="font-size:var(--wp--preset--font-size--regular);font-weight:400;color:var(--wp--preset--color--text-body);">per month</span>', 'origin-canvas' ) ); ?></p>
     91<!-- wp:paragraph {"textColor":"contrast","fontSize":"huge","style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontWeight":"700","lineHeight":"1"}}} -->
     92<p class="has-contrast-color has-text-color has-huge-font-size" style="margin-top:0;margin-bottom:0;font-weight:700;line-height:1"><?php echo wp_kses_post( __( '$1,800 <span style="font-size:var(--wp--preset--font-size--regular);font-weight:400;letter-spacing:normal;color:var(--wp--preset--color--contrast-2);">per month</span>', 'origin-canvas' ) ); ?></p>
    9293<!-- /wp:paragraph -->
    9394
    94 <!-- wp:paragraph {"textColor":"text-body","fontSize":"regular"} -->
    95 <p class="has-text-body-color has-text-color has-regular-font-size"><?php echo esc_html__( 'For clients who treat their site like a living thing, not a one-off project.', 'origin-canvas' ); ?></p>
     95<!-- wp:paragraph {"textColor":"contrast-2","fontSize":"regular"} -->
     96<p class="has-contrast-2-color has-text-color has-regular-font-size"><?php echo esc_html__( 'For clients who treat their site like a living thing, not a one-time project.', 'origin-canvas' ); ?></p>
    9697<!-- /wp:paragraph -->
    9798
    98 <!-- wp:list {"className":"is-style-origin-canvas-list-check","style":{"spacing":{"blockGap":"var:preset|spacing|small","margin":{"top":"var:preset|spacing|large"}}},"fontSize":"small"} -->
    99 <ul class="wp-block-list is-style-origin-canvas-list-check has-small-font-size" style="margin-top:var(--wp--preset--spacing--large)"><!-- wp:list-item --><li><?php echo esc_html__( 'Up to eight hours a month', 'origin-canvas' ); ?></li><!-- /wp:list-item -->
     99<!-- wp:list {"className":"is-style-origin-canvas-list-check-neutral","style":{"spacing":{"blockGap":"var:preset|spacing|small","margin":{"top":"var:preset|spacing|large"}}},"fontSize":"small"} -->
     100<ul class="wp-block-list is-style-origin-canvas-list-check-neutral has-small-font-size" style="margin-top:var(--wp--preset--spacing--large)"><!-- wp:list-item --><li><?php echo esc_html__( 'Up to two days of work a month', 'origin-canvas' ); ?></li><!-- /wp:list-item -->
    100101<!-- wp:list-item --><li><?php echo esc_html__( 'Quarterly review calls', 'origin-canvas' ); ?></li><!-- /wp:list-item -->
    101102<!-- wp:list-item --><li><?php echo esc_html__( 'Priority response', 'origin-canvas' ); ?></li><!-- /wp:list-item -->
    … …  
    105106<!-- wp:buttons {"style":{"spacing":{"margin":{"top":"var:preset|spacing|large"}}},"layout":{"type":"flex","justifyContent":"stretch"}} -->
    106107<div class="wp-block-buttons" style="margin-top:var(--wp--preset--spacing--large)"><!-- wp:button {"className":"is-style-outline"} -->
    107 <div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button"><?php echo esc_html__( 'Enquire', 'origin-canvas' ); ?></a></div>
     108<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button"><?php echo esc_html__( 'Inquire', 'origin-canvas' ); ?></a></div>
    108109<!-- /wp:button --></div>
    109110<!-- /wp:buttons --></div>

  • origin-canvas/1.4.3/patterns/card-stat.php

    r338392 r356743  
    33 * Title: Card Stat
    44 * Slug: origin-canvas/card-stat
     5 * Description: Four figures in one line, each over a short label, on a tinted band.
    56 * Categories: origin-canvas/card
    67 * Keywords: stats, numbers, metrics, four column, kpi
    … …  
    1213
    1314?>
    14 <!-- wp:group {"tagName":"section","align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"}}},"layout":{"type":"constrained"}} -->
    15 <section class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
     15<!-- wp:group {"tagName":"section","align":"full","backgroundColor":"base-2","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"}}},"layout":{"type":"constrained"}} -->
     16<section class="wp-block-group alignfull has-base-2-background-color has-background" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
    1617<div class="wp-block-columns alignwide"><!-- wp:column -->
    1718<div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small"}},"layout":{"type":"constrained"}} -->
    18 <div class="wp-block-group"><!-- wp:paragraph {"align":"center","style":{"typography":{"fontWeight":"700","lineHeight":"1.1"}},"textColor":"primary","fontSize":"display"} -->
    19 <p class="has-text-align-center has-primary-color has-text-color has-display-font-size" style="font-weight:700;line-height:1.1"><?php echo esc_html__( '38', 'origin-canvas' ); ?></p>
     19<div class="wp-block-group"><!-- wp:paragraph {"className":"origin-canvas-figure","style":{"typography":{"fontWeight":"700","lineHeight":"1.1"}},"textColor":"contrast","fontSize":"display"} -->
     20<p class="origin-canvas-figure has-contrast-color has-text-color has-display-font-size" style="font-weight:700;line-height:1.1"><?php echo esc_html__( '38', 'origin-canvas' ); ?></p>
    2021<!-- /wp:paragraph -->
    2122
    22 <!-- wp:paragraph {"align":"center","textColor":"text-body","fontSize":"regular"} -->
    23 <p class="has-text-align-center has-text-body-color has-text-color has-regular-font-size"><?php echo esc_html__( 'Sites launched', 'origin-canvas' ); ?></p>
     23<!-- wp:paragraph {"textColor":"contrast-2","fontSize":"regular"} -->
     24<p class="has-contrast-2-color has-text-color has-regular-font-size"><?php echo esc_html__( 'Sites launched', 'origin-canvas' ); ?></p>
    2425<!-- /wp:paragraph --></div>
    2526<!-- /wp:group --></div>
    … …  
    2829<!-- wp:column -->
    2930<div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small"}},"layout":{"type":"constrained"}} -->
    30 <div class="wp-block-group"><!-- wp:paragraph {"align":"center","style":{"typography":{"fontWeight":"700","lineHeight":"1.1"}},"textColor":"primary","fontSize":"display"} -->
    31 <p class="has-text-align-center has-primary-color has-text-color has-display-font-size" style="font-weight:700;line-height:1.1"><?php echo esc_html__( '92%', 'origin-canvas' ); ?></p>
     31<div class="wp-block-group"><!-- wp:paragraph {"className":"origin-canvas-figure","style":{"typography":{"fontWeight":"700","lineHeight":"1.1"}},"textColor":"contrast","fontSize":"display"} -->
     32<p class="origin-canvas-figure has-contrast-color has-text-color has-display-font-size" style="font-weight:700;line-height:1.1"><?php echo esc_html__( '92%', 'origin-canvas' ); ?></p>
    3233<!-- /wp:paragraph -->
    3334
    34 <!-- wp:paragraph {"align":"center","textColor":"text-body","fontSize":"regular"} -->
    35 <p class="has-text-align-center has-text-body-color has-text-color has-regular-font-size"><?php echo esc_html__( 'Clients who come back', 'origin-canvas' ); ?></p>
     35<!-- wp:paragraph {"textColor":"contrast-2","fontSize":"regular"} -->
     36<p class="has-contrast-2-color has-text-color has-regular-font-size"><?php echo esc_html__( 'Clients who come back', 'origin-canvas' ); ?></p>
    3637<!-- /wp:paragraph --></div>
    3738<!-- /wp:group --></div>
    … …  
    4041<!-- wp:column -->
    4142<div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small"}},"layout":{"type":"constrained"}} -->
    42 <div class="wp-block-group"><!-- wp:paragraph {"align":"center","style":{"typography":{"fontWeight":"700","lineHeight":"1.1"}},"textColor":"primary","fontSize":"display"} -->
    43 <p class="has-text-align-center has-primary-color has-text-color has-display-font-size" style="font-weight:700;line-height:1.1"><?php echo esc_html__( '4 weeks', 'origin-canvas' ); ?></p>
     43<div class="wp-block-group"><!-- wp:paragraph {"className":"origin-canvas-figure","style":{"typography":{"fontWeight":"700","lineHeight":"1.1"}},"textColor":"contrast","fontSize":"display"} -->
     44<p class="origin-canvas-figure has-contrast-color has-text-color has-display-font-size" style="font-weight:700;line-height:1.1"><?php echo esc_html__( '8 weeks', 'origin-canvas' ); ?></p>
    4445<!-- /wp:paragraph -->
    4546
    46 <!-- wp:paragraph {"align":"center","textColor":"text-body","fontSize":"regular"} -->
    47 <p class="has-text-align-center has-text-body-color has-text-color has-regular-font-size"><?php echo esc_html__( 'Average delivery', 'origin-canvas' ); ?></p>
     47<!-- wp:paragraph {"textColor":"contrast-2","fontSize":"regular"} -->
     48<p class="has-contrast-2-color has-text-color has-regular-font-size"><?php echo esc_html__( 'Average delivery', 'origin-canvas' ); ?></p>
    4849<!-- /wp:paragraph --></div>
    4950<!-- /wp:group --></div>
    … …  
    5253<!-- wp:column -->
    5354<div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small"}},"layout":{"type":"constrained"}} -->
    54 <div class="wp-block-group"><!-- wp:paragraph {"align":"center","style":{"typography":{"fontWeight":"700","lineHeight":"1.1"}},"textColor":"primary","fontSize":"display"} -->
    55 <p class="has-text-align-center has-primary-color has-text-color has-display-font-size" style="font-weight:700;line-height:1.1"><?php echo esc_html__( '8 years', 'origin-canvas' ); ?></p>
     55<div class="wp-block-group"><!-- wp:paragraph {"className":"origin-canvas-figure","style":{"typography":{"fontWeight":"700","lineHeight":"1.1"}},"textColor":"contrast","fontSize":"display"} -->
     56<p class="origin-canvas-figure has-contrast-color has-text-color has-display-font-size" style="font-weight:700;line-height:1.1"><?php echo esc_html__( '8 years', 'origin-canvas' ); ?></p>
    5657<!-- /wp:paragraph -->
    5758
    58 <!-- wp:paragraph {"align":"center","textColor":"text-body","fontSize":"regular"} -->
    59 <p class="has-text-align-center has-text-body-color has-text-color has-regular-font-size"><?php echo esc_html__( 'Working together', 'origin-canvas' ); ?></p>
     59<!-- wp:paragraph {"textColor":"contrast-2","fontSize":"regular"} -->
     60<p class="has-contrast-2-color has-text-color has-regular-font-size"><?php echo esc_html__( 'Working together', 'origin-canvas' ); ?></p>
    6061<!-- /wp:paragraph --></div>
    6162<!-- /wp:group --></div>

  • origin-canvas/1.4.3/patterns/card-team-member.php

    r347102 r356743  
    11<?php
    22/**
    3  * Title: Card Team Member
     3 * Title: Team Member
    44 * Slug: origin-canvas/card-team-member
    5  * Description: A single team member card with portrait, name, role, and social links. Insert inside a Columns block for a team grid layout.
     5 * Description: One team member, centered: a round portrait over the name, role, a short bio and social links.
    66 * Categories: team
    7  * Keywords: profile, person, staff, bio, headshot
     7 * Keywords: profile, person, staff, headshot
    88 * Block Types: core/post-content
    99 * Inserter: true
    … …  
    1515<!-- wp:group {"style":{"spacing":{"blockGap":"0","padding":{"top":"0","right":"0","bottom":"0","left":"0"}}},"layout":{"type":"constrained","justifyContent":"center"}} -->
    1616<div class="wp-block-group" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:image {"aspectRatio":"1","linkDestination":"none","align":"center","width":"128px","height":"128px","className":"is-style-origin-canvas-rounded-full","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|medium"}}}} -->
    17 <figure class="wp-block-image aligncenter is-resized is-style-origin-canvas-rounded-full" style="margin-bottom:var(--wp--preset--spacing--medium)"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/avatar-claire-bennett.webp" alt="<?php esc_attr_e( 'Portrait of Claire Bennett, Founder.', 'origin-canvas' ); ?>" style="aspect-ratio:1;width:128px;height:128px"/></figure>
     17<figure class="wp-block-image aligncenter is-resized is-style-origin-canvas-rounded-full" style="margin-bottom:var(--wp--preset--spacing--medium)"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/avatar-claire-bennett.webp" alt="<?php esc_attr_e( 'Portrait of Claire Bennett, Co-founder.', 'origin-canvas' ); ?>" style="aspect-ratio:1;width:128px;height:128px"/></figure>
    1818<!-- /wp:image -->
    1919
    20 <!-- wp:heading {"textAlign":"center","level":3,"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|extra-small"}}},"textColor":"text-heading","fontSize":"regular-plus"} -->
    21 <h3 class="wp-block-heading has-text-align-center has-text-heading-color has-text-color has-regular-plus-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--extra-small)"><?php echo esc_html__( 'Claire Bennett', 'origin-canvas' ); ?></h3>
     20<!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|extra-small"}},"typography":{"textAlign":"center"}},"textColor":"contrast","fontSize":"regular-plus"} -->
     21<h3 class="wp-block-heading has-text-align-center has-contrast-color has-text-color has-regular-plus-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--extra-small)"><?php echo esc_html__( 'Claire Bennett', 'origin-canvas' ); ?></h3>
    2222<!-- /wp:heading -->
    2323
    24 <!-- wp:paragraph {"align":"center","style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|small"}}},"textColor":"text-body","fontSize":"regular"} -->
    25 <p class="has-text-align-center has-text-body-color has-text-color has-regular-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--small)"><?php echo esc_html__( 'Founder', 'origin-canvas' ); ?></p>
     24<!-- wp:paragraph {"style":{"typography":{"fontWeight":"500","textAlign":"center"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|small"}}},"textColor":"contrast-3","fontSize":"regular"} -->
     25<p class="has-text-align-center has-contrast-3-color has-text-color has-regular-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--small);font-weight:500"><?php echo esc_html__( 'Co-founder', 'origin-canvas' ); ?></p>
    2626<!-- /wp:paragraph -->
    2727
    28 <!-- wp:paragraph {"align":"center","style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|small"}}},"textColor":"text-body","fontSize":"small"} -->
    29 <p class="has-text-align-center has-text-body-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--small)"><?php echo esc_html__( 'Twelve years in agencies before going small &#8212; she writes about type, colour, and the craft of making sites that look designed rather than assembled.', 'origin-canvas' ); ?></p>
     28<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|small"}},"typography":{"textAlign":"center"}},"textColor":"contrast-2","fontSize":"small"} -->
     29<p class="has-text-align-center has-contrast-2-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--small)"><?php echo esc_html__( 'Twelve years in agencies before going small. She writes about type, color, and the craft of making sites that look designed rather than assembled.', 'origin-canvas' ); ?></p>
    3030<!-- /wp:paragraph -->
    3131
    32 <!-- wp:paragraph {"align":"center","className":"origin-canvas-links-plain","style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"elements":{"link":{"color":{"text":"var:preset|color|text-heading"},":hover":{"color":{"text":"var:preset|color|primary"}}}}},"textColor":"text-muted","fontSize":"small"} -->
    33 <p class="origin-canvas-links-plain has-text-align-center has-text-muted-color has-text-color has-link-color has-small-font-size" style="margin-top:0;margin-bottom:0"><a href="#"><?php echo esc_html__( 'LinkedIn', 'origin-canvas' ); ?></a> &middot; <a href="#"><?php echo esc_html__( 'Twitter', 'origin-canvas' ); ?></a> &middot; <a href="#"><?php echo esc_html__( 'Email', 'origin-canvas' ); ?></a></p>
     32<!-- wp:paragraph {"className":"origin-canvas-links-plain","style":{"typography":{"fontWeight":"500","textAlign":"center"},"spacing":{"margin":{"top":"0","bottom":"0"}},"elements":{"link":{"color":{"text":"var:preset|color|contrast"},":hover":{"color":{"text":"var:preset|color|primary"}}}}},"textColor":"contrast-3","fontSize":"small"} -->
     33<p class="origin-canvas-links-plain has-text-align-center has-contrast-3-color has-text-color has-link-color has-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:500"><a href="#"><?php echo esc_html__( 'LinkedIn', 'origin-canvas' ); ?></a> &middot; <a href="#"><?php echo esc_html__( 'Twitter', 'origin-canvas' ); ?></a> &middot; <a href="#"><?php echo esc_html__( 'Email', 'origin-canvas' ); ?></a></p>
    3434<!-- /wp:paragraph --></div>
    3535<!-- /wp:group -->

  • origin-canvas/1.4.3/patterns/card-testimonial.php

    r347102 r356743  
    33 * Title: Card Testimonial
    44 * Slug: origin-canvas/card-testimonial
    5  * Description: A single testimonial card with quote, avatar, name, and role. Insert inside a Columns block for a multi-testimonial layout.
     5 * Description: One quote on a tinted card, with a small portrait beside the name and role.
    66 * Categories: testimonials
    77 * Keywords: endorsement, review, client, praise
    … …  
    1313
    1414?>
    15 <!-- wp:group {"backgroundColor":"surface-muted","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"var:preset|spacing|large","right":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|large"},"blockGap":"0"}},"layout":{"type":"constrained"}} -->
    16 <div class="wp-block-group has-surface-muted-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|extra-large"}}},"textColor":"text-body","fontSize":"regular-plus"} -->
    17 <p class="has-text-body-color has-text-color has-regular-plus-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--extra-large)"><?php echo esc_html__( '&#8220;They asked the questions our last designer didn&#8217;t. The site finally feels like ours, not a template we tried to make fit.&#8221;', 'origin-canvas' ); ?></p>
     15<!-- wp:group {"backgroundColor":"base-2","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"var:preset|spacing|large","right":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|large"},"blockGap":"0"}},"layout":{"type":"constrained"}} -->
     16<div class="wp-block-group has-base-2-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|extra-large"}},"typography":{"fontWeight":"500"}},"textColor":"contrast","fontSize":"regular-plus"} -->
     17<p class="has-contrast-color has-text-color has-regular-plus-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--extra-large);font-weight:500"><?php echo esc_html__( '&#8220;They built us an archive we actually keep up to date. Every project goes in the week it finishes.&#8221;', 'origin-canvas' ); ?></p>
    1818<!-- /wp:paragraph -->
    1919
    20 <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|compact"}},"layout":{"type":"flex","verticalAlignment":"center"}} -->
     20<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small-medium"}},"layout":{"type":"flex","verticalAlignment":"center"}} -->
    2121<div class="wp-block-group"><!-- wp:image {"aspectRatio":"1","linkDestination":"none","width":"48px","height":"48px","className":"is-style-origin-canvas-rounded-full"} -->
    22 <figure class="wp-block-image is-resized is-style-origin-canvas-rounded-full"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/card-testimonial-1.webp" alt="<?php esc_attr_e( 'Hands holding a cup of tea beside simple tea packaging and loose leaves.', 'origin-canvas' ); ?>" style="aspect-ratio:1;width:48px;height:48px"/></figure>
     22<figure class="wp-block-image is-resized is-style-origin-canvas-rounded-full"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/avatar-helen-marsh.webp" alt="<?php esc_attr_e( 'Portrait of Helen Marsh, Principal of Fairview Architects.', 'origin-canvas' ); ?>" style="aspect-ratio:1;width:48px;height:48px"/></figure>
    2323<!-- /wp:image -->
    2424
    2525<!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained"}} -->
    26 <div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-heading","fontSize":"regular"} -->
    27 <p class="has-text-heading-color has-text-color has-regular-font-size" style="margin-top:0;margin-bottom:0;font-weight:600"><?php echo esc_html__( 'Sarah Jenkins', 'origin-canvas' ); ?></p>
     26<div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast","fontSize":"regular"} -->
     27<p class="has-contrast-color has-text-color has-regular-font-size" style="margin-top:0;margin-bottom:0;font-weight:600"><?php echo esc_html__( 'Helen Marsh', 'origin-canvas' ); ?></p>
    2828<!-- /wp:paragraph -->
    2929
    30 <!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-body","fontSize":"small"} -->
    31 <p class="has-text-body-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Founder, Hartwell Tea Co.', 'origin-canvas' ); ?></p>
     30<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontWeight":"500"}},"textColor":"contrast-3","fontSize":"small"} -->
     31<p class="has-contrast-3-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:500"><?php echo esc_html__( 'Principal, Fairview Architects', 'origin-canvas' ); ?></p>
    3232<!-- /wp:paragraph --></div>
    3333<!-- /wp:group --></div>

  • origin-canvas/1.4.3/patterns/cta-band.php

    r347102 r356743  
    11<?php
    22/**
    3  * Title: CTA Band
     3 * Title: CTA Card Split
    44 * Slug: origin-canvas/cta-band
     5 * Description: A tinted rounded card the width of the content, with a heading and text beside an availability line and one button.
    56 * Categories: call-to-action
    6  * Keywords: conversion, banner, home, availability
     7 * Keywords: conversion, banner, prompt
    78 * Block Types: core/post-content
    89 * Viewport Width: 1500
    … …  
    1314
    1415?>
    15 <!-- wp:group {"metadata":{"patternName":"origin-canvas/cta-band","name":"CTA Band","categories":["call-to-action"]},"tagName":"section","align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"}}},"layout":{"type":"constrained"}} -->
    16 <section class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:group {"align":"wide","backgroundColor":"surface-muted","style":{"border":{"radius":"var:custom|radius|large"},"spacing":{"padding":{"top":"var:preset|spacing|extra-large","right":"var:preset|spacing|extra-large","bottom":"var:preset|spacing|extra-large","left":"var:preset|spacing|extra-large"}}},"layout":{"type":"default"}} -->
    17 <div class="wp-block-group alignwide has-surface-muted-background-color has-background" style="border-radius:var(--wp--custom--radius--large);padding-top:var(--wp--preset--spacing--extra-large);padding-right:var(--wp--preset--spacing--extra-large);padding-bottom:var(--wp--preset--spacing--extra-large);padding-left:var(--wp--preset--spacing--extra-large)"><!-- wp:columns {"verticalAlignment":"center","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
     16<!-- wp:group {"metadata":{"patternName":"origin-canvas/cta-band","name":"CTA Card Split","categories":["call-to-action"]},"tagName":"section","align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"}}},"layout":{"type":"constrained"}} -->
     17<section class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:group {"align":"wide","backgroundColor":"base-2","style":{"border":{"radius":"var:custom|radius|large"},"spacing":{"padding":{"top":"var:preset|spacing|extra-large","right":"var:preset|spacing|extra-large","bottom":"var:preset|spacing|extra-large","left":"var:preset|spacing|extra-large"}}},"layout":{"type":"default"}} -->
     18<div class="wp-block-group alignwide has-base-2-background-color has-background" style="border-radius:var(--wp--custom--radius--large);padding-top:var(--wp--preset--spacing--extra-large);padding-right:var(--wp--preset--spacing--extra-large);padding-bottom:var(--wp--preset--spacing--extra-large);padding-left:var(--wp--preset--spacing--extra-large)"><!-- wp:columns {"verticalAlignment":"center","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
    1819<div class="wp-block-columns are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"42%"} -->
    1920<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:42%"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|extra-small","margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} -->
    2021<div class="wp-block-group" style="margin-top:0;margin-bottom:0"><!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|small"}}},"fontSize":"large"} -->
    21 <h3 class="wp-block-heading has-large-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--small)"><?php echo esc_html__( 'Have a project in mind?', 'origin-canvas' ); ?></h3>
     22<h3 class="wp-block-heading has-large-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--small)"><?php echo esc_html__( 'Ready when you are', 'origin-canvas' ); ?></h3>
    2223<!-- /wp:heading -->
    2324
    24 <!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-body","fontSize":"regular"} -->
    25 <p class="has-text-body-color has-text-color has-regular-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Most projects start with a single email. If we&#8217;re a fit, we&#8217;ll tell you on the first call.', 'origin-canvas' ); ?></p>
     25<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-2","fontSize":"regular"} -->
     26<p class="has-contrast-2-color has-text-color has-regular-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Most projects start with a single email. If we&#8217;re a fit, we&#8217;ll tell you on the first call.', 'origin-canvas' ); ?></p>
    2627<!-- /wp:paragraph --></div>
    2728<!-- /wp:group --></div>
    … …  
    3031<!-- wp:column {"verticalAlignment":"center","width":"26%"} -->
    3132<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:26%"><!-- wp:group {"layout":{"type":"flex","justifyContent":"center","flexWrap":"nowrap","verticalAlignment":"center"}} -->
    32 <div class="wp-block-group"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-muted","fontSize":"small"} -->
    33 <p class="has-text-muted-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0"><span aria-hidden="true" style="background-color:var(--wp--preset--color--primary);border-radius:999px;display:inline-block;height:8px;margin-right:12px;vertical-align:middle;width:8px"></span><?php echo esc_html__( 'One slot open', 'origin-canvas' ); ?> &middot; <?php echo esc_html__( 'Summer &#8217;26', 'origin-canvas' ); ?></p>
     33<div class="wp-block-group"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-3","fontSize":"small"} -->
     34<p class="has-contrast-3-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0"><span aria-hidden="true" style="background-color:var(--wp--preset--color--primary);border-radius:999px;display:inline-block;height:8px;margin-right:12px;vertical-align:middle;width:8px"></span><?php echo esc_html__( 'One slot open', 'origin-canvas' ); ?></p>
    3435<!-- /wp:paragraph --></div>
    3536<!-- /wp:group --></div>
    … …  
    3940<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:24%">
    4041<!-- wp:buttons {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"flex","justifyContent":"right"}} -->
    41 <div class="wp-block-buttons is-content-justification-right is-layout-flex" style="margin-top:0;margin-bottom:0"><!-- wp:button {"style":{"spacing":{"padding":{"top":"var:preset|spacing|compact","right":"var:preset|spacing|large","bottom":"var:preset|spacing|compact","left":"var:preset|spacing|large"}}},"fontSize":"small"} -->
    42 <div class="wp-block-button"><a class="wp-block-button__link has-small-font-size has-custom-font-size wp-element-button" style="padding-top:var(--wp--preset--spacing--compact);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--compact);padding-left:var(--wp--preset--spacing--large)"><?php echo esc_html__( 'Start a conversation', 'origin-canvas' ); ?> &rarr;</a></div>
     42<div class="wp-block-buttons" style="margin-top:0;margin-bottom:0"><!-- wp:button {"style":{"spacing":{"padding":{"top":"var:preset|spacing|small-medium","right":"var:preset|spacing|large","bottom":"var:preset|spacing|small-medium","left":"var:preset|spacing|large"}}},"fontSize":"small","url":"#"} -->
     43<div class="wp-block-button"><a class="wp-block-button__link has-small-font-size has-custom-font-size wp-element-button" href="#" style="padding-top:var(--wp--preset--spacing--small-medium);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--small-medium);padding-left:var(--wp--preset--spacing--large)"><?php echo esc_html__( 'Start a conversation', 'origin-canvas' ); ?> &rarr;</a></div>
    4344<!-- /wp:button --></div>
    4445<!-- /wp:buttons --></div>

  • origin-canvas/1.4.3/patterns/cta-banner.php

    r347102 r356743  
    11<?php
    22/**
    3  * Title: CTA Banner
     3 * Title: CTA Band Inline
    44 * Slug: origin-canvas/cta-banner
     5 * Description: A dark band with a large heading beside one button.
    56 * Categories: call-to-action
    6  * Keywords: conversion, dark, prompt, strip
     7 * Keywords: conversion, prompt, strip
    78 * Block Types: core/post-content
    89 * Inserter: true
    … …  
    1213
    1314?>
    14 <!-- wp:group {"tagName":"section","align":"full","style":{"color":{"background":"#111827","text":"#F3F4F6"},"spacing":{"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"}}},"layout":{"type":"constrained"}} -->
    15 <section class="wp-block-group alignfull has-text-color has-background" style="color:#F3F4F6;background-color:#111827;padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:group {"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between","verticalAlignment":"center"}} -->
    16 <div class="wp-block-group"><!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"color":{"text":"#F3F4F6"}},"fontSize":"huge"} -->
    17 <h3 class="wp-block-heading has-huge-font-size has-text-color" style="margin-top:0;margin-bottom:0;color:#F3F4F6"><?php echo esc_html__( 'Have a project in mind?', 'origin-canvas' ); ?></h3>
     15<!-- wp:group {"tagName":"section","align":"full","style":{"color":{"background":"var(--wp--custom--dark--bg)","text":"var(--wp--custom--dark--text)"},"spacing":{"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"}}},"layout":{"type":"constrained"}} -->
     16<section class="wp-block-group alignfull has-text-color has-background" style="color:var(--wp--custom--dark--text);background-color:var(--wp--custom--dark--bg);padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:group {"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between","verticalAlignment":"center"}} -->
     17<div class="wp-block-group"><!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"color":{"text":"var(--wp--custom--dark--text)"}},"fontSize":"huge"} -->
     18<h3 class="wp-block-heading has-huge-font-size has-text-color" style="margin-top:0;margin-bottom:0;color:var(--wp--custom--dark--text)"><?php echo esc_html__( 'Ready when you are', 'origin-canvas' ); ?></h3>
    1819<!-- /wp:heading -->
    1920

  • origin-canvas/1.4.3/patterns/cta-buttons.php

    r347102 r356743  
    11<?php
    22/**
    3  * Title: CTA Buttons
     3 * Title: CTA Band Tinted
    44 * Slug: origin-canvas/cta-buttons
     5 * Description: A tinted band with a centered heading, a short lead and two buttons.
    56 * Categories: call-to-action
    6  * Keywords: conversion, centered, signup, prompt
     7 * Keywords: conversion, signup, prompt
    78 * Block Types: core/post-content
    89 * Inserter: true
    … …  
    1213
    1314?>
    14 <!-- wp:group {"tagName":"section","align":"full","backgroundColor":"surface-muted","style":{"spacing":{"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"}}},"layout":{"type":"constrained"}} -->
    15 <section class="wp-block-group alignfull has-surface-muted-background-color has-background" style="padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|large"}},"layout":{"type":"constrained","contentSize":"720px"}} -->
    16 <div class="wp-block-group"><!-- wp:heading {"textAlign":"center","level":2,"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"display"} -->
     15<!-- wp:group {"tagName":"section","align":"full","backgroundColor":"base-2","style":{"spacing":{"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"}}},"layout":{"type":"constrained"}} -->
     16<section class="wp-block-group alignfull has-base-2-background-color has-background" style="padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|large"}},"layout":{"type":"constrained"}} -->
     17<div class="wp-block-group"><!-- wp:heading {"level":2,"style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"textAlign":"center"}},"fontSize":"display"} -->
    1718<h2 class="wp-block-heading has-display-font-size has-text-align-center" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Ready when you are', 'origin-canvas' ); ?></h2>
    1819<!-- /wp:heading -->
    1920
    20 <!-- wp:paragraph {"align":"center","textColor":"text-body","fontSize":"regular-plus"} -->
    21 <p class="has-text-align-center has-text-body-color has-text-color has-regular-plus-font-size"><?php echo esc_html__( 'A short conversation tells us most of what we need to know. No pitch decks, no fee until we agree on scope.', 'origin-canvas' ); ?></p>
     21<!-- wp:paragraph {"style":{"typography":{"textAlign":"center"}},"textColor":"contrast-2","fontSize":"regular-plus"} -->
     22<p class="has-text-align-center has-contrast-2-color has-text-color has-regular-plus-font-size"><?php echo esc_html__( 'A short conversation tells us most of what we need to know. No pitch decks, no fee until we agree on scope.', 'origin-canvas' ); ?></p>
    2223<!-- /wp:paragraph -->
    2324
    24 <!-- wp:buttons {"style":{"spacing":{"blockGap":"var:preset|spacing|compact","margin":{"top":"var:preset|spacing|extra-large"}}},"layout":{"type":"flex","justifyContent":"center","orientation":"horizontal"}} -->
    25 <div class="wp-block-buttons is-content-justification-center is-layout-flex" style="margin-top:var(--wp--preset--spacing--extra-large)"><!-- wp:button -->
     25<!-- wp:buttons {"style":{"spacing":{"blockGap":"var:preset|spacing|small-medium","margin":{"top":"var:preset|spacing|extra-large"}}},"layout":{"type":"flex","justifyContent":"center","orientation":"horizontal"}} -->
     26<div class="wp-block-buttons" style="margin-top:var(--wp--preset--spacing--extra-large)"><!-- wp:button -->
    2627<div class="wp-block-button"><a class="wp-block-button__link wp-element-button"><?php echo esc_html__( 'Email us', 'origin-canvas' ); ?></a></div>
    2728<!-- /wp:button -->
    2829
    29 <!-- wp:button {"className":"is-style-origin-canvas-outline-strong"} -->
    30 <div class="wp-block-button is-style-origin-canvas-outline-strong"><a class="wp-block-button__link wp-element-button"><?php echo esc_html__( 'Book a call', 'origin-canvas' ); ?></a></div>
     30<!-- wp:button {"className":"is-style-outline"} -->
     31<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button"><?php echo esc_html__( 'Book a call', 'origin-canvas' ); ?></a></div>
    3132<!-- /wp:button --></div>
    3233<!-- /wp:buttons --></div>

  • origin-canvas/1.4.3/patterns/cta-card.php

    r347102 r356743  
    11<?php
    22/**
    3  * Title: CTA Card
     3 * Title: CTA Card Tinted
    44 * Slug: origin-canvas/cta-card
     5 * Description: A tinted rounded card with a centered heading, a short lead and one button.
    56 * Categories: call-to-action
    6  * Keywords: conversion, centered, surface, prompt
     7 * Keywords: conversion, surface, prompt
    78 * Block Types: core/post-content
    89 * Inserter: true
    … …  
    1314?>
    1415<!-- wp:group {"tagName":"section","align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"}}},"layout":{"type":"constrained"}} -->
    15 <section class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:group {"backgroundColor":"surface-muted","style":{"border":{"radius":"var:custom|radius|medium"},"shadow":"var:preset|shadow|small","spacing":{"padding":{"top":"var:preset|spacing|jumbo","right":"var:preset|spacing|jumbo","bottom":"var:preset|spacing|jumbo","left":"var:preset|spacing|jumbo"},"blockGap":"var:preset|spacing|large"}},"layout":{"type":"constrained","contentSize":"640px"}} -->
    16 <div class="wp-block-group has-surface-muted-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--jumbo);padding-right:var(--wp--preset--spacing--jumbo);padding-bottom:var(--wp--preset--spacing--jumbo);padding-left:var(--wp--preset--spacing--jumbo);box-shadow:var(--wp--preset--shadow--small)"><!-- wp:heading {"textAlign":"center","level":2,"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"display"} -->
    17 <h2 class="wp-block-heading has-display-font-size has-text-align-center" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Built around a single project a month', 'origin-canvas' ); ?></h2>
     16<section class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:group {"backgroundColor":"base-2","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"var:preset|spacing|jumbo","right":"var:preset|spacing|jumbo","bottom":"var:preset|spacing|jumbo","left":"var:preset|spacing|jumbo"},"blockGap":"var:preset|spacing|large"}},"layout":{"type":"constrained"}} -->
     17<div class="wp-block-group has-base-2-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--jumbo);padding-right:var(--wp--preset--spacing--jumbo);padding-bottom:var(--wp--preset--spacing--jumbo);padding-left:var(--wp--preset--spacing--jumbo)"><!-- wp:heading {"level":2,"style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"textAlign":"center"}},"fontSize":"huge"} -->
     18<h2 class="wp-block-heading has-huge-font-size has-text-align-center" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'The people you meet do the work', 'origin-canvas' ); ?></h2>
    1819<!-- /wp:heading -->
    1920
    20 <!-- wp:paragraph {"align":"center","textColor":"text-body","fontSize":"regular-plus"} -->
    21 <p class="has-text-align-center has-text-body-color has-text-color has-regular-plus-font-size"><?php echo esc_html__( 'We keep our roster small so the work in front of us gets the attention it needs. If we&#8217;re a fit, we&#8217;ll tell you on the first call.', 'origin-canvas' ); ?></p>
     21<!-- wp:paragraph {"style":{"typography":{"textAlign":"center"}},"textColor":"contrast-2","fontSize":"regular-plus"} -->
     22<p class="has-text-align-center has-contrast-2-color has-text-color has-regular-plus-font-size"><?php echo esc_html__( 'We keep our roster small so the work in front of us gets the attention it needs. If we&#8217;re a fit, we&#8217;ll tell you on the first call.', 'origin-canvas' ); ?></p>
    2223<!-- /wp:paragraph -->
    2324
    2425<!-- wp:buttons {"style":{"spacing":{"margin":{"top":"var:preset|spacing|medium"}}},"layout":{"type":"flex","justifyContent":"center"}} -->
    25 <div class="wp-block-buttons is-content-justification-center is-layout-flex" style="margin-top:var(--wp--preset--spacing--medium)"><!-- wp:button -->
     26<div class="wp-block-buttons" style="margin-top:var(--wp--preset--spacing--medium)"><!-- wp:button -->
    2627<div class="wp-block-button"><a class="wp-block-button__link wp-element-button"><?php echo esc_html__( 'Start a conversation', 'origin-canvas' ); ?></a></div>
    2728<!-- /wp:button --></div>

  • origin-canvas/1.4.3/patterns/cta-closing.php

    r347102 r356743  
    11<?php
    22/**
    3  * Title: Closing CTA
     3 * Title: CTA Card Dark
    44 * Slug: origin-canvas/cta-closing
    5  * Description: A dark closing call-to-action band for the end of the theme landing page.
     5 * Description: A dark rounded card the width of the content, with an eyebrow, a large centered heading, a short lead and two buttons.
    66 * Categories: call-to-action
    7  * Keywords: conversion, download, footer, final
     7 * Keywords: conversion, download, inverted
    88 * Viewport Width: 1500
    99 * Block Types:
    … …  
    1717<!-- wp:group {"tagName":"section","align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"}}},"layout":{"type":"constrained"}} -->
    1818<section class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:group {"align":"wide","style":{"border":{"radius":"var:custom|radius|large"},"color":{"background":"var(--wp--custom--dark--bg)","text":"var(--wp--custom--dark--text)"},"spacing":{"padding":{"top":"var:preset|spacing|colossal","right":"var:preset|spacing|huge","bottom":"var:preset|spacing|colossal","left":"var:preset|spacing|huge"}}},"layout":{"type":"constrained"}} -->
    19 <div class="wp-block-group alignwide has-text-color has-background" style="border-radius:var(--wp--custom--radius--large);color:var(--wp--custom--dark--text);background-color:var(--wp--custom--dark--bg);padding-top:var(--wp--preset--spacing--colossal);padding-right:var(--wp--preset--spacing--huge);padding-bottom:var(--wp--preset--spacing--colossal);padding-left:var(--wp--preset--spacing--huge)"><!-- wp:paragraph {"align":"center","style":{"typography":{"textTransform":"uppercase","fontWeight":"600","letterSpacing":"0.08em"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|small"}}},"textColor":"primary","fontSize":"small"} -->
    20 <p class="has-text-align-center has-primary-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--small);font-weight:600;letter-spacing:0.08em;text-transform:uppercase"><?php echo esc_html__( 'Ready when you are', 'origin-canvas' ); ?></p>
     19<div class="wp-block-group alignwide has-text-color has-background" style="border-radius:var(--wp--custom--radius--large);color:var(--wp--custom--dark--text);background-color:var(--wp--custom--dark--bg);padding-top:var(--wp--preset--spacing--colossal);padding-right:var(--wp--preset--spacing--huge);padding-bottom:var(--wp--preset--spacing--colossal);padding-left:var(--wp--preset--spacing--huge)"><!-- wp:paragraph {"className":"origin-canvas-eyebrow","style":{"typography":{"textTransform":"uppercase","fontWeight":"600","letterSpacing":"0.06em","textAlign":"center"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|small"}}},"textColor":"primary","fontSize":"small"} -->
     20<p class="origin-canvas-eyebrow has-text-align-center has-primary-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--small);font-weight:600;letter-spacing:0.06em;text-transform:uppercase"><?php echo esc_html__( 'Ready when you are', 'origin-canvas' ); ?></p>
    2121<!-- /wp:paragraph -->
    2222
    23 <!-- wp:heading {"textAlign":"center","level":2,"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}},"color":{"text":"var(--wp--custom--dark--text)"}},"fontSize":"display-xl"} -->
    24 <h2 class="wp-block-heading has-text-align-center has-text-color has-display-xl-font-size" style="color:var(--wp--custom--dark--text);margin-top:0;margin-bottom:var(--wp--preset--spacing--medium)"><?php echo esc_html__( 'Start closer to finished.', 'origin-canvas' ); ?></h2>
     23<!-- wp:heading {"level":2,"align":"wide","style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"color":{"text":"var(--wp--custom--dark--text)"},"typography":{"textAlign":"center"}},"fontSize":"display-xl"} -->
     24<h2 class="wp-block-heading has-text-align-center alignwide has-text-color has-display-xl-font-size" style="color:var(--wp--custom--dark--text);margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Start closer to finished.', 'origin-canvas' ); ?></h2>
    2525<!-- /wp:heading -->
    2626
    27 <!-- wp:group {"layout":{"type":"constrained","contentSize":"640px"}} -->
    28 <div class="wp-block-group"><!-- wp:paragraph {"align":"center","style":{"color":{"text":"color-mix(in srgb, var(--wp--custom--dark--text) 72%, transparent)"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"regular-plus"} -->
     27<!-- wp:group {"style":{"spacing":{"margin":{"top":"var:preset|spacing|small-medium"}}},"layout":{"type":"constrained"}} -->
     28<div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--small-medium)"><!-- wp:paragraph {"style":{"color":{"text":"color-mix(in srgb, var(--wp--custom--dark--text) 72%, transparent)"},"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"textAlign":"center"}},"fontSize":"regular-plus"} -->
    2929<p class="has-text-align-center has-text-color has-regular-plus-font-size" style="color:color-mix(in srgb, var(--wp--custom--dark--text) 72%, transparent);margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Install Origin Canvas, pick a style variation, drop in patterns. You will have a real site before you have second-guessed the font.', 'origin-canvas' ); ?></p>
    3030<!-- /wp:paragraph --></div>
    … …  
    3232
    3333<!-- wp:buttons {"style":{"spacing":{"blockGap":"var:preset|spacing|medium","margin":{"top":"var:preset|spacing|extra-large"}}},"layout":{"type":"flex","justifyContent":"center","orientation":"horizontal"}} -->
    34 <div class="wp-block-buttons is-content-justification-center is-layout-flex" style="margin-top:var(--wp--preset--spacing--extra-large)"><!-- wp:button {"className":"is-style-origin-canvas-fill-primary"} -->
     34<div class="wp-block-buttons" style="margin-top:var(--wp--preset--spacing--extra-large)"><!-- wp:button {"className":"is-style-origin-canvas-fill-primary"} -->
    3535<div class="wp-block-button is-style-origin-canvas-fill-primary"><a class="wp-block-button__link wp-element-button"><?php echo esc_html__( 'Download free', 'origin-canvas' ); ?></a></div>
    3636<!-- /wp:button -->

  • origin-canvas/1.4.3/patterns/cta-inline.php

    r347102 r356743  
    11<?php
    22/**
    3  * Title: CTA Inline
     3 * Title: CTA Split
    44 * Slug: origin-canvas/cta-inline
     5 * Description: A heading and text beside one button, with no fill.
    56 * Categories: call-to-action
    67 * Keywords: conversion, horizontal, prompt, compact
    … …  
    1415<!-- wp:group {"tagName":"section","align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"}}},"layout":{"type":"constrained"}} -->
    1516<section class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:columns {"align":"wide","verticalAlignment":"center"} -->
    16 <div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"66.66%"} -->
    17 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:66.66%"><!-- wp:heading {"level":2,"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|small"}}},"fontSize":"display"} -->
    18 <h2 class="wp-block-heading has-display-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--small)"><?php echo esc_html__( 'Want our quarterly notes?', 'origin-canvas' ); ?></h2>
     17<div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"50%"} -->
     18<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%"><!-- wp:heading {"level":2,"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|small"}}},"fontSize":"huge"} -->
     19<h2 class="wp-block-heading has-huge-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--small)"><?php echo esc_html__( 'Quarterly notes from the studio', 'origin-canvas' ); ?></h2>
    1920<!-- /wp:heading -->
    2021
    21 <!-- wp:paragraph {"textColor":"text-body","fontSize":"regular-plus"} -->
    22 <p class="has-text-body-color has-text-color has-regular-plus-font-size"><?php echo esc_html__( 'Four short letters a year about what we&#8217;re learning, what we made, and what we&#8217;d do differently.', 'origin-canvas' ); ?></p>
     22<!-- wp:paragraph {"textColor":"contrast-2","fontSize":"regular-plus"} -->
     23<p class="has-contrast-2-color has-text-color has-regular-plus-font-size"><?php echo esc_html__( 'Four short letters a year about what we&#8217;re learning, what we made, and what we&#8217;d do differently.', 'origin-canvas' ); ?></p>
    2324<!-- /wp:paragraph --></div>
    2425<!-- /wp:column -->
    2526
    26 <!-- wp:column {"verticalAlignment":"center","width":"33.33%"} -->
    27 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:33.33%"><!-- wp:buttons {"layout":{"type":"flex","justifyContent":"right"}} -->
    28 <div class="wp-block-buttons"><!-- wp:button -->
     27<!-- wp:column {"verticalAlignment":"center","width":"50%"} -->
     28<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%"><!-- wp:buttons {"className":"origin-canvas-cta-inline-action","layout":{"type":"flex","justifyContent":"right"}} -->
     29<div class="wp-block-buttons origin-canvas-cta-inline-action"><!-- wp:button -->
    2930<div class="wp-block-button"><a class="wp-block-button__link wp-element-button"><?php echo esc_html__( 'Subscribe', 'origin-canvas' ); ?></a></div>
    3031<!-- /wp:button --></div>

  • origin-canvas/1.4.3/patterns/cta-newsletter.php

    r347102 r356743  
    33 * Title: CTA Newsletter
    44 * Slug: origin-canvas/cta-newsletter
     5 * Description: A centered heading and lead over a sample email field drawn as text, a sign-up button and a short note.
    56 * Categories: call-to-action
    6  * Keywords: email, subscribe, signup, conversion
     7 * Keywords: subscribe, signup, conversion
    78 * Block Types: core/post-content
    89 * Inserter: true
    … …  
    1718?>
    1819<!-- wp:group {"tagName":"section","align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"}}},"layout":{"type":"constrained"}} -->
    19 <section class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|large"}},"layout":{"type":"constrained","contentSize":"640px"}} -->
    20 <div class="wp-block-group"><!-- wp:heading {"textAlign":"center","level":2,"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"display"} -->
     20<section class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|large"}},"layout":{"type":"constrained"}} -->
     21<div class="wp-block-group"><!-- wp:heading {"level":2,"style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"textAlign":"center"}},"fontSize":"display"} -->
    2122<h2 class="wp-block-heading has-display-font-size has-text-align-center" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Studio notes, four times a year', 'origin-canvas' ); ?></h2>
    2223<!-- /wp:heading -->
    2324
    24 <!-- wp:paragraph {"align":"center","textColor":"text-body","fontSize":"regular-plus"} -->
    25 <p class="has-text-align-center has-text-body-color has-text-color has-regular-plus-font-size"><?php echo esc_html__( 'One letter at the end of every quarter. Honest write-ups of what we made, what we learned, and what we&#8217;d change. No spam, no upsells.', 'origin-canvas' ); ?></p>
     25<!-- wp:paragraph {"style":{"typography":{"textAlign":"center"}},"textColor":"contrast-2","fontSize":"regular-plus"} -->
     26<p class="has-text-align-center has-contrast-2-color has-text-color has-regular-plus-font-size"><?php echo esc_html__( 'One letter at the end of every quarter. Honest write-ups of what we made, what we learned, and what we&#8217;d change. No spam, no upsells.', 'origin-canvas' ); ?></p>
    2627<!-- /wp:paragraph -->
    2728
    2829<!-- wp:columns {"verticalAlignment":"center","style":{"spacing":{"margin":{"top":"var:preset|spacing|medium"}}}} -->
    2930<div class="wp-block-columns are-vertically-aligned-center" style="margin-top:var(--wp--preset--spacing--medium)"><!-- wp:column {"verticalAlignment":"center","width":"66.66%"} -->
    30 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:66.66%"><!-- wp:paragraph {"style":{"border":{"radius":"999px","style":"solid","width":"2px"},"spacing":{"padding":{"top":"var:preset|spacing|compact","bottom":"var:preset|spacing|compact","left":"var:preset|spacing|extra-large","right":"var:preset|spacing|extra-large"},"margin":{"top":"0","bottom":"0"}}},"backgroundColor":"surface-base","borderColor":"input-border","textColor":"text-muted","fontSize":"regular"} -->
    31 <p class="has-border-color has-input-border-border-color has-text-muted-color has-surface-base-background-color has-text-color has-background has-regular-font-size" style="border-style:solid;border-width:2px;border-radius:999px;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--compact);padding-right:var(--wp--preset--spacing--extra-large);padding-bottom:var(--wp--preset--spacing--compact);padding-left:var(--wp--preset--spacing--extra-large)"><?php echo esc_html__( 'you@yourbusiness.com', 'origin-canvas' ); ?></p>
     31<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:66.66%"><!-- wp:paragraph {"style":{"border":{"radius":"var:custom|radius|medium","style":"solid","width":"1px"},"spacing":{"padding":{"top":"var:preset|spacing|small-medium","bottom":"var:preset|spacing|small-medium","left":"var:preset|spacing|medium","right":"var:preset|spacing|medium"},"margin":{"top":"0","bottom":"0"}}},"backgroundColor":"base","borderColor":"contrast-5","textColor":"contrast-3","fontSize":"regular"} -->
     32<p class="has-border-color has-contrast-5-border-color has-contrast-3-color has-base-background-color has-text-color has-background has-regular-font-size" style="border-style:solid;border-width:1px;border-radius:var(--wp--custom--radius--medium);margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--small-medium);padding-right:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--small-medium);padding-left:var(--wp--preset--spacing--medium)"><?php echo esc_html__( 'you@yourbusiness.com', 'origin-canvas' ); ?></p>
    3233<!-- /wp:paragraph --></div>
    3334<!-- /wp:column -->
    3435
    3536<!-- wp:column {"verticalAlignment":"center","width":"33.33%"} -->
    36 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:33.33%"><!-- wp:buttons {"layout":{"type":"flex","justifyContent":"left"}} -->
    37 <div class="wp-block-buttons"><!-- wp:button -->
     37<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:33.33%"><!-- wp:buttons {"className":"origin-canvas-cta-newsletter-action","layout":{"type":"flex","justifyContent":"left"}} -->
     38<div class="wp-block-buttons origin-canvas-cta-newsletter-action"><!-- wp:button -->
    3839<div class="wp-block-button"><a class="wp-block-button__link wp-element-button"><?php echo esc_html__( 'Subscribe', 'origin-canvas' ); ?></a></div>
    3940<!-- /wp:button --></div>
    … …  
    4243<!-- /wp:columns -->
    4344
    44 <!-- wp:paragraph {"align":"center","className":"origin-canvas-links-plain","style":{"elements":{"link":{"color":{"text":"var:preset|color|text-body"},":hover":{"color":{"text":"var:preset|color|text-muted"}}}}},"textColor":"text-muted","fontSize":"small"} -->
    45 <p class="origin-canvas-links-plain has-text-align-center has-text-muted-color has-text-color has-link-color has-small-font-size"><?php printf(
     45<!-- wp:paragraph {"style":{"typography":{"textAlign":"center"}},"textColor":"contrast-3","fontSize":"small"} -->
     46<p class="has-text-align-center has-contrast-3-color has-text-color has-small-font-size"><?php printf(
    4647        /* translators: %s: link to the privacy policy */
    4748        esc_html__( 'We care about your data. Read our %s.', 'origin-canvas' ),

  • origin-canvas/1.4.3/patterns/cta-with-image.php

    r347102 r356743  
    11<?php
    22/**
    3  * Title: CTA With Image
     3 * Title: CTA Band Split With Image
    44 * Slug: origin-canvas/cta-with-image
     5 * Description: A photo beside a heading, text, two buttons and a note on reply time, on a tinted band.
    56 * Categories: call-to-action
    6  * Keywords: conversion, media, prompt, split
    7  * Block Types: core/post-content
     7 * Keywords: conversion, contact, email, booking, media
     8 * Viewport Width: 1500
     9 * Block Types:
     10 * Post Types:
    811 * Inserter: true
    912 *
    … …  
    1215
    1316?>
    14 <!-- wp:group {"tagName":"section","align":"full","backgroundColor":"surface-muted","style":{"spacing":{"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"}}},"layout":{"type":"constrained"}} -->
    15 <section class="wp-block-group alignfull has-surface-muted-background-color has-background" style="padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:columns {"align":"wide","verticalAlignment":"center"} -->
     17<!-- wp:group {"tagName":"section","align":"full","backgroundColor":"base-2","style":{"spacing":{"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"}}},"layout":{"type":"constrained"}} -->
     18<section class="wp-block-group alignfull has-base-2-background-color has-background" style="padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:columns {"align":"wide","verticalAlignment":"center","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|extra-large","left":"var:preset|spacing|jumbo"}}}} -->
    1619<div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"50%"} -->
    17 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%"><!-- wp:heading {"level":2,"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|small"}}},"fontSize":"display"} -->
    18 <h2 class="wp-block-heading has-display-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--small)"><?php echo esc_html__( 'Eight years of brand and web work', 'origin-canvas' ); ?></h2>
    19 <!-- /wp:heading -->
    20 
    21 <!-- wp:paragraph {"textColor":"text-body","fontSize":"regular-plus"} -->
    22 <p class="has-text-body-color has-text-color has-regular-plus-font-size"><?php echo esc_html__( 'Take a look at what we&#8217;ve made for businesses like yours. Most projects start with a single email.', 'origin-canvas' ); ?></p>
    23 <!-- /wp:paragraph -->
    24 
    25 <!-- wp:buttons {"style":{"spacing":{"margin":{"top":"var:preset|spacing|extra-large"}}},"layout":{"type":"flex"}} -->
    26 <div class="wp-block-buttons" style="margin-top:var(--wp--preset--spacing--extra-large)"><!-- wp:button -->
    27 <div class="wp-block-button"><a class="wp-block-button__link wp-element-button"><?php echo esc_html__( 'View our work', 'origin-canvas' ); ?></a></div>
    28 <!-- /wp:button --></div>
    29 <!-- /wp:buttons --></div>
     20<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%"><!-- wp:image {"aspectRatio":"16/9","scale":"cover","sizeSlug":"full","linkDestination":"none","className":"is-style-rounded"} -->
     21<figure class="wp-block-image size-full is-style-rounded"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/studio-review.webp" alt="<?php esc_attr_e( 'A Calder Veterinary appointment card filled in for Wednesday, November 4 at 10:30 am, beside a holder of new cards on the reception counter.', 'origin-canvas' ); ?>" style="aspect-ratio:16/9;object-fit:cover"/></figure>
     22<!-- /wp:image --></div>
    3023<!-- /wp:column -->
    3124
    3225<!-- wp:column {"verticalAlignment":"center","width":"50%"} -->
    33 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%"><!-- wp:image {"aspectRatio":"4/3","scale":"cover","sizeSlug":"full","linkDestination":"none"} -->
    34 <figure class="wp-block-image size-full"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/workspace-laptop.webp" alt="<?php esc_attr_e( 'A closed laptop, paper layouts, notebook, and mug on a light wooden studio table.', 'origin-canvas' ); ?>" style="aspect-ratio:4/3;object-fit:cover"/></figure>
    35 <!-- /wp:image --></div>
     26<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%"><!-- wp:heading {"level":2,"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"huge"} -->
     27<h2 class="wp-block-heading has-huge-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Tell us what you&#8217;re making', 'origin-canvas' ); ?></h2>
     28<!-- /wp:heading -->
     29
     30<!-- wp:group {"style":{"spacing":{"margin":{"top":"var:preset|spacing|medium","bottom":"0"}}},"layout":{"type":"constrained","justifyContent":"left"}} -->
     31<div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--medium);margin-bottom:0"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-2","fontSize":"regular-plus"} -->
     32<p class="has-contrast-2-color has-text-color has-regular-plus-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'One email is enough to start. No brief needed.', 'origin-canvas' ); ?></p>
     33<!-- /wp:paragraph --></div>
     34<!-- /wp:group -->
     35
     36<!-- wp:buttons {"style":{"spacing":{"blockGap":"var:preset|spacing|small-medium","margin":{"top":"var:preset|spacing|extra-large","bottom":"0"}},"@mobile":{"layout":{"orientation":"vertical","justifyContent":"stretch"}}},"layout":{"type":"flex"}} -->
     37<div class="wp-block-buttons" style="margin-top:var(--wp--preset--spacing--extra-large);margin-bottom:0"><!-- wp:button -->
     38<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="mailto:hello@example.com"><?php echo esc_html__( 'Email us', 'origin-canvas' ); ?></a></div>
     39<!-- /wp:button -->
     40
     41<!-- wp:button {"className":"is-style-outline"} -->
     42<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button"><?php echo esc_html__( 'Book a call', 'origin-canvas' ); ?></a></div>
     43<!-- /wp:button --></div>
     44<!-- /wp:buttons -->
     45
     46<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"var:preset|spacing|medium","bottom":"0"}}},"textColor":"contrast-3","fontSize":"small"} -->
     47<p class="has-contrast-3-color has-text-color has-small-font-size" style="margin-top:var(--wp--preset--spacing--medium);margin-bottom:0"><?php echo esc_html__( 'We reply within two business days.', 'origin-canvas' ); ?></p>
     48<!-- /wp:paragraph --></div>
    3649<!-- /wp:column --></div>
    3750<!-- /wp:columns --></section>

  • origin-canvas/1.4.3/patterns/faq-simple.php

    r347102 r356743  
    11<?php
    22/**
    3  * Title: FAQ Simple
     3 * Title: FAQ List
    44 * Slug: origin-canvas/faq-simple
    55 * Description: A stacked list of questions that expand to reveal their answers.
    … …  
    1515?>
    1616<!-- wp:group {"tagName":"section","align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"},"blockGap":"0"}},"layout":{"type":"constrained"}} -->
    17 <section class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:heading {"level":2,"style":{"typography":{"lineHeight":"1.1"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|extra-large"}}},"textColor":"text-heading","fontSize":"display"} -->
    18 <h2 class="wp-block-heading has-text-heading-color has-text-color has-display-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--extra-large);line-height:1.1"><?php echo esc_html__( 'Questions we get asked', 'origin-canvas' ); ?></h2>
     17<section class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:heading {"level":2,"style":{"typography":{"lineHeight":"1.1","textAlign":"center"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|extra-large"}}},"textColor":"contrast","fontSize":"huge"} -->
     18<h2 class="wp-block-heading has-text-align-center has-contrast-color has-text-color has-huge-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--extra-large);line-height:1.1"><?php echo esc_html__( 'Questions we get asked', 'origin-canvas' ); ?></h2>
    1919<!-- /wp:heading -->
    2020
    2121<!-- wp:accordion {"className":"is-style-origin-canvas-accordion-minimal"} -->
    2222<div role="group" class="wp-block-accordion is-style-origin-canvas-accordion-minimal"><!-- wp:accordion-item -->
    23 <div class="wp-block-accordion-item"><!-- wp:accordion-heading {"level":3,"style":{"typography":{"lineHeight":"1.4"}},"textColor":"text-heading","fontSize":"regular-plus"} -->
    24 <h3 class="wp-block-accordion-heading has-icon has-icon-right has-text-heading-color has-text-color has-regular-plus-font-size" style="line-height:1.4"><button type="button" class="wp-block-accordion-heading__toggle"><span class="wp-block-accordion-heading__toggle-title"><?php echo esc_html__( 'How long does a project take?', 'origin-canvas' ); ?></span><span class="wp-block-accordion-heading__toggle-icon" aria-hidden="true">+</span></button></h3>
     23<div class="wp-block-accordion-item"><!-- wp:accordion-heading {"level":3,"style":{"typography":{"lineHeight":"1.4"}},"textColor":"contrast","fontSize":"regular-plus"} -->
     24<h3 class="wp-block-accordion-heading has-icon has-icon-right has-contrast-color has-text-color has-regular-plus-font-size" style="line-height:1.4"><button type="button" class="wp-block-accordion-heading__toggle"><span class="wp-block-accordion-heading__toggle-title"><?php echo esc_html__( 'How long does a project take?', 'origin-canvas' ); ?></span><span class="wp-block-accordion-heading__toggle-icon" aria-hidden="true">+</span></button></h3>
    2525<!-- /wp:accordion-heading -->
    2626
    2727<!-- wp:accordion-panel -->
    28 <div role="region" class="wp-block-accordion-panel"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-body","fontSize":"regular-plus"} -->
    29 <p class="has-text-body-color has-text-color has-regular-plus-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Four weeks from kickoff to launch on most projects, and longer if we are writing the copy with you.', 'origin-canvas' ); ?></p>
     28<div role="region" class="wp-block-accordion-panel"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-2","fontSize":"regular-plus"} -->
     29<p class="has-contrast-2-color has-text-color has-regular-plus-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Eight weeks from kickoff to launch on most projects, and longer if we are writing the copy with you.', 'origin-canvas' ); ?></p>
    3030<!-- /wp:paragraph --></div>
    3131<!-- /wp:accordion-panel --></div>
    … …  
    3333
    3434<!-- wp:accordion-item -->
    35 <div class="wp-block-accordion-item"><!-- wp:accordion-heading {"level":3,"style":{"typography":{"lineHeight":"1.4"}},"textColor":"text-heading","fontSize":"regular-plus"} -->
    36 <h3 class="wp-block-accordion-heading has-icon has-icon-right has-text-heading-color has-text-color has-regular-plus-font-size" style="line-height:1.4"><button type="button" class="wp-block-accordion-heading__toggle"><span class="wp-block-accordion-heading__toggle-title"><?php echo esc_html__( 'What do you need from us to start?', 'origin-canvas' ); ?></span><span class="wp-block-accordion-heading__toggle-icon" aria-hidden="true">+</span></button></h3>
     35<div class="wp-block-accordion-item"><!-- wp:accordion-heading {"level":3,"style":{"typography":{"lineHeight":"1.4"}},"textColor":"contrast","fontSize":"regular-plus"} -->
     36<h3 class="wp-block-accordion-heading has-icon has-icon-right has-contrast-color has-text-color has-regular-plus-font-size" style="line-height:1.4"><button type="button" class="wp-block-accordion-heading__toggle"><span class="wp-block-accordion-heading__toggle-title"><?php echo esc_html__( 'What do you need from us to start?', 'origin-canvas' ); ?></span><span class="wp-block-accordion-heading__toggle-icon" aria-hidden="true">+</span></button></h3>
    3737<!-- /wp:accordion-heading -->
    3838
    3939<!-- wp:accordion-panel -->
    40 <div role="region" class="wp-block-accordion-panel"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-body","fontSize":"regular-plus"} -->
    41 <p class="has-text-body-color has-text-color has-regular-plus-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'A conversation, whatever brand material already exists, and one person who can approve work. Copy can come later &#8212; we will tell you what we need and when.', 'origin-canvas' ); ?></p>
     40<div role="region" class="wp-block-accordion-panel"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-2","fontSize":"regular-plus"} -->
     41<p class="has-contrast-2-color has-text-color has-regular-plus-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'A conversation, whatever brand material already exists, and one person who can approve work. Copy can come later. We will tell you what we need and when.', 'origin-canvas' ); ?></p>
    4242<!-- /wp:paragraph --></div>
    4343<!-- /wp:accordion-panel --></div>
    … …  
    4545
    4646<!-- wp:accordion-item -->
    47 <div class="wp-block-accordion-item"><!-- wp:accordion-heading {"level":3,"style":{"typography":{"lineHeight":"1.4"}},"textColor":"text-heading","fontSize":"regular-plus"} -->
    48 <h3 class="wp-block-accordion-heading has-icon has-icon-right has-text-heading-color has-text-color has-regular-plus-font-size" style="line-height:1.4"><button type="button" class="wp-block-accordion-heading__toggle"><span class="wp-block-accordion-heading__toggle-title"><?php echo esc_html__( 'Do you work with our developer?', 'origin-canvas' ); ?></span><span class="wp-block-accordion-heading__toggle-icon" aria-hidden="true">+</span></button></h3>
     47<div class="wp-block-accordion-item"><!-- wp:accordion-heading {"level":3,"style":{"typography":{"lineHeight":"1.4"}},"textColor":"contrast","fontSize":"regular-plus"} -->
     48<h3 class="wp-block-accordion-heading has-icon has-icon-right has-contrast-color has-text-color has-regular-plus-font-size" style="line-height:1.4"><button type="button" class="wp-block-accordion-heading__toggle"><span class="wp-block-accordion-heading__toggle-title"><?php echo esc_html__( 'Do you work with our developer?', 'origin-canvas' ); ?></span><span class="wp-block-accordion-heading__toggle-icon" aria-hidden="true">+</span></button></h3>
    4949<!-- /wp:accordion-heading -->
    5050
    5151<!-- wp:accordion-panel -->
    52 <div role="region" class="wp-block-accordion-panel"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-body","fontSize":"regular-plus"} -->
    53 <p class="has-text-body-color has-text-color has-regular-plus-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Often. We hand over structured files and stay available through the build, and we will say early if something in the design is going to be expensive to make.', 'origin-canvas' ); ?></p>
     52<div role="region" class="wp-block-accordion-panel"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-2","fontSize":"regular-plus"} -->
     53<p class="has-contrast-2-color has-text-color has-regular-plus-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Often. We hand over structured files and stay available through the build, and we will say early if something in the design is going to be expensive to make.', 'origin-canvas' ); ?></p>
    5454<!-- /wp:paragraph --></div>
    5555<!-- /wp:accordion-panel --></div>
    … …  
    5757
    5858<!-- wp:accordion-item -->
    59 <div class="wp-block-accordion-item"><!-- wp:accordion-heading {"level":3,"style":{"typography":{"lineHeight":"1.4"}},"textColor":"text-heading","fontSize":"regular-plus"} -->
    60 <h3 class="wp-block-accordion-heading has-icon has-icon-right has-text-heading-color has-text-color has-regular-plus-font-size" style="line-height:1.4"><button type="button" class="wp-block-accordion-heading__toggle"><span class="wp-block-accordion-heading__toggle-title"><?php echo esc_html__( 'What happens after launch?', 'origin-canvas' ); ?></span><span class="wp-block-accordion-heading__toggle-icon" aria-hidden="true">+</span></button></h3>
     59<div class="wp-block-accordion-item"><!-- wp:accordion-heading {"level":3,"style":{"typography":{"lineHeight":"1.4"}},"textColor":"contrast","fontSize":"regular-plus"} -->
     60<h3 class="wp-block-accordion-heading has-icon has-icon-right has-contrast-color has-text-color has-regular-plus-font-size" style="line-height:1.4"><button type="button" class="wp-block-accordion-heading__toggle"><span class="wp-block-accordion-heading__toggle-title"><?php echo esc_html__( 'What happens after launch?', 'origin-canvas' ); ?></span><span class="wp-block-accordion-heading__toggle-icon" aria-hidden="true">+</span></button></h3>
    6161<!-- /wp:accordion-heading -->
    6262
    6363<!-- wp:accordion-panel -->
    64 <div role="region" class="wp-block-accordion-panel"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-body","fontSize":"regular-plus"} -->
    65 <p class="has-text-body-color has-text-color has-regular-plus-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Thirty days of fixes are included. After that we keep a small retained slot open for changes, at a monthly rate agreed up front.', 'origin-canvas' ); ?></p>
     64<div role="region" class="wp-block-accordion-panel"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-2","fontSize":"regular-plus"} -->
     65<p class="has-contrast-2-color has-text-color has-regular-plus-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Thirty days of fixes are included. After that we keep a small retained slot open for changes, at a monthly rate agreed up front.', 'origin-canvas' ); ?></p>
    6666<!-- /wp:paragraph --></div>
    6767<!-- /wp:accordion-panel --></div>

  • origin-canvas/1.4.3/patterns/faq-two-column.php

    r347102 r356743  
    11<?php
    22/**
    3  * Title: FAQ Two Column
     3 * Title: FAQ Split
    44 * Slug: origin-canvas/faq-two-column
    5  * Description: A heading and intro beside a stacked list of expandable questions.
     5 * Description: A heading and a short lead beside a stacked list of expandable questions.
    66 * Categories: origin-canvas/faq
    7  * Keywords: accordion, disclosure, support, help, split
     7 * Keywords: accordion, disclosure, support, help
    88 * Viewport Width: 1500
    99 * Block Types:
    … …  
    1616?>
    1717<!-- wp:group {"tagName":"section","align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"}}},"layout":{"type":"constrained"}} -->
    18 <section class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:columns {"align":"wide","className":"origin-canvas-faq-sticky","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|huge","left":"var:preset|spacing|jumbo"}}}} -->
    19 <div class="wp-block-columns alignwide origin-canvas-faq-sticky"><!-- wp:column {"width":"34%"} -->
    20 <div class="wp-block-column" style="flex-basis:34%"><!-- wp:heading {"level":2,"style":{"typography":{"lineHeight":"1.1"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}}},"textColor":"text-heading","fontSize":"huge"} -->
    21 <h2 class="wp-block-heading has-text-heading-color has-text-color has-huge-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium);line-height:1.1"><?php echo esc_html__( 'Questions we get asked', 'origin-canvas' ); ?></h2>
     18<section class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:columns {"align":"wide","className":"origin-canvas-faq-sticky","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|extra-large","left":"var:preset|spacing|jumbo"}}}} -->
     19<div class="wp-block-columns alignwide origin-canvas-faq-sticky"><!-- wp:column {"width":"50%"} -->
     20<div class="wp-block-column" style="flex-basis:50%"><!-- wp:heading {"level":2,"style":{"typography":{"lineHeight":"1.1"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}}},"textColor":"contrast","fontSize":"huge"} -->
     21<h2 class="wp-block-heading has-contrast-color has-text-color has-huge-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium);line-height:1.1"><?php echo esc_html__( 'How the money works', 'origin-canvas' ); ?></h2>
    2222<!-- /wp:heading -->
    2323
    24 <!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-body","fontSize":"regular-plus"} -->
    25 <p class="has-text-body-color has-text-color has-regular-plus-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'If something here is not covered, write to us and we will answer it properly rather than sending a brochure.', 'origin-canvas' ); ?></p>
     24<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-2","fontSize":"regular-plus"} -->
     25<p class="has-contrast-2-color has-text-color has-regular-plus-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'If something here is not covered, write to us and we will answer it properly.', 'origin-canvas' ); ?></p>
    2626<!-- /wp:paragraph --></div>
    2727<!-- /wp:column -->
    2828
    29 <!-- wp:column {"width":"66%","style":{"spacing":{"blockGap":"0"}}} -->
    30 <div class="wp-block-column" style="flex-basis:66%">
    31 <!-- wp:accordion {"className":"is-style-origin-canvas-accordion-minimal"} -->
    32 <div role="group" class="wp-block-accordion is-style-origin-canvas-accordion-minimal"><!-- wp:accordion-item -->
    33 <div class="wp-block-accordion-item"><!-- wp:accordion-heading {"level":3,"style":{"typography":{"lineHeight":"1.4"}},"textColor":"text-heading","fontSize":"regular-plus"} -->
    34 <h3 class="wp-block-accordion-heading has-icon has-icon-right has-text-heading-color has-text-color has-regular-plus-font-size" style="line-height:1.4"><button type="button" class="wp-block-accordion-heading__toggle"><span class="wp-block-accordion-heading__toggle-title"><?php echo esc_html__( 'How long does a project take?', 'origin-canvas' ); ?></span><span class="wp-block-accordion-heading__toggle-icon" aria-hidden="true">+</span></button></h3>
     29<!-- wp:column {"width":"50%","style":{"spacing":{"blockGap":"0"}}} -->
     30<div class="wp-block-column" style="flex-basis:50%">
     31<!-- wp:accordion {"className":"is-style-origin-canvas-accordion-minimal","style":{"border":{"top":{"color":"var:preset|color|base-5","style":"solid","width":"1px"}}}} -->
     32<div role="group" class="wp-block-accordion is-style-origin-canvas-accordion-minimal" style="border-top-color:var(--wp--preset--color--base-5);border-top-style:solid;border-top-width:1px"><!-- wp:accordion-item {"openByDefault":true} -->
     33<div class="wp-block-accordion-item is-open"><!-- wp:accordion-heading {"level":3,"style":{"typography":{"lineHeight":"1.4"}},"textColor":"contrast","fontSize":"regular-plus"} -->
     34<h3 class="wp-block-accordion-heading has-icon has-icon-right has-contrast-color has-text-color has-regular-plus-font-size" style="line-height:1.4"><button type="button" class="wp-block-accordion-heading__toggle"><span class="wp-block-accordion-heading__toggle-title"><?php echo esc_html__( 'How do you take payment?', 'origin-canvas' ); ?></span><span class="wp-block-accordion-heading__toggle-icon" aria-hidden="true">+</span></button></h3>
    3535<!-- /wp:accordion-heading -->
    3636
    3737<!-- wp:accordion-panel -->
    38 <div role="region" class="wp-block-accordion-panel"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-body","fontSize":"regular-plus"} -->
    39 <p class="has-text-body-color has-text-color has-regular-plus-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Four weeks from kickoff to launch on most projects, and longer if we are writing the copy with you.', 'origin-canvas' ); ?></p>
     38<div role="region" class="wp-block-accordion-panel"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-2","fontSize":"regular-plus"} -->
     39<p class="has-contrast-2-color has-text-color has-regular-plus-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Half when we start and half at launch. Retained work is invoiced at the start of each month.', 'origin-canvas' ); ?></p>
    4040<!-- /wp:paragraph --></div>
    4141<!-- /wp:accordion-panel --></div>
    … …  
    4343
    4444<!-- wp:accordion-item -->
    45 <div class="wp-block-accordion-item"><!-- wp:accordion-heading {"level":3,"style":{"typography":{"lineHeight":"1.4"}},"textColor":"text-heading","fontSize":"regular-plus"} -->
    46 <h3 class="wp-block-accordion-heading has-icon has-icon-right has-text-heading-color has-text-color has-regular-plus-font-size" style="line-height:1.4"><button type="button" class="wp-block-accordion-heading__toggle"><span class="wp-block-accordion-heading__toggle-title"><?php echo esc_html__( 'What do you need from us to start?', 'origin-canvas' ); ?></span><span class="wp-block-accordion-heading__toggle-icon" aria-hidden="true">+</span></button></h3>
     45<div class="wp-block-accordion-item"><!-- wp:accordion-heading {"level":3,"style":{"typography":{"lineHeight":"1.4"}},"textColor":"contrast","fontSize":"regular-plus"} -->
     46<h3 class="wp-block-accordion-heading has-icon has-icon-right has-contrast-color has-text-color has-regular-plus-font-size" style="line-height:1.4"><button type="button" class="wp-block-accordion-heading__toggle"><span class="wp-block-accordion-heading__toggle-title"><?php echo esc_html__( 'What if the scope changes?', 'origin-canvas' ); ?></span><span class="wp-block-accordion-heading__toggle-icon" aria-hidden="true">+</span></button></h3>
    4747<!-- /wp:accordion-heading -->
    4848
    4949<!-- wp:accordion-panel -->
    50 <div role="region" class="wp-block-accordion-panel"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-body","fontSize":"regular-plus"} -->
    51 <p class="has-text-body-color has-text-color has-regular-plus-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'A conversation, whatever brand material already exists, and one person who can approve work. Copy can come later &#8212; we will tell you what we need and when.', 'origin-canvas' ); ?></p>
     50<div role="region" class="wp-block-accordion-panel"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-2","fontSize":"regular-plus"} -->
     51<p class="has-contrast-2-color has-text-color has-regular-plus-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'We stop and write it down. Small changes fit inside the price. Anything bigger gets a revised scope and price for you to approve before we start it.', 'origin-canvas' ); ?></p>
    5252<!-- /wp:paragraph --></div>
    5353<!-- /wp:accordion-panel --></div>
    … …  
    5555
    5656<!-- wp:accordion-item -->
    57 <div class="wp-block-accordion-item"><!-- wp:accordion-heading {"level":3,"style":{"typography":{"lineHeight":"1.4"}},"textColor":"text-heading","fontSize":"regular-plus"} -->
    58 <h3 class="wp-block-accordion-heading has-icon has-icon-right has-text-heading-color has-text-color has-regular-plus-font-size" style="line-height:1.4"><button type="button" class="wp-block-accordion-heading__toggle"><span class="wp-block-accordion-heading__toggle-title"><?php echo esc_html__( 'Do you work with our developer?', 'origin-canvas' ); ?></span><span class="wp-block-accordion-heading__toggle-icon" aria-hidden="true">+</span></button></h3>
     57<div class="wp-block-accordion-item"><!-- wp:accordion-heading {"level":3,"style":{"typography":{"lineHeight":"1.4"}},"textColor":"contrast","fontSize":"regular-plus"} -->
     58<h3 class="wp-block-accordion-heading has-icon has-icon-right has-contrast-color has-text-color has-regular-plus-font-size" style="line-height:1.4"><button type="button" class="wp-block-accordion-heading__toggle"><span class="wp-block-accordion-heading__toggle-title"><?php echo esc_html__( 'Are hosting and domains included?', 'origin-canvas' ); ?></span><span class="wp-block-accordion-heading__toggle-icon" aria-hidden="true">+</span></button></h3>
    5959<!-- /wp:accordion-heading -->
    6060
    6161<!-- wp:accordion-panel -->
    62 <div role="region" class="wp-block-accordion-panel"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-body","fontSize":"regular-plus"} -->
    63 <p class="has-text-body-color has-text-color has-regular-plus-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Often. We hand over structured files and stay available through the build, and we will say early if something in the design is going to be expensive to make.', 'origin-canvas' ); ?></p>
     62<div role="region" class="wp-block-accordion-panel"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-2","fontSize":"regular-plus"} -->
     63<p class="has-contrast-2-color has-text-color has-regular-plus-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'No. Hosting and domains are bought in your name, so you own them from day one. We set them up and recommend a host that fits the site.', 'origin-canvas' ); ?></p>
    6464<!-- /wp:paragraph --></div>
    6565<!-- /wp:accordion-panel --></div>
    … …  
    6767
    6868<!-- wp:accordion-item -->
    69 <div class="wp-block-accordion-item"><!-- wp:accordion-heading {"level":3,"style":{"typography":{"lineHeight":"1.4"}},"textColor":"text-heading","fontSize":"regular-plus"} -->
    70 <h3 class="wp-block-accordion-heading has-icon has-icon-right has-text-heading-color has-text-color has-regular-plus-font-size" style="line-height:1.4"><button type="button" class="wp-block-accordion-heading__toggle"><span class="wp-block-accordion-heading__toggle-title"><?php echo esc_html__( 'What happens after launch?', 'origin-canvas' ); ?></span><span class="wp-block-accordion-heading__toggle-icon" aria-hidden="true">+</span></button></h3>
     69<div class="wp-block-accordion-item"><!-- wp:accordion-heading {"level":3,"style":{"typography":{"lineHeight":"1.4"}},"textColor":"contrast","fontSize":"regular-plus"} -->
     70<h3 class="wp-block-accordion-heading has-icon has-icon-right has-contrast-color has-text-color has-regular-plus-font-size" style="line-height:1.4"><button type="button" class="wp-block-accordion-heading__toggle"><span class="wp-block-accordion-heading__toggle-title"><?php echo esc_html__( 'What does a retained month cover?', 'origin-canvas' ); ?></span><span class="wp-block-accordion-heading__toggle-icon" aria-hidden="true">+</span></button></h3>
    7171<!-- /wp:accordion-heading -->
    7272
    7373<!-- wp:accordion-panel -->
    74 <div role="region" class="wp-block-accordion-panel"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-body","fontSize":"regular-plus"} -->
    75 <p class="has-text-body-color has-text-color has-regular-plus-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Thirty days of fixes are included. After that we keep a small retained slot open for changes, at a monthly rate agreed up front.', 'origin-canvas' ); ?></p>
     74<div role="region" class="wp-block-accordion-panel"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-2","fontSize":"regular-plus"} -->
     75<p class="has-contrast-2-color has-text-color has-regular-plus-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Up to two days of work each month: updates, new pages, fixes and a short check-in call. Unused time doesn&#8217;t roll over.', 'origin-canvas' ); ?></p>
     76<!-- /wp:paragraph --></div>
     77<!-- /wp:accordion-panel --></div>
     78<!-- /wp:accordion-item -->
     79
     80<!-- wp:accordion-item -->
     81<div class="wp-block-accordion-item"><!-- wp:accordion-heading {"level":3,"style":{"typography":{"lineHeight":"1.4"}},"textColor":"contrast","fontSize":"regular-plus"} -->
     82<h3 class="wp-block-accordion-heading has-icon has-icon-right has-contrast-color has-text-color has-regular-plus-font-size" style="line-height:1.4"><button type="button" class="wp-block-accordion-heading__toggle"><span class="wp-block-accordion-heading__toggle-title"><?php echo esc_html__( 'Do prices include tax?', 'origin-canvas' ); ?></span><span class="wp-block-accordion-heading__toggle-icon" aria-hidden="true">+</span></button></h3>
     83<!-- /wp:accordion-heading -->
     84
     85<!-- wp:accordion-panel -->
     86<div role="region" class="wp-block-accordion-panel"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-2","fontSize":"regular-plus"} -->
     87<p class="has-contrast-2-color has-text-color has-regular-plus-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'No. All prices are in USD, before tax. Sales tax is added where it applies.', 'origin-canvas' ); ?></p>
     88<!-- /wp:paragraph --></div>
     89<!-- /wp:accordion-panel --></div>
     90<!-- /wp:accordion-item -->
     91
     92<!-- wp:accordion-item -->
     93<div class="wp-block-accordion-item"><!-- wp:accordion-heading {"level":3,"style":{"typography":{"lineHeight":"1.4"}},"textColor":"contrast","fontSize":"regular-plus"} -->
     94<h3 class="wp-block-accordion-heading has-icon has-icon-right has-contrast-color has-text-color has-regular-plus-font-size" style="line-height:1.4"><button type="button" class="wp-block-accordion-heading__toggle"><span class="wp-block-accordion-heading__toggle-title"><?php echo esc_html__( 'Can we start with a smaller project?', 'origin-canvas' ); ?></span><span class="wp-block-accordion-heading__toggle-icon" aria-hidden="true">+</span></button></h3>
     95<!-- /wp:accordion-heading -->
     96
     97<!-- wp:accordion-panel -->
     98<div role="region" class="wp-block-accordion-panel"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-2","fontSize":"regular-plus"} -->
     99<p class="has-contrast-2-color has-text-color has-regular-plus-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Yes. Starter is our smallest fixed-price project. We can also rewrite the copy on a site you already have, or refresh its design. Tell us what you need.', 'origin-canvas' ); ?></p>
     100<!-- /wp:paragraph --></div>
     101<!-- /wp:accordion-panel --></div>
     102<!-- /wp:accordion-item -->
     103
     104<!-- wp:accordion-item -->
     105<div class="wp-block-accordion-item"><!-- wp:accordion-heading {"level":3,"style":{"typography":{"lineHeight":"1.4"}},"textColor":"contrast","fontSize":"regular-plus"} -->
     106<h3 class="wp-block-accordion-heading has-icon has-icon-right has-contrast-color has-text-color has-regular-plus-font-size" style="line-height:1.4"><button type="button" class="wp-block-accordion-heading__toggle"><span class="wp-block-accordion-heading__toggle-title"><?php echo esc_html__( 'What if we need to pause?', 'origin-canvas' ); ?></span><span class="wp-block-accordion-heading__toggle-icon" aria-hidden="true">+</span></button></h3>
     107<!-- /wp:accordion-heading -->
     108
     109<!-- wp:accordion-panel -->
     110<div role="region" class="wp-block-accordion-panel"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-2","fontSize":"regular-plus"} -->
     111<p class="has-contrast-2-color has-text-color has-regular-plus-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Fixed-price projects can pause once, for up to a month, at no cost. Retained work can pause with a month&#8217;s notice.', 'origin-canvas' ); ?></p>
    76112<!-- /wp:paragraph --></div>
    77113<!-- /wp:accordion-panel --></div>

  • origin-canvas/1.4.3/patterns/feature-split.php

    r347102 r356743  
    11<?php
    22/**
    3  * Title: Feature Split
     3 * Title: Features Band Split With Image
    44 * Slug: origin-canvas/feature-split
     5 * Description: A photo beside a heading, text, a button and a small quote card, on a tinted band.
    56 * Categories: origin-canvas/features
    6  * Keywords: quote, image, testimonial, alternating
     7 * Keywords: testimonial, alternating, media
    78 * Block Types: core/post-content
    89 * Viewport Width: 1500
    … …  
    1314
    1415?>
    15 <!-- wp:group {"tagName":"section","align":"full","backgroundColor":"surface-muted","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"}}},"layout":{"type":"constrained"}} -->
    16 <section class="wp-block-group alignfull has-surface-muted-background-color has-background" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:columns {"align":"wide","verticalAlignment":"center","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|huge","left":"var:preset|spacing|colossal"}}}} -->
    17 <div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"48%"} -->
    18 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:48%"><!-- wp:group {"style":{"border":{"radius":"var:custom|radius|medium"},"shadow":"var:preset|shadow|medium","spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"}}},"layout":{"type":"constrained"}} -->
    19 <div class="wp-block-group" style="border-radius:var(--wp--custom--radius--medium);padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;box-shadow:var(--wp--preset--shadow--medium)"><!-- wp:image {"aspectRatio":"4/5","scale":"cover","sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"var:custom|radius|medium"}}} -->
    20 <figure class="wp-block-image size-full has-custom-border"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/hartwell-tea-detail.webp" alt="<?php esc_attr_e( 'A range of labelled tea caddies and paper pouches beside a dish of loose leaves.', 'origin-canvas' ); ?>" style="border-radius:var(--wp--custom--radius--medium);aspect-ratio:4/5;object-fit:cover"/></figure>
     16<!-- wp:group {"tagName":"section","align":"full","backgroundColor":"base-2","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"}}},"layout":{"type":"constrained"}} -->
     17<section class="wp-block-group alignfull has-base-2-background-color has-background" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:columns {"align":"wide","verticalAlignment":"center","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|huge","left":"var:preset|spacing|colossal"}}}} -->
     18<div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"50%"} -->
     19<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%"><!-- wp:group {"style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"}}},"layout":{"type":"constrained"}} -->
     20<div class="wp-block-group" style="border-radius:var(--wp--custom--radius--medium);padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:image {"aspectRatio":"4/5","scale":"cover","sizeSlug":"full","linkDestination":"none","className":"is-style-rounded"} -->
     21<figure class="wp-block-image size-full is-style-rounded"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/clinic-sign.webp" alt="<?php esc_attr_e( 'The teal Calder Veterinary sign on a stone base, with the brick clinic behind in late sun.', 'origin-canvas' ); ?>" style="aspect-ratio:4/5;object-fit:cover"/></figure>
    2122<!-- /wp:image --></div>
    2223<!-- /wp:group --></div>
    2324<!-- /wp:column -->
    2425
    25 <!-- wp:column {"verticalAlignment":"center","width":"52%"} -->
    26 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:52%"><!-- wp:paragraph {"style":{"typography":{"textTransform":"uppercase","fontWeight":"600","letterSpacing":"0.08em"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}}},"textColor":"primary","fontSize":"extra-small"} -->
    27 <p class="has-primary-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium);font-weight:600;letter-spacing:0.08em;text-transform:uppercase"><?php echo esc_html__( 'In their words', 'origin-canvas' ); ?></p>
     26<!-- wp:column {"verticalAlignment":"center","width":"50%"} -->
     27<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%"><!-- wp:paragraph {"className":"origin-canvas-eyebrow","style":{"typography":{"textTransform":"uppercase","fontWeight":"600","letterSpacing":"0.06em"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}}},"textColor":"primary","fontSize":"extra-small"} -->
     28<p class="origin-canvas-eyebrow has-primary-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium);font-weight:600;letter-spacing:0.06em;text-transform:uppercase"><?php echo esc_html__( 'In their words', 'origin-canvas' ); ?></p>
    2829<!-- /wp:paragraph -->
    2930
    30 <!-- wp:heading {"level":2,"style":{"typography":{"lineHeight":"1.15"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}}},"fontSize":"display"} -->
    31 <h2 class="wp-block-heading has-display-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium);line-height:1.15"><?php echo esc_html__( '&ldquo;They asked the questions our last designer didn&#8217;t.&rdquo;', 'origin-canvas' ); ?></h2>
     31<!-- wp:heading {"level":2,"style":{"typography":{"lineHeight":"1.15"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"display"} -->
     32<h2 class="wp-block-heading has-display-font-size" style="margin-top:0;margin-bottom:0;line-height:1.15"><?php echo esc_html__( '&ldquo;Our front desk updates the site themselves now.&rdquo;', 'origin-canvas' ); ?></h2>
    3233<!-- /wp:heading -->
    3334
    34 <!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|large"}}},"textColor":"text-body","fontSize":"regular-plus"} -->
    35 <p class="has-text-body-color has-text-color has-regular-plus-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--large)"><?php echo esc_html__( 'The site finally feels like ours, not a template we tried to make fit. Six weeks, three rounds, and a brand we can grow into.', 'origin-canvas' ); ?></p>
     35<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"var:preset|spacing|small-medium","bottom":"var:preset|spacing|large"}}},"textColor":"contrast-2","fontSize":"regular-plus"} -->
     36<p class="has-contrast-2-color has-text-color has-regular-plus-font-size" style="margin-top:var(--wp--preset--spacing--small-medium);margin-bottom:var(--wp--preset--spacing--large)"><?php echo esc_html__( 'The booking page finally feels like ours, not a template we tried to make fit. Six weeks, three rounds, and a site we can grow into.', 'origin-canvas' ); ?></p>
    3637<!-- /wp:paragraph -->
    3738
    3839<!-- wp:buttons {"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|large"}}},"layout":{"type":"flex","justifyContent":"left"}} -->
    39 <div class="wp-block-buttons is-content-justification-flex-start is-layout-flex" style="margin-bottom:var(--wp--preset--spacing--large)"><!-- wp:button {"className":"is-style-origin-canvas-outline-strong"} -->
    40 <div class="wp-block-button is-style-origin-canvas-outline-strong"><a class="wp-block-button__link wp-element-button"><?php echo esc_html__( 'Read the case study', 'origin-canvas' ); ?> &rarr;</a></div>
     40<div class="wp-block-buttons" style="margin-bottom:var(--wp--preset--spacing--large)"><!-- wp:button {"className":"is-style-outline","url":"#"} -->
     41<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button" href="#"><?php echo esc_html__( 'Read the case study', 'origin-canvas' ); ?> &rarr;</a></div>
    4142<!-- /wp:button --></div>
    4243<!-- /wp:buttons -->
    4344
    44 <!-- wp:group {"backgroundColor":"surface-base","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"var:preset|spacing|large","right":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|large"},"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
    45 <div class="wp-block-group has-surface-base-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)"><!-- wp:image {"aspectRatio":"1","width":"48px","height":"48px","sizeSlug":"full","linkDestination":"none","className":"is-style-origin-canvas-rounded-full"} -->
    46 <figure class="wp-block-image size-full is-resized is-style-origin-canvas-rounded-full"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/card-testimonial-1.webp" alt="<?php esc_attr_e( 'Hands holding a cup of tea beside simple tea packaging and loose leaves.', 'origin-canvas' ); ?>" style="aspect-ratio:1;width:48px;height:48px"/></figure>
     45<!-- wp:group {"backgroundColor":"base","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"var:preset|spacing|large","right":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|large"},"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
     46<div class="wp-block-group has-base-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)"><!-- wp:image {"aspectRatio":"1","width":"48px","height":"48px","sizeSlug":"full","linkDestination":"none","className":"is-style-origin-canvas-rounded-full"} -->
     47<figure class="wp-block-image size-full is-resized is-style-origin-canvas-rounded-full"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/avatar-ruth-mason.webp" alt="<?php esc_attr_e( 'Portrait of Ruth Mason, Practice Manager at Calder Veterinary Clinic.', 'origin-canvas' ); ?>" style="aspect-ratio:1;width:48px;height:48px"/></figure>
    4748<!-- /wp:image -->
    4849
    4950<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small"}},"layout":{"type":"constrained"}} -->
    50 <div class="wp-block-group"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-heading","fontSize":"regular"} -->
    51 <p class="has-text-heading-color has-text-color has-regular-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( '&ldquo;They were easy to brief and easier to live with. They sent invoices in plain English.&rdquo;', 'origin-canvas' ); ?></p>
     51<div class="wp-block-group"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast","fontSize":"regular"} -->
     52<p class="has-contrast-color has-text-color has-regular-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( '&ldquo;They were easy to brief and easier to live with. They sent invoices in plain English.&rdquo;', 'origin-canvas' ); ?></p>
    5253<!-- /wp:paragraph -->
    5354
    54 <!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-muted","fontSize":"small"} -->
    55 <p class="has-text-muted-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( '&mdash; Sarah Jenkins, Hartwell Tea Co.', 'origin-canvas' ); ?></p>
     55<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-3","fontSize":"small"} -->
     56<p class="has-contrast-3-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Ruth Mason, Calder Veterinary Clinic', 'origin-canvas' ); ?></p>
    5657<!-- /wp:paragraph --></div>
    5758<!-- /wp:group --></div>

  • origin-canvas/1.4.3/patterns/features-3-col-icons.php

    r347102 r356743  
    11<?php
    22/**
    3  * Title: Features 3 Col Icons
     3 * Title: Features Cards Three Columns Centered
    44 * Slug: origin-canvas/features-3-col-icons
    55 * Description: A three-column feature section with icon bubbles, descriptions, and links.
    66 * Categories: origin-canvas/features
    7  * Keywords: services, benefits, cards, capabilities
     7 * Keywords: services, benefits, capabilities
    88 * Viewport Width: 1500
    99 * Block Types:
    … …  
    1515
    1616?>
    17 <!-- wp:group {"tagName":"section","align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|jumbo","bottom":"var:preset|spacing|jumbo"},"blockGap":"var:preset|spacing|extra-large"}},"layout":{"type":"constrained"}} -->
    18 <section class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--jumbo);padding-bottom:var(--wp--preset--spacing--jumbo)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|medium","margin":{"bottom":"var:preset|spacing|huge"}}},"layout":{"type":"constrained","contentSize":"720px"}} -->
    19 <div class="wp-block-group" style="margin-bottom:var(--wp--preset--spacing--huge)"><!-- wp:paragraph {"align":"center","style":{"typography":{"textTransform":"uppercase","fontWeight":"600","letterSpacing":"0.08em"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}}},"textColor":"primary","fontSize":"extra-small"} -->
    20 <p class="has-text-align-center has-primary-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium);font-weight:600;letter-spacing:0.08em;text-transform:uppercase"><?php echo esc_html__( 'What we do', 'origin-canvas' ); ?></p>
     17<!-- wp:group {"tagName":"section","align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"},"blockGap":"var:preset|spacing|extra-large"}},"layout":{"type":"constrained"}} -->
     18<section class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"var:preset|spacing|medium","margin":{"bottom":"var:preset|spacing|huge"}}},"layout":{"type":"constrained"}} -->
     19<div class="wp-block-group alignwide" style="margin-bottom:var(--wp--preset--spacing--huge)"><!-- wp:paragraph {"className":"origin-canvas-eyebrow","style":{"typography":{"textTransform":"uppercase","fontWeight":"600","letterSpacing":"0.06em","textAlign":"center"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}}},"textColor":"primary","fontSize":"extra-small"} -->
     20<p class="origin-canvas-eyebrow has-text-align-center has-primary-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium);font-weight:600;letter-spacing:0.06em;text-transform:uppercase"><?php echo esc_html__( 'What we do', 'origin-canvas' ); ?></p>
    2121<!-- /wp:paragraph -->
    2222
    23 <!-- wp:heading {"textAlign":"center","level":2,"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}}},"fontSize":"display"} -->
    24 <h2 class="wp-block-heading has-text-align-center has-display-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium)"><?php echo esc_html__( 'A studio that does the whole job', 'origin-canvas' ); ?></h2>
     23<!-- wp:heading {"level":2,"align":"wide","style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"textAlign":"center"}},"fontSize":"display"} -->
     24<h2 class="wp-block-heading has-text-align-center alignwide has-display-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'We make brands and websites that fit', 'origin-canvas' ); ?></h2>
    2525<!-- /wp:heading -->
    2626
    27 <!-- wp:paragraph {"align":"center","textColor":"text-body","fontSize":"regular-plus"} -->
    28 <p class="has-text-align-center has-text-body-color has-text-color has-regular-plus-font-size"><?php echo esc_html__( 'Three of us, one project at a time. Strategy, design, and build under one roof so nothing gets lost.', 'origin-canvas' ); ?></p>
     27<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"var:preset|spacing|small-medium"}},"typography":{"textAlign":"center"}},"textColor":"contrast-2","fontSize":"regular-plus"} -->
     28<p class="has-text-align-center has-contrast-2-color has-text-color has-regular-plus-font-size" style="margin-top:var(--wp--preset--spacing--small-medium)"><?php echo esc_html__( 'We design the identity, build the site and write the copy for it, all in one studio.', 'origin-canvas' ); ?></p>
    2929<!-- /wp:paragraph --></div>
    3030<!-- /wp:group -->
    … …  
    3232<!-- wp:columns {"align":"wide","verticalAlignment":"stretch","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
    3333<div class="wp-block-columns alignwide are-vertically-aligned-stretch"><!-- wp:column {"verticalAlignment":"stretch"} -->
    34 <div class="wp-block-column is-vertically-aligned-stretch"><!-- wp:group {"backgroundColor":"surface-muted","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"var:preset|spacing|extra-large","right":"var:preset|spacing|extra-large","bottom":"var:preset|spacing|extra-large","left":"var:preset|spacing|extra-large"},"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"constrained","justifyContent":"left"}} -->
    35 <div class="wp-block-group has-surface-muted-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--extra-large);padding-right:var(--wp--preset--spacing--extra-large);padding-bottom:var(--wp--preset--spacing--extra-large);padding-left:var(--wp--preset--spacing--extra-large)"><!-- wp:group {"className":"is-style-origin-canvas-icon-bubble","backgroundColor":"surface-base","layout":{"type":"flex","justifyContent":"center","verticalAlignment":"center"}} -->
    36 <div class="wp-block-group is-style-origin-canvas-icon-bubble has-surface-base-background-color has-background"><!-- wp:icon {"icon":"core/styles","textColor":"primary","style":{"dimensions":{"width":"38px"}}} /--></div>
     34<div class="wp-block-column is-vertically-aligned-stretch"><!-- wp:group {"backgroundColor":"base-2","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"var:preset|spacing|extra-large","right":"var:preset|spacing|extra-large","bottom":"var:preset|spacing|extra-large","left":"var:preset|spacing|extra-large"},"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"constrained","justifyContent":"left"}} -->
     35<div class="wp-block-group has-base-2-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--extra-large);padding-right:var(--wp--preset--spacing--extra-large);padding-bottom:var(--wp--preset--spacing--extra-large);padding-left:var(--wp--preset--spacing--extra-large)"><!-- wp:group {"className":"is-style-origin-canvas-icon-bubble","backgroundColor":"base","layout":{"type":"flex","justifyContent":"center","verticalAlignment":"center"}} -->
     36<div class="wp-block-group is-style-origin-canvas-icon-bubble has-base-background-color has-background"><!-- wp:icon {"icon":"core/styles","textColor":"primary","style":{"dimensions":{"width":"32px"}}} /--></div>
    3737<!-- /wp:group -->
    3838
    … …  
    4141<!-- /wp:heading -->
    4242
    43 <!-- wp:paragraph {"textColor":"text-body","fontSize":"regular"} -->
    44 <p class="has-text-body-color has-text-color has-regular-font-size"><?php echo esc_html__( 'A mark, palette, and type choices your team can keep using long after handover.', 'origin-canvas' ); ?></p>
     43<!-- wp:paragraph {"textColor":"contrast-2","fontSize":"regular"} -->
     44<p class="has-contrast-2-color has-text-color has-regular-font-size"><?php echo esc_html__( 'A mark, palette, and type choices your team can keep using long after handover.', 'origin-canvas' ); ?></p>
    4545<!-- /wp:paragraph --></div>
    4646<!-- /wp:group --></div>
    … …  
    4848
    4949<!-- wp:column {"verticalAlignment":"stretch"} -->
    50 <div class="wp-block-column is-vertically-aligned-stretch"><!-- wp:group {"backgroundColor":"surface-muted","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"var:preset|spacing|extra-large","right":"var:preset|spacing|extra-large","bottom":"var:preset|spacing|extra-large","left":"var:preset|spacing|extra-large"},"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"constrained","justifyContent":"left"}} -->
    51 <div class="wp-block-group has-surface-muted-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--extra-large);padding-right:var(--wp--preset--spacing--extra-large);padding-bottom:var(--wp--preset--spacing--extra-large);padding-left:var(--wp--preset--spacing--extra-large)"><!-- wp:group {"className":"is-style-origin-canvas-icon-bubble","backgroundColor":"surface-base","layout":{"type":"flex","justifyContent":"center","verticalAlignment":"center"}} -->
    52 <div class="wp-block-group is-style-origin-canvas-icon-bubble has-surface-base-background-color has-background"><!-- wp:icon {"icon":"core/cover","textColor":"primary","style":{"dimensions":{"width":"38px"}}} /--></div>
     50<div class="wp-block-column is-vertically-aligned-stretch"><!-- wp:group {"backgroundColor":"base-2","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"var:preset|spacing|extra-large","right":"var:preset|spacing|extra-large","bottom":"var:preset|spacing|extra-large","left":"var:preset|spacing|extra-large"},"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"constrained","justifyContent":"left"}} -->
     51<div class="wp-block-group has-base-2-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--extra-large);padding-right:var(--wp--preset--spacing--extra-large);padding-bottom:var(--wp--preset--spacing--extra-large);padding-left:var(--wp--preset--spacing--extra-large)"><!-- wp:group {"className":"is-style-origin-canvas-icon-bubble","backgroundColor":"base","layout":{"type":"flex","justifyContent":"center","verticalAlignment":"center"}} -->
     52<div class="wp-block-group is-style-origin-canvas-icon-bubble has-base-background-color has-background"><!-- wp:icon {"icon":"core/cover","textColor":"primary","style":{"dimensions":{"width":"32px"}}} /--></div>
    5353<!-- /wp:group -->
    5454
    … …  
    5757<!-- /wp:heading -->
    5858
    59 <!-- wp:paragraph {"textColor":"text-body","fontSize":"regular"} -->
    60 <p class="has-text-body-color has-text-color has-regular-font-size"><?php echo esc_html__( 'A site you can edit on a quiet Tuesday afternoon, with clear pages and no needless moving parts.', 'origin-canvas' ); ?></p>
     59<!-- wp:paragraph {"textColor":"contrast-2","fontSize":"regular"} -->
     60<p class="has-contrast-2-color has-text-color has-regular-font-size"><?php echo esc_html__( 'A site you can edit on a quiet Tuesday afternoon, with clear pages and no needless moving parts.', 'origin-canvas' ); ?></p>
    6161<!-- /wp:paragraph --></div>
    6262<!-- /wp:group --></div>
    … …  
    6464
    6565<!-- wp:column {"verticalAlignment":"stretch"} -->
    66 <div class="wp-block-column is-vertically-aligned-stretch"><!-- wp:group {"backgroundColor":"surface-muted","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"var:preset|spacing|extra-large","right":"var:preset|spacing|extra-large","bottom":"var:preset|spacing|extra-large","left":"var:preset|spacing|extra-large"},"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"constrained","justifyContent":"left"}} -->
    67 <div class="wp-block-group has-surface-muted-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--extra-large);padding-right:var(--wp--preset--spacing--extra-large);padding-bottom:var(--wp--preset--spacing--extra-large);padding-left:var(--wp--preset--spacing--extra-large)"><!-- wp:group {"className":"is-style-origin-canvas-icon-bubble","backgroundColor":"surface-base","layout":{"type":"flex","justifyContent":"center","verticalAlignment":"center"}} -->
    68 <div class="wp-block-group is-style-origin-canvas-icon-bubble has-surface-base-background-color has-background"><!-- wp:icon {"icon":"core/verse","textColor":"primary","style":{"dimensions":{"width":"38px"}}} /--></div>
     66<div class="wp-block-column is-vertically-aligned-stretch"><!-- wp:group {"backgroundColor":"base-2","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"var:preset|spacing|extra-large","right":"var:preset|spacing|extra-large","bottom":"var:preset|spacing|extra-large","left":"var:preset|spacing|extra-large"},"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"constrained","justifyContent":"left"}} -->
     67<div class="wp-block-group has-base-2-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--extra-large);padding-right:var(--wp--preset--spacing--extra-large);padding-bottom:var(--wp--preset--spacing--extra-large);padding-left:var(--wp--preset--spacing--extra-large)"><!-- wp:group {"className":"is-style-origin-canvas-icon-bubble","backgroundColor":"base","layout":{"type":"flex","justifyContent":"center","verticalAlignment":"center"}} -->
     68<div class="wp-block-group is-style-origin-canvas-icon-bubble has-base-background-color has-background"><!-- wp:icon {"icon":"core/verse","textColor":"primary","style":{"dimensions":{"width":"32px"}}} /--></div>
    6969<!-- /wp:group -->
    7070
    … …  
    7373<!-- /wp:heading -->
    7474
    75 <!-- wp:paragraph {"textColor":"text-body","fontSize":"regular"} -->
    76 <p class="has-text-body-color has-text-color has-regular-font-size"><?php echo esc_html__( 'Plain, considered copy written alongside the design, so every page sounds like it belongs to you.', 'origin-canvas' ); ?></p>
     75<!-- wp:paragraph {"textColor":"contrast-2","fontSize":"regular"} -->
     76<p class="has-contrast-2-color has-text-color has-regular-font-size"><?php echo esc_html__( 'Plain, considered copy written alongside the design, so every page sounds like it belongs to you.', 'origin-canvas' ); ?></p>
    7777<!-- /wp:paragraph --></div>
    7878<!-- /wp:group --></div>
    … …  
    8181
    8282<!-- wp:buttons {"style":{"spacing":{"margin":{"top":"var:preset|spacing|huge"}}},"layout":{"type":"flex","justifyContent":"center"}} -->
    83 <div class="wp-block-buttons is-content-justification-center is-layout-flex" style="margin-top:var(--wp--preset--spacing--huge)"><!-- wp:button -->
     83<div class="wp-block-buttons" style="margin-top:var(--wp--preset--spacing--huge)"><!-- wp:button -->
    8484<div class="wp-block-button"><a class="wp-block-button__link wp-element-button"><?php echo esc_html__( 'Talk to us', 'origin-canvas' ); ?></a></div>
    8585<!-- /wp:button --></div>

  • origin-canvas/1.4.3/patterns/features-grid.php

    r347102 r356743  
    1616?>
    1717<!-- wp:group {"tagName":"section","align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|jumbo","bottom":"var:preset|spacing|jumbo"},"blockGap":"var:preset|spacing|huge"}},"layout":{"type":"constrained"}} -->
    18 <section class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--jumbo);padding-bottom:var(--wp--preset--spacing--jumbo)"><!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"var:preset|spacing|medium","margin":{"bottom":"var:preset|spacing|huge"}}},"layout":{"type":"constrained","justifyContent":"left","contentSize":"720px"}} -->
    19 <div class="wp-block-group alignwide" style="margin-bottom:var(--wp--preset--spacing--huge)"><!-- wp:paragraph {"style":{"typography":{"textTransform":"uppercase","fontWeight":"600","letterSpacing":"0.08em"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}}},"textColor":"primary","fontSize":"extra-small"} -->
    20 <p class="has-primary-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium);font-weight:600;letter-spacing:0.08em;text-transform:uppercase"><?php echo esc_html__( 'What you get', 'origin-canvas' ); ?></p>
     18<section class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--jumbo);padding-bottom:var(--wp--preset--spacing--jumbo)"><!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"var:preset|spacing|medium","margin":{"bottom":"var:preset|spacing|huge"}}},"layout":{"type":"constrained","justifyContent":"center"}} -->
     19<div class="wp-block-group alignwide" style="margin-bottom:var(--wp--preset--spacing--huge)"><!-- wp:paragraph {"className":"origin-canvas-eyebrow","style":{"typography":{"textTransform":"uppercase","fontWeight":"600","letterSpacing":"0.06em","textAlign":"center"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}}},"textColor":"primary","fontSize":"extra-small"} -->
     20<p class="origin-canvas-eyebrow has-text-align-center has-primary-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium);font-weight:600;letter-spacing:0.06em;text-transform:uppercase"><?php echo esc_html__( 'What you get', 'origin-canvas' ); ?></p>
    2121<!-- /wp:paragraph -->
    2222
    23 <!-- wp:heading {"level":2,"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"display"} -->
    24 <h2 class="wp-block-heading has-display-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Everything in one place', 'origin-canvas' ); ?></h2>
     23<!-- wp:heading {"level":2,"align":"wide","style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"textAlign":"center"}},"fontSize":"display"} -->
     24<h2 class="wp-block-heading has-text-align-center alignwide has-display-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Everything in one place', 'origin-canvas' ); ?></h2>
    2525<!-- /wp:heading -->
    2626
    27 <!-- wp:paragraph {"textColor":"text-body","fontSize":"regular-plus"} -->
    28 <p class="has-text-body-color has-text-color has-regular-plus-font-size"><?php echo esc_html__( 'One studio, one invoice, one point of contact from the first conversation to launch day.', 'origin-canvas' ); ?></p>
     27<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"var:preset|spacing|small-medium"}},"typography":{"textAlign":"center"}},"textColor":"contrast-2","fontSize":"regular-plus"} -->
     28<p class="has-text-align-center has-contrast-2-color has-text-color has-regular-plus-font-size" style="margin-top:var(--wp--preset--spacing--small-medium)"><?php echo esc_html__( 'One studio, one invoice, one point of contact from the first conversation to launch day.', 'origin-canvas' ); ?></p>
    2929<!-- /wp:paragraph --></div>
    3030<!-- /wp:group -->
    … …  
    3232<!-- wp:columns {"align":"wide","verticalAlignment":"stretch","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
    3333<div class="wp-block-columns alignwide are-vertically-aligned-stretch"><!-- wp:column {"verticalAlignment":"stretch"} -->
    34 <div class="wp-block-column is-vertically-aligned-stretch"><!-- wp:group {"backgroundColor":"surface-muted","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"var:preset|spacing|extra-large","right":"var:preset|spacing|extra-large","bottom":"var:preset|spacing|extra-large","left":"var:preset|spacing|extra-large"},"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
    35 <div class="wp-block-group has-surface-muted-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--extra-large);padding-right:var(--wp--preset--spacing--extra-large);padding-bottom:var(--wp--preset--spacing--extra-large);padding-left:var(--wp--preset--spacing--extra-large)"><!-- wp:group {"className":"is-style-origin-canvas-icon-bubble","backgroundColor":"surface-base","layout":{"type":"flex","justifyContent":"center","verticalAlignment":"center"}} -->
    36 <div class="wp-block-group is-style-origin-canvas-icon-bubble has-surface-base-background-color has-background"><!-- wp:icon {"icon":"core/styles","textColor":"primary","style":{"dimensions":{"width":"38px"}}} /--></div>
     34<div class="wp-block-column is-vertically-aligned-stretch"><!-- wp:group {"backgroundColor":"base-2","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"var:preset|spacing|extra-large","right":"var:preset|spacing|extra-large","bottom":"var:preset|spacing|extra-large","left":"var:preset|spacing|extra-large"},"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
     35<div class="wp-block-group has-base-2-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--extra-large);padding-right:var(--wp--preset--spacing--extra-large);padding-bottom:var(--wp--preset--spacing--extra-large);padding-left:var(--wp--preset--spacing--extra-large)"><!-- wp:group {"className":"is-style-origin-canvas-icon-bubble","backgroundColor":"base","layout":{"type":"flex","justifyContent":"center","verticalAlignment":"center"}} -->
     36<div class="wp-block-group is-style-origin-canvas-icon-bubble has-base-background-color has-background"><!-- wp:icon {"icon":"core/styles","textColor":"primary","style":{"dimensions":{"width":"28px"}}} /--></div>
    3737<!-- /wp:group -->
    3838
    … …  
    4242<!-- /wp:heading -->
    4343
    44 <!-- wp:paragraph {"textColor":"text-body","fontSize":"regular"} -->
    45 <p class="has-text-body-color has-text-color has-regular-font-size"><?php echo esc_html__( 'A mark and visual language that still feels right two years on.', 'origin-canvas' ); ?></p>
     44<!-- wp:paragraph {"textColor":"contrast-2","fontSize":"regular"} -->
     45<p class="has-contrast-2-color has-text-color has-regular-font-size"><?php echo esc_html__( 'A mark and visual language that still feels right two years on.', 'origin-canvas' ); ?></p>
    4646<!-- /wp:paragraph --></div>
    4747<!-- /wp:group --></div>
    … …  
    5050
    5151<!-- wp:column {"verticalAlignment":"stretch"} -->
    52 <div class="wp-block-column is-vertically-aligned-stretch"><!-- wp:group {"backgroundColor":"surface-muted","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"var:preset|spacing|extra-large","right":"var:preset|spacing|extra-large","bottom":"var:preset|spacing|extra-large","left":"var:preset|spacing|extra-large"},"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
    53 <div class="wp-block-group has-surface-muted-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--extra-large);padding-right:var(--wp--preset--spacing--extra-large);padding-bottom:var(--wp--preset--spacing--extra-large);padding-left:var(--wp--preset--spacing--extra-large)"><!-- wp:group {"className":"is-style-origin-canvas-icon-bubble","backgroundColor":"surface-base","layout":{"type":"flex","justifyContent":"center","verticalAlignment":"center"}} -->
    54 <div class="wp-block-group is-style-origin-canvas-icon-bubble has-surface-base-background-color has-background"><!-- wp:icon {"icon":"core/verse","textColor":"primary","style":{"dimensions":{"width":"38px"}}} /--></div>
     52<div class="wp-block-column is-vertically-aligned-stretch"><!-- wp:group {"backgroundColor":"base-2","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"var:preset|spacing|extra-large","right":"var:preset|spacing|extra-large","bottom":"var:preset|spacing|extra-large","left":"var:preset|spacing|extra-large"},"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
     53<div class="wp-block-group has-base-2-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--extra-large);padding-right:var(--wp--preset--spacing--extra-large);padding-bottom:var(--wp--preset--spacing--extra-large);padding-left:var(--wp--preset--spacing--extra-large)"><!-- wp:group {"className":"is-style-origin-canvas-icon-bubble","backgroundColor":"base","layout":{"type":"flex","justifyContent":"center","verticalAlignment":"center"}} -->
     54<div class="wp-block-group is-style-origin-canvas-icon-bubble has-base-background-color has-background"><!-- wp:icon {"icon":"core/verse","textColor":"primary","style":{"dimensions":{"width":"28px"}}} /--></div>
    5555<!-- /wp:group -->
    5656
    … …  
    6060<!-- /wp:heading -->
    6161
    62 <!-- wp:paragraph {"textColor":"text-body","fontSize":"regular"} -->
    63 <p class="has-text-body-color has-text-color has-regular-font-size"><?php echo esc_html__( 'A small, deliberate set of choices your team can apply without us.', 'origin-canvas' ); ?></p>
     62<!-- wp:paragraph {"textColor":"contrast-2","fontSize":"regular"} -->
     63<p class="has-contrast-2-color has-text-color has-regular-font-size"><?php echo esc_html__( 'A small, deliberate set of choices your team can apply without us.', 'origin-canvas' ); ?></p>
    6464<!-- /wp:paragraph --></div>
    6565<!-- /wp:group --></div>
    … …  
    7070<!-- wp:columns {"align":"wide","verticalAlignment":"stretch","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
    7171<div class="wp-block-columns alignwide are-vertically-aligned-stretch"><!-- wp:column {"verticalAlignment":"stretch"} -->
    72 <div class="wp-block-column is-vertically-aligned-stretch"><!-- wp:group {"backgroundColor":"surface-muted","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"var:preset|spacing|extra-large","right":"var:preset|spacing|extra-large","bottom":"var:preset|spacing|extra-large","left":"var:preset|spacing|extra-large"},"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
    73 <div class="wp-block-group has-surface-muted-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--extra-large);padding-right:var(--wp--preset--spacing--extra-large);padding-bottom:var(--wp--preset--spacing--extra-large);padding-left:var(--wp--preset--spacing--extra-large)"><!-- wp:group {"className":"is-style-origin-canvas-icon-bubble","backgroundColor":"surface-base","layout":{"type":"flex","justifyContent":"center","verticalAlignment":"center"}} -->
    74 <div class="wp-block-group is-style-origin-canvas-icon-bubble has-surface-base-background-color has-background"><!-- wp:icon {"icon":"core/cover","textColor":"primary","style":{"dimensions":{"width":"38px"}}} /--></div>
     72<div class="wp-block-column is-vertically-aligned-stretch"><!-- wp:group {"backgroundColor":"base-2","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"var:preset|spacing|extra-large","right":"var:preset|spacing|extra-large","bottom":"var:preset|spacing|extra-large","left":"var:preset|spacing|extra-large"},"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
     73<div class="wp-block-group has-base-2-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--extra-large);padding-right:var(--wp--preset--spacing--extra-large);padding-bottom:var(--wp--preset--spacing--extra-large);padding-left:var(--wp--preset--spacing--extra-large)"><!-- wp:group {"className":"is-style-origin-canvas-icon-bubble","backgroundColor":"base","layout":{"type":"flex","justifyContent":"center","verticalAlignment":"center"}} -->
     74<div class="wp-block-group is-style-origin-canvas-icon-bubble has-base-background-color has-background"><!-- wp:icon {"icon":"core/cover","textColor":"primary","style":{"dimensions":{"width":"28px"}}} /--></div>
    7575<!-- /wp:group -->
    7676
    … …  
    8080<!-- /wp:heading -->
    8181
    82 <!-- wp:paragraph {"textColor":"text-body","fontSize":"regular"} -->
    83 <p class="has-text-body-color has-text-color has-regular-font-size"><?php echo esc_html__( 'Clear pages, careful spacing, and a site you can keep current without opening a support ticket.', 'origin-canvas' ); ?></p>
     82<!-- wp:paragraph {"textColor":"contrast-2","fontSize":"regular"} -->
     83<p class="has-contrast-2-color has-text-color has-regular-font-size"><?php echo esc_html__( 'Clear pages, careful spacing, and a site you can keep current without opening a support ticket.', 'origin-canvas' ); ?></p>
    8484<!-- /wp:paragraph --></div>
    8585<!-- /wp:group --></div>
    … …  
    8888
    8989<!-- wp:column {"verticalAlignment":"stretch"} -->
    90 <div class="wp-block-column is-vertically-aligned-stretch"><!-- wp:group {"backgroundColor":"surface-muted","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"var:preset|spacing|extra-large","right":"var:preset|spacing|extra-large","bottom":"var:preset|spacing|extra-large","left":"var:preset|spacing|extra-large"},"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
    91 <div class="wp-block-group has-surface-muted-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--extra-large);padding-right:var(--wp--preset--spacing--extra-large);padding-bottom:var(--wp--preset--spacing--extra-large);padding-left:var(--wp--preset--spacing--extra-large)"><!-- wp:group {"className":"is-style-origin-canvas-icon-bubble","backgroundColor":"surface-base","layout":{"type":"flex","justifyContent":"center","verticalAlignment":"center"}} -->
    92 <div class="wp-block-group is-style-origin-canvas-icon-bubble has-surface-base-background-color has-background"><!-- wp:icon {"icon":"core/group","textColor":"primary","style":{"dimensions":{"width":"38px"}}} /--></div>
     90<div class="wp-block-column is-vertically-aligned-stretch"><!-- wp:group {"backgroundColor":"base-2","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"var:preset|spacing|extra-large","right":"var:preset|spacing|extra-large","bottom":"var:preset|spacing|extra-large","left":"var:preset|spacing|extra-large"},"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
     91<div class="wp-block-group has-base-2-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--extra-large);padding-right:var(--wp--preset--spacing--extra-large);padding-bottom:var(--wp--preset--spacing--extra-large);padding-left:var(--wp--preset--spacing--extra-large)"><!-- wp:group {"className":"is-style-origin-canvas-icon-bubble","backgroundColor":"base","layout":{"type":"flex","justifyContent":"center","verticalAlignment":"center"}} -->
     92<div class="wp-block-group is-style-origin-canvas-icon-bubble has-base-background-color has-background"><!-- wp:icon {"icon":"core/group","textColor":"primary","style":{"dimensions":{"width":"28px"}}} /--></div>
    9393<!-- /wp:group -->
    9494
    … …  
    9898<!-- /wp:heading -->
    9999
    100 <!-- wp:paragraph {"textColor":"text-body","fontSize":"regular"} -->
    101 <p class="has-text-body-color has-text-color has-regular-font-size"><?php echo esc_html__( 'Source files, a written guide, and a call to walk through all of it.', 'origin-canvas' ); ?></p>
     100<!-- wp:paragraph {"textColor":"contrast-2","fontSize":"regular"} -->
     101<p class="has-contrast-2-color has-text-color has-regular-font-size"><?php echo esc_html__( 'Source files, a written guide, and a call to walk through all of it.', 'origin-canvas' ); ?></p>
    102102<!-- /wp:paragraph --></div>
    103103<!-- /wp:group --></div>

  • origin-canvas/1.4.3/patterns/features-image-columns.php

    r347102 r356743  
    11<?php
    22/**
    3  * Title: Features Image Columns
     3 * Title: Features Split Two Images
    44 * Slug: origin-canvas/features-image-columns
    55 * Description: A two-column feature section with alternating image and text rows.
    66 * Categories: origin-canvas/features
    7  * Keywords: media, services, zigzag, split
     7 * Keywords: media, services, zigzag
    88 * Viewport Width: 1500
    99 * Block Types:
    … …  
    1919<div class="wp-block-group alignwide"><!-- wp:columns {"verticalAlignment":"center","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|huge","left":"var:preset|spacing|jumbo"}}}} -->
    2020<div class="wp-block-columns are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"50%"} -->
    21 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%"><!-- wp:image {"aspectRatio":"4/3","scale":"cover","sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"var:custom|radius|medium"}}} -->
    22 <figure class="wp-block-image size-full has-custom-border"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/studio-worktable.webp" alt="<?php esc_attr_e( 'A closed laptop, notebook, coffee, and paint-colour swatches on a pale studio worktable.', 'origin-canvas' ); ?>" style="border-radius:var(--wp--custom--radius--medium);aspect-ratio:4/3;object-fit:cover"/></figure>
     21<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%"><!-- wp:image {"aspectRatio":"4/3","scale":"cover","sizeSlug":"full","linkDestination":"none","className":"is-style-rounded"} -->
     22<figure class="wp-block-image size-full is-style-rounded"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/studio-type-proofs.webp" alt="<?php esc_attr_e( 'Four Mercer Street Framing wordmark tests taped to a white brick wall, with the brass one ticked.', 'origin-canvas' ); ?>" style="aspect-ratio:4/3;object-fit:cover"/></figure>
    2323<!-- /wp:image --></div>
    2424<!-- /wp:column -->
    … …  
    2626<!-- wp:column {"verticalAlignment":"center","width":"50%"} -->
    2727<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"constrained"}} -->
    28 <div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"textTransform":"uppercase","fontWeight":"600","letterSpacing":"0.08em"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}}},"textColor":"primary","fontSize":"extra-small"} -->
    29 <p class="has-primary-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium);font-weight:600;letter-spacing:0.08em;text-transform:uppercase"><?php echo esc_html__( 'Before pixels', 'origin-canvas' ); ?></p>
     28<div class="wp-block-group"><!-- wp:paragraph {"className":"origin-canvas-eyebrow","style":{"typography":{"textTransform":"uppercase","fontWeight":"600","letterSpacing":"0.06em"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}}},"textColor":"primary","fontSize":"extra-small"} -->
     29<p class="origin-canvas-eyebrow has-primary-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium);font-weight:600;letter-spacing:0.06em;text-transform:uppercase"><?php echo esc_html__( 'Before pixels', 'origin-canvas' ); ?></p>
    3030<!-- /wp:paragraph -->
    3131
    32 <!-- wp:heading {"level":2,"style":{"spacing":{"margin":{"top":"var:preset|spacing|medium","bottom":"var:preset|spacing|medium"}}},"fontSize":"display"} -->
    33 <h2 class="wp-block-heading has-display-font-size" style="margin-top:var(--wp--preset--spacing--medium);margin-bottom:var(--wp--preset--spacing--medium)"><?php echo esc_html__( 'Type and tone come first', 'origin-canvas' ); ?></h2>
     32<!-- wp:heading {"level":2,"style":{"spacing":{"margin":{"top":"var:preset|spacing|medium","bottom":"0"}}},"fontSize":"huge"} -->
     33<h2 class="wp-block-heading has-huge-font-size" style="margin-top:var(--wp--preset--spacing--medium);margin-bottom:0"><?php echo esc_html__( 'Type and tone come first', 'origin-canvas' ); ?></h2>
    3434<!-- /wp:heading -->
    3535
    36 <!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.6"}},"textColor":"text-body","fontSize":"regular-plus"} -->
    37 <p class="has-text-body-color has-text-color has-regular-plus-font-size" style="line-height:1.6"><?php echo esc_html__( 'Voice, type, and color get settled before we draw a single page. The writing leads and the layout follows.', 'origin-canvas' ); ?></p>
     36<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.6"},"spacing":{"margin":{"top":"var:preset|spacing|small-medium"}}},"textColor":"contrast-2","fontSize":"regular-plus"} -->
     37<p class="has-contrast-2-color has-text-color has-regular-plus-font-size" style="margin-top:var(--wp--preset--spacing--small-medium);line-height:1.6"><?php echo esc_html__( 'Voice, type, and color get settled before we draw a single page. The writing leads and the layout follows.', 'origin-canvas' ); ?></p>
    3838<!-- /wp:paragraph -->
    3939
    40 <!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"var:preset|spacing|large","bottom":"0"}}},"textColor":"text-heading","fontSize":"regular"} -->
    41 <p class="has-text-heading-color has-text-color has-regular-font-size" style="margin-top:var(--wp--preset--spacing--large);margin-bottom:0;font-weight:600"><a href="#" style="text-decoration:none"><?php echo esc_html__( 'Read more', 'origin-canvas' ); ?> <span class="has-primary-color has-text-color" style="color:var(--wp--preset--color--primary)" aria-hidden="true">&rarr;</span></a></p>
     40<!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"var:preset|spacing|large","bottom":"0"}}},"textColor":"contrast","fontSize":"regular"} -->
     41<p class="has-contrast-color has-text-color has-regular-font-size" style="margin-top:var(--wp--preset--spacing--large);margin-bottom:0;font-weight:600"><a href="#" style="text-decoration:none"><?php echo esc_html__( 'Read more', 'origin-canvas' ); ?> <span aria-hidden="true">&rarr;</span></a></p>
    4242<!-- /wp:paragraph --></div>
    4343<!-- /wp:group --></div>
    … …  
    4848<div class="wp-block-columns are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"50%"} -->
    4949<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"constrained"}} -->
    50 <div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"textTransform":"uppercase","fontWeight":"600","letterSpacing":"0.08em"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}}},"textColor":"primary","fontSize":"extra-small"} -->
    51 <p class="has-primary-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium);font-weight:600;letter-spacing:0.08em;text-transform:uppercase"><?php echo esc_html__( 'How we pace it', 'origin-canvas' ); ?></p>
     50<div class="wp-block-group"><!-- wp:paragraph {"className":"origin-canvas-eyebrow","style":{"typography":{"textTransform":"uppercase","fontWeight":"600","letterSpacing":"0.06em"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}}},"textColor":"primary","fontSize":"extra-small"} -->
     51<p class="origin-canvas-eyebrow has-primary-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium);font-weight:600;letter-spacing:0.06em;text-transform:uppercase"><?php echo esc_html__( 'How we pace it', 'origin-canvas' ); ?></p>
    5252<!-- /wp:paragraph -->
    5353
    54 <!-- wp:heading {"level":2,"style":{"spacing":{"margin":{"top":"var:preset|spacing|medium","bottom":"var:preset|spacing|medium"}}},"fontSize":"display"} -->
    55 <h2 class="wp-block-heading has-display-font-size" style="margin-top:var(--wp--preset--spacing--medium);margin-bottom:var(--wp--preset--spacing--medium)"><?php echo esc_html__( 'One project at a time', 'origin-canvas' ); ?></h2>
     54<!-- wp:heading {"level":2,"style":{"spacing":{"margin":{"top":"var:preset|spacing|medium","bottom":"0"}}},"fontSize":"huge"} -->
     55<h2 class="wp-block-heading has-huge-font-size" style="margin-top:var(--wp--preset--spacing--medium);margin-bottom:0"><?php echo esc_html__( 'We make time for each client', 'origin-canvas' ); ?></h2>
    5656<!-- /wp:heading -->
    5757
    58 <!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.6"}},"textColor":"text-body","fontSize":"regular-plus"} -->
    59 <p class="has-text-body-color has-text-color has-regular-plus-font-size" style="line-height:1.6"><?php echo esc_html__( 'We take on roughly a project a month, so the work in front of us always gets our full attention.', 'origin-canvas' ); ?></p>
     58<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.6"},"spacing":{"margin":{"top":"var:preset|spacing|small-medium"}}},"textColor":"contrast-2","fontSize":"regular-plus"} -->
     59<p class="has-contrast-2-color has-text-color has-regular-plus-font-size" style="margin-top:var(--wp--preset--spacing--small-medium);line-height:1.6"><?php echo esc_html__( 'Big or small, we don&#8217;t rush one job to make room for the next.', 'origin-canvas' ); ?></p>
    6060<!-- /wp:paragraph -->
    6161
    62 <!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"var:preset|spacing|large","bottom":"0"}}},"textColor":"text-heading","fontSize":"regular"} -->
    63 <p class="has-text-heading-color has-text-color has-regular-font-size" style="margin-top:var(--wp--preset--spacing--large);margin-bottom:0;font-weight:600"><a href="#" style="text-decoration:none"><?php echo esc_html__( 'Our process', 'origin-canvas' ); ?> <span class="has-primary-color has-text-color" style="color:var(--wp--preset--color--primary)" aria-hidden="true">&rarr;</span></a></p>
     62<!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"var:preset|spacing|large","bottom":"0"}}},"textColor":"contrast","fontSize":"regular"} -->
     63<p class="has-contrast-color has-text-color has-regular-font-size" style="margin-top:var(--wp--preset--spacing--large);margin-bottom:0;font-weight:600"><a href="#" style="text-decoration:none"><?php echo esc_html__( 'Our process', 'origin-canvas' ); ?> <span aria-hidden="true">&rarr;</span></a></p>
    6464<!-- /wp:paragraph --></div>
    6565<!-- /wp:group --></div>
    … …  
    6767
    6868<!-- wp:column {"verticalAlignment":"center","width":"50%"} -->
    69 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%"><!-- wp:image {"aspectRatio":"4/3","scale":"cover","sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"var:custom|radius|medium"}}} -->
    70 <figure class="wp-block-image size-full has-custom-border"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/studio-review.webp" alt="<?php esc_attr_e( 'Two people reviewing a website wireframe on paper beside a laptop at a sunlit desk.', 'origin-canvas' ); ?>" style="border-radius:var(--wp--custom--radius--medium);aspect-ratio:4/3;object-fit:cover"/></figure>
     69<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%"><!-- wp:image {"aspectRatio":"4/3","scale":"cover","sizeSlug":"full","linkDestination":"none","className":"is-style-rounded"} -->
     70<figure class="wp-block-image size-full is-style-rounded"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/studio-wireframe-review.webp" alt="<?php esc_attr_e( 'Three printed Kestrel website wireframes on a treatment table in the clinic, with a pen note to make the top image smaller.', 'origin-canvas' ); ?>" style="aspect-ratio:4/3;object-fit:cover"/></figure>
    7171<!-- /wp:image --></div>
    7272<!-- /wp:column --></div>

  • origin-canvas/1.4.3/patterns/features-numbered.php

    r347102 r356743  
    1515
    1616?>
    17 <!-- wp:group {"tagName":"section","align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|jumbo","bottom":"var:preset|spacing|jumbo"}}},"layout":{"type":"constrained","contentSize":"1200px"}} -->
    18 <section class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--jumbo);padding-bottom:var(--wp--preset--spacing--jumbo)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|medium","margin":{"bottom":"var:preset|spacing|extra-large"}}},"layout":{"type":"default"}} -->
    19 <div class="wp-block-group" style="margin-bottom:var(--wp--preset--spacing--extra-large)"><!-- wp:paragraph {"style":{"typography":{"textTransform":"uppercase","fontWeight":"600","letterSpacing":"0.08em"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}}},"textColor":"primary","fontSize":"extra-small"} -->
    20 <p class="has-primary-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium);font-weight:600;letter-spacing:0.08em;text-transform:uppercase"><?php echo esc_html__( 'How a project runs', 'origin-canvas' ); ?></p>
     17<!-- wp:group {"tagName":"section","align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"}}},"layout":{"type":"constrained"}} -->
     18<section class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"var:preset|spacing|medium","margin":{"bottom":"var:preset|spacing|extra-large"}}},"layout":{"type":"constrained","justifyContent":"center"}} -->
     19<div class="wp-block-group alignwide" style="margin-bottom:var(--wp--preset--spacing--extra-large)"><!-- wp:paragraph {"className":"origin-canvas-eyebrow","style":{"typography":{"textTransform":"uppercase","fontWeight":"600","letterSpacing":"0.06em","textAlign":"center"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}}},"textColor":"primary","fontSize":"extra-small"} -->
     20<p class="origin-canvas-eyebrow has-text-align-center has-primary-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium);font-weight:600;letter-spacing:0.06em;text-transform:uppercase"><?php echo esc_html__( 'Process', 'origin-canvas' ); ?></p>
    2121<!-- /wp:paragraph -->
    2222
    23 <!-- wp:heading {"level":2,"style":{"spacing":{"margin":{"top":"var:preset|spacing|medium","bottom":"var:preset|spacing|compact"}}},"fontSize":"display"} -->
    24 <h2 class="wp-block-heading has-display-font-size" style="margin-top:var(--wp--preset--spacing--medium);margin-bottom:var(--wp--preset--spacing--compact)"><?php echo esc_html__( 'A short process, on a single page', 'origin-canvas' ); ?></h2>
     23<!-- wp:heading {"level":2,"align":"wide","style":{"spacing":{"margin":{"top":"var:preset|spacing|medium","bottom":"0"}},"typography":{"textAlign":"center"}},"fontSize":"display"} -->
     24<h2 class="wp-block-heading has-text-align-center alignwide has-display-font-size" style="margin-top:var(--wp--preset--spacing--medium);margin-bottom:0"><?php echo esc_html__( 'From the first email to handover', 'origin-canvas' ); ?></h2>
    2525<!-- /wp:heading -->
    2626
    27 <!-- wp:paragraph {"textColor":"text-body","fontSize":"regular-plus"} -->
    28 <p class="has-text-body-color has-text-color has-regular-plus-font-size"><?php echo esc_html__( 'Four weeks from kickoff to launch on most projects. The work stays clear, paced, and easy to follow.', 'origin-canvas' ); ?></p>
     27<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"var:preset|spacing|small-medium"}},"typography":{"textAlign":"center"}},"textColor":"contrast-2","fontSize":"regular-plus"} -->
     28<p class="has-text-align-center has-contrast-2-color has-text-color has-regular-plus-font-size" style="margin-top:var(--wp--preset--spacing--small-medium)"><?php echo esc_html__( 'A standard project runs eight weeks. You approve each stage before the next one starts, and you see the work as it happens.', 'origin-canvas' ); ?></p>
    2929<!-- /wp:paragraph --></div>
    3030<!-- /wp:group -->
    3131
    32 <!-- wp:group {"style":{"border":{"top":{"color":"var:preset|color|border","style":"solid","width":"1px"}},"spacing":{"padding":{"top":"var:preset|spacing|extra-large","bottom":"var:preset|spacing|extra-large"}}},"layout":{"type":"default"}} -->
    33 <div class="wp-block-group" style="border-top-color:var(--wp--preset--color--border);border-top-style:solid;border-top-width:1px;padding-top:var(--wp--preset--spacing--extra-large);padding-bottom:var(--wp--preset--spacing--extra-large)"><!-- wp:columns {"verticalAlignment":"center","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|large","left":"var:preset|spacing|huge"}}}} -->
     32<!-- wp:group {"align":"wide","style":{"border":{"top":{"color":"var:preset|color|base-5","style":"solid","width":"1px"}},"spacing":{"padding":{"top":"var:preset|spacing|extra-large","bottom":"var:preset|spacing|extra-large"}}},"layout":{"type":"default"}} -->
     33<div class="wp-block-group alignwide" style="border-top-color:var(--wp--preset--color--base-5);border-top-style:solid;border-top-width:1px;padding-top:var(--wp--preset--spacing--extra-large);padding-bottom:var(--wp--preset--spacing--extra-large)"><!-- wp:columns {"verticalAlignment":"center","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|large","left":"var:preset|spacing|huge"}}}} -->
    3434<div class="wp-block-columns are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"16%"} -->
    35 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:16%"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600","lineHeight":"1","letterSpacing":"-0.03em"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"input-border","fontSize":"display-xl","className":"origin-canvas-step-numeral"} -->
    36 <p class="origin-canvas-step-numeral has-input-border-color has-text-color has-display-xl-font-size" style="margin-top:0;margin-bottom:0;font-weight:600;letter-spacing:-0.03em;line-height:1"><?php echo esc_html__( '01', 'origin-canvas' ); ?></p>
     35<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:16%"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600","lineHeight":"1"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"base-6","fontSize":"display-xl","className":"origin-canvas-ordinal origin-canvas-step-numeral"} -->
     36<p class="origin-canvas-ordinal origin-canvas-step-numeral has-base-6-color has-text-color has-display-xl-font-size" style="margin-top:0;margin-bottom:0;font-weight:600;line-height:1"><?php echo esc_html__( '01', 'origin-canvas' ); ?></p>
    3737<!-- /wp:paragraph --></div>
    3838<!-- /wp:column -->
    … …  
    4040<!-- wp:column {"verticalAlignment":"center","width":"32%"} -->
    4141<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:32%"><!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"large"} -->
    42 <h3 class="wp-block-heading has-large-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Honest scope, week one', 'origin-canvas' ); ?></h3>
     42<h3 class="wp-block-heading has-large-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Scope and price on one page', 'origin-canvas' ); ?></h3>
    4343<!-- /wp:heading --></div>
    4444<!-- /wp:column -->
    4545
    4646<!-- wp:column {"verticalAlignment":"center","width":"52%"} -->
    47 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:52%"><!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.6"}},"textColor":"text-body","fontSize":"regular"} -->
    48 <p class="has-text-body-color has-text-color has-regular-font-size" style="line-height:1.6"><?php echo esc_html__( 'We tell you what we&#8217;ll do, what we won&#8217;t, and what it&#8217;ll cost on a single page before work begins.', 'origin-canvas' ); ?></p>
     47<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:52%"><!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.6"}},"textColor":"contrast-2","fontSize":"regular"} -->
     48<p class="has-contrast-2-color has-text-color has-regular-font-size" style="line-height:1.6"><?php echo esc_html__( 'After a first call, we write down what we will make, the price and the dates. Work starts when you approve it.', 'origin-canvas' ); ?></p>
    4949<!-- /wp:paragraph --></div>
    5050<!-- /wp:column --></div>
    … …  
    5252<!-- /wp:group -->
    5353
    54 <!-- wp:group {"style":{"border":{"top":{"color":"var:preset|color|border","style":"solid","width":"1px"}},"spacing":{"padding":{"top":"var:preset|spacing|extra-large","bottom":"var:preset|spacing|extra-large"}}},"layout":{"type":"default"}} -->
    55 <div class="wp-block-group" style="border-top-color:var(--wp--preset--color--border);border-top-style:solid;border-top-width:1px;padding-top:var(--wp--preset--spacing--extra-large);padding-bottom:var(--wp--preset--spacing--extra-large)"><!-- wp:columns {"verticalAlignment":"center","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|large","left":"var:preset|spacing|huge"}}}} -->
     54<!-- wp:group {"align":"wide","style":{"border":{"top":{"color":"var:preset|color|base-5","style":"solid","width":"1px"}},"spacing":{"padding":{"top":"var:preset|spacing|extra-large","bottom":"var:preset|spacing|extra-large"}}},"layout":{"type":"default"}} -->
     55<div class="wp-block-group alignwide" style="border-top-color:var(--wp--preset--color--base-5);border-top-style:solid;border-top-width:1px;padding-top:var(--wp--preset--spacing--extra-large);padding-bottom:var(--wp--preset--spacing--extra-large)"><!-- wp:columns {"verticalAlignment":"center","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|large","left":"var:preset|spacing|huge"}}}} -->
    5656<div class="wp-block-columns are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"16%"} -->
    57 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:16%"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600","lineHeight":"1","letterSpacing":"-0.03em"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"input-border","fontSize":"display-xl","className":"origin-canvas-step-numeral"} -->
    58 <p class="origin-canvas-step-numeral has-input-border-color has-text-color has-display-xl-font-size" style="margin-top:0;margin-bottom:0;font-weight:600;letter-spacing:-0.03em;line-height:1"><?php echo esc_html__( '02', 'origin-canvas' ); ?></p>
     57<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:16%"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600","lineHeight":"1"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"base-6","fontSize":"display-xl","className":"origin-canvas-ordinal origin-canvas-step-numeral"} -->
     58<p class="origin-canvas-ordinal origin-canvas-step-numeral has-base-6-color has-text-color has-display-xl-font-size" style="margin-top:0;margin-bottom:0;font-weight:600;line-height:1"><?php echo esc_html__( '02', 'origin-canvas' ); ?></p>
    5959<!-- /wp:paragraph --></div>
    6060<!-- /wp:column -->
    … …  
    6262<!-- wp:column {"verticalAlignment":"center","width":"32%"} -->
    6363<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:32%"><!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"large"} -->
    64 <h3 class="wp-block-heading has-large-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Type and color first', 'origin-canvas' ); ?></h3>
     64<h3 class="wp-block-heading has-large-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Voice and look first', 'origin-canvas' ); ?></h3>
    6565<!-- /wp:heading --></div>
    6666<!-- /wp:column -->
    6767
    6868<!-- wp:column {"verticalAlignment":"center","width":"52%"} -->
    69 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:52%"><!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.6"}},"textColor":"text-body","fontSize":"regular"} -->
    70 <p class="has-text-body-color has-text-color has-regular-font-size" style="line-height:1.6"><?php echo esc_html__( 'Voice, type, and color get settled first. The visual direction follows the writing, never the reverse.', 'origin-canvas' ); ?></p>
     69<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:52%"><!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.6"}},"textColor":"contrast-2","fontSize":"regular"} -->
     70<p class="has-contrast-2-color has-text-color has-regular-font-size" style="line-height:1.6"><?php echo esc_html__( 'We agree the voice with you first, then the type and colors when the job includes them. You comment on one direction.', 'origin-canvas' ); ?></p>
    7171<!-- /wp:paragraph --></div>
    7272<!-- /wp:column --></div>
    … …  
    7474<!-- /wp:group -->
    7575
    76 <!-- wp:group {"style":{"border":{"top":{"color":"var:preset|color|border","style":"solid","width":"1px"}},"spacing":{"padding":{"top":"var:preset|spacing|extra-large","bottom":"var:preset|spacing|extra-large"}}},"layout":{"type":"default"}} -->
    77 <div class="wp-block-group" style="border-top-color:var(--wp--preset--color--border);border-top-style:solid;border-top-width:1px;padding-top:var(--wp--preset--spacing--extra-large);padding-bottom:var(--wp--preset--spacing--extra-large)"><!-- wp:columns {"verticalAlignment":"center","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|large","left":"var:preset|spacing|huge"}}}} -->
     76<!-- wp:group {"align":"wide","style":{"border":{"top":{"color":"var:preset|color|base-5","style":"solid","width":"1px"}},"spacing":{"padding":{"top":"var:preset|spacing|extra-large","bottom":"var:preset|spacing|extra-large"}}},"layout":{"type":"default"}} -->
     77<div class="wp-block-group alignwide" style="border-top-color:var(--wp--preset--color--base-5);border-top-style:solid;border-top-width:1px;padding-top:var(--wp--preset--spacing--extra-large);padding-bottom:var(--wp--preset--spacing--extra-large)"><!-- wp:columns {"verticalAlignment":"center","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|large","left":"var:preset|spacing|huge"}}}} -->
    7878<div class="wp-block-columns are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"16%"} -->
    79 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:16%"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600","lineHeight":"1","letterSpacing":"-0.03em"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"input-border","fontSize":"display-xl","className":"origin-canvas-step-numeral"} -->
    80 <p class="origin-canvas-step-numeral has-input-border-color has-text-color has-display-xl-font-size" style="margin-top:0;margin-bottom:0;font-weight:600;letter-spacing:-0.03em;line-height:1"><?php echo esc_html__( '03', 'origin-canvas' ); ?></p>
     79<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:16%"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600","lineHeight":"1"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"base-6","fontSize":"display-xl","className":"origin-canvas-ordinal origin-canvas-step-numeral"} -->
     80<p class="origin-canvas-ordinal origin-canvas-step-numeral has-base-6-color has-text-color has-display-xl-font-size" style="margin-top:0;margin-bottom:0;font-weight:600;line-height:1"><?php echo esc_html__( '03', 'origin-canvas' ); ?></p>
    8181<!-- /wp:paragraph --></div>
    8282<!-- /wp:column -->
    … …  
    8484<!-- wp:column {"verticalAlignment":"center","width":"32%"} -->
    8585<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:32%"><!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"large"} -->
    86 <h3 class="wp-block-heading has-large-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Design in the open', 'origin-canvas' ); ?></h3>
     86<h3 class="wp-block-heading has-large-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Drafts you review as we go', 'origin-canvas' ); ?></h3>
    8787<!-- /wp:heading --></div>
    8888<!-- /wp:column -->
    8989
    9090<!-- wp:column {"verticalAlignment":"center","width":"52%"} -->
    91 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:52%"><!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.6"}},"textColor":"text-body","fontSize":"regular"} -->
    92 <p class="has-text-body-color has-text-color has-regular-font-size" style="line-height:1.6"><?php echo esc_html__( 'You see the work as it happens, in short rounds. No big reveal at the end, no surprises along the way.', 'origin-canvas' ); ?></p>
     91<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:52%"><!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.6"}},"textColor":"contrast-2","fontSize":"regular"} -->
     92<p class="has-contrast-2-color has-text-color has-regular-font-size" style="line-height:1.6"><?php echo esc_html__( 'You see each draft as it takes shape, and you comment before we move on.', 'origin-canvas' ); ?></p>
    9393<!-- /wp:paragraph --></div>
    9494<!-- /wp:column --></div>
    … …  
    9696<!-- /wp:group -->
    9797
    98 <!-- wp:group {"style":{"border":{"top":{"color":"var:preset|color|border","style":"solid","width":"1px"}},"spacing":{"padding":{"top":"var:preset|spacing|extra-large","bottom":"var:preset|spacing|extra-large"}}},"layout":{"type":"default"}} -->
    99 <div class="wp-block-group" style="border-top-color:var(--wp--preset--color--border);border-top-style:solid;border-top-width:1px;padding-top:var(--wp--preset--spacing--extra-large);padding-bottom:var(--wp--preset--spacing--extra-large)"><!-- wp:columns {"verticalAlignment":"center","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|large","left":"var:preset|spacing|huge"}}}} -->
     98<!-- wp:group {"align":"wide","style":{"border":{"top":{"color":"var:preset|color|base-5","style":"solid","width":"1px"}},"spacing":{"padding":{"top":"var:preset|spacing|extra-large","bottom":"var:preset|spacing|extra-large"}}},"layout":{"type":"default"}} -->
     99<div class="wp-block-group alignwide" style="border-top-color:var(--wp--preset--color--base-5);border-top-style:solid;border-top-width:1px;padding-top:var(--wp--preset--spacing--extra-large);padding-bottom:var(--wp--preset--spacing--extra-large)"><!-- wp:columns {"verticalAlignment":"center","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|large","left":"var:preset|spacing|huge"}}}} -->
    100100<div class="wp-block-columns are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"16%"} -->
    101 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:16%"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600","lineHeight":"1","letterSpacing":"-0.03em"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"input-border","fontSize":"display-xl","className":"origin-canvas-step-numeral"} -->
    102 <p class="origin-canvas-step-numeral has-input-border-color has-text-color has-display-xl-font-size" style="margin-top:0;margin-bottom:0;font-weight:600;letter-spacing:-0.03em;line-height:1"><?php echo esc_html__( '04', 'origin-canvas' ); ?></p>
     101<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:16%"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600","lineHeight":"1"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"base-6","fontSize":"display-xl","className":"origin-canvas-ordinal origin-canvas-step-numeral"} -->
     102<p class="origin-canvas-ordinal origin-canvas-step-numeral has-base-6-color has-text-color has-display-xl-font-size" style="margin-top:0;margin-bottom:0;font-weight:600;line-height:1"><?php echo esc_html__( '04', 'origin-canvas' ); ?></p>
    103103<!-- /wp:paragraph --></div>
    104104<!-- /wp:column -->
    … …  
    106106<!-- wp:column {"verticalAlignment":"center","width":"32%"} -->
    107107<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:32%"><!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"large"} -->
    108 <h3 class="wp-block-heading has-large-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Built to hand over', 'origin-canvas' ); ?></h3>
     108<h3 class="wp-block-heading has-large-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Delivery and handover', 'origin-canvas' ); ?></h3>
    109109<!-- /wp:heading --></div>
    110110<!-- /wp:column -->
    111111
    112112<!-- wp:column {"verticalAlignment":"center","width":"52%"} -->
    113 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:52%"><!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.6"}},"textColor":"text-body","fontSize":"regular"} -->
    114 <p class="has-text-body-color has-text-color has-regular-font-size" style="line-height:1.6"><?php echo esc_html__( 'Sites we deliver are easy to update yourself. A short handover call, the source files, then it is yours.', 'origin-canvas' ); ?></p>
     113<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:52%"><!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.6"}},"textColor":"contrast-2","fontSize":"regular"} -->
     114<p class="has-contrast-2-color has-text-color has-regular-font-size" style="line-height:1.6"><?php echo esc_html__( 'We hand over the finished copy or put the site live with a short guide to updating it. Sites get thirty days of fixes after launch.', 'origin-canvas' ); ?></p>
    115115<!-- /wp:paragraph --></div>
    116116<!-- /wp:column --></div>

  • origin-canvas/1.4.3/patterns/features-with-image.php

    r347102 r356743  
    1717<!-- wp:group {"tagName":"section","align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|massive","bottom":"var:preset|spacing|massive"}}},"layout":{"type":"constrained"}} -->
    1818<section class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--massive);padding-bottom:var(--wp--preset--spacing--massive)"><!-- wp:columns {"align":"wide","verticalAlignment":"center","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|huge","left":"var:preset|spacing|colossal"}}}} -->
    19 <div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"46%"} -->
    20 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:46%"><!-- wp:image {"aspectRatio":"4/5","scale":"cover","sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"var:custom|radius|large"}}} -->
    21 <figure class="wp-block-image size-full has-custom-border"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/card-image-text-3.webp" alt="<?php esc_attr_e( 'A florist worktable with wrapped flowers, paper tags, ribbon, and shears.', 'origin-canvas' ); ?>" style="border-radius:var(--wp--custom--radius--large);aspect-ratio:4/5;object-fit:cover"/></figure>
     19<div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"50%"} -->
     20<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%"><!-- wp:image {"aspectRatio":"4/5","scale":"cover","sizeSlug":"full","linkDestination":"none","className":"is-style-rounded"} -->
     21<figure class="wp-block-image size-full is-style-rounded"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/studio-one-project.webp" alt="<?php esc_attr_e( 'Hands holding a pencil and pointing at three printed website layouts on a pale oak table, beside a black notebook.', 'origin-canvas' ); ?>" style="aspect-ratio:4/5;object-fit:cover"/></figure>
    2222<!-- /wp:image --></div>
    2323<!-- /wp:column -->
    2424
    25 <!-- wp:column {"verticalAlignment":"center","width":"54%"} -->
    26 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:54%"><!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained"}} -->
     25<!-- wp:column {"verticalAlignment":"center","width":"50%"} -->
     26<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%"><!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained"}} -->
    2727<div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|medium","margin":{"bottom":"var:preset|spacing|extra-large"}}},"layout":{"type":"constrained"}} -->
    28 <div class="wp-block-group" style="margin-bottom:var(--wp--preset--spacing--extra-large)"><!-- wp:paragraph {"style":{"typography":{"textTransform":"uppercase","fontWeight":"600","letterSpacing":"0.08em"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}}},"textColor":"primary","fontSize":"extra-small"} -->
    29 <p class="has-primary-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium);font-weight:600;letter-spacing:0.08em;text-transform:uppercase"><?php echo esc_html__( 'End to end', 'origin-canvas' ); ?></p>
     28<div class="wp-block-group" style="margin-bottom:var(--wp--preset--spacing--extra-large)"><!-- wp:paragraph {"className":"origin-canvas-eyebrow","style":{"typography":{"textTransform":"uppercase","fontWeight":"600","letterSpacing":"0.06em"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}}},"textColor":"primary","fontSize":"extra-small"} -->
     29<p class="origin-canvas-eyebrow has-primary-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium);font-weight:600;letter-spacing:0.06em;text-transform:uppercase"><?php echo esc_html__( 'End to end', 'origin-canvas' ); ?></p>
    3030<!-- /wp:paragraph -->
    3131
    32 <!-- wp:heading {"level":2,"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"display"} -->
    33 <h2 class="wp-block-heading has-display-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'A small studio, the whole way through', 'origin-canvas' ); ?></h2>
     32<!-- wp:heading {"level":2,"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"huge"} -->
     33<h2 class="wp-block-heading has-huge-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'A small studio, the whole way through', 'origin-canvas' ); ?></h2>
    3434<!-- /wp:heading --></div>
    3535<!-- /wp:group -->
    3636
    3737<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|medium","bottom":"var:preset|spacing|medium"},"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
    38 <div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--medium)"><!-- wp:group {"className":"is-style-origin-canvas-icon-bubble","backgroundColor":"surface-muted","layout":{"type":"flex","justifyContent":"center","verticalAlignment":"center"}} -->
    39 <div class="wp-block-group is-style-origin-canvas-icon-bubble has-surface-muted-background-color has-background"><!-- wp:icon {"icon":"core/search","textColor":"primary","style":{"dimensions":{"width":"38px"}}} /--></div>
     38<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--medium)"><!-- wp:group {"className":"is-style-origin-canvas-icon-bubble","backgroundColor":"base-2","layout":{"type":"flex","justifyContent":"center","verticalAlignment":"center"}} -->
     39<div class="wp-block-group is-style-origin-canvas-icon-bubble has-base-2-background-color has-background"><!-- wp:icon {"icon":"core/search","textColor":"primary","style":{"dimensions":{"width":"28px"}}} /--></div>
    4040<!-- /wp:group -->
    4141
    … …  
    4545<!-- /wp:heading -->
    4646
    47 <!-- wp:paragraph {"textColor":"text-body","fontSize":"regular"} -->
    48 <p class="has-text-body-color has-text-color has-regular-font-size"><?php echo esc_html__( 'We start with the awkward questions, then write the scope down in plain English.', 'origin-canvas' ); ?></p>
     47<!-- wp:paragraph {"textColor":"contrast-2","fontSize":"regular"} -->
     48<p class="has-contrast-2-color has-text-color has-regular-font-size"><?php echo esc_html__( 'We start with the awkward questions, then write the scope down in plain English.', 'origin-canvas' ); ?></p>
    4949<!-- /wp:paragraph --></div>
    5050<!-- /wp:group --></div>
    5151<!-- /wp:group -->
    5252
    53 <!-- wp:group {"style":{"border":{"top":{"color":"var:preset|color|border","style":"solid","width":"1px"}},"spacing":{"padding":{"top":"var:preset|spacing|medium","bottom":"var:preset|spacing|medium"},"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
    54 <div class="wp-block-group" style="border-top-color:var(--wp--preset--color--border);border-top-style:solid;border-top-width:1px;padding-top:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--medium)"><!-- wp:group {"className":"is-style-origin-canvas-icon-bubble","backgroundColor":"surface-muted","layout":{"type":"flex","justifyContent":"center","verticalAlignment":"center"}} -->
    55 <div class="wp-block-group is-style-origin-canvas-icon-bubble has-surface-muted-background-color has-background"><!-- wp:icon {"icon":"core/group","textColor":"primary","style":{"dimensions":{"width":"38px"}}} /--></div>
     53<!-- wp:group {"style":{"border":{"top":{"color":"var:preset|color|base-5","style":"solid","width":"1px"}},"spacing":{"padding":{"top":"var:preset|spacing|medium","bottom":"var:preset|spacing|medium"},"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
     54<div class="wp-block-group" style="border-top-color:var(--wp--preset--color--base-5);border-top-style:solid;border-top-width:1px;padding-top:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--medium)"><!-- wp:group {"className":"is-style-origin-canvas-icon-bubble","backgroundColor":"base-2","layout":{"type":"flex","justifyContent":"center","verticalAlignment":"center"}} -->
     55<div class="wp-block-group is-style-origin-canvas-icon-bubble has-base-2-background-color has-background"><!-- wp:icon {"icon":"core/group","textColor":"primary","style":{"dimensions":{"width":"28px"}}} /--></div>
    5656<!-- /wp:group -->
    5757
    … …  
    6161<!-- /wp:heading -->
    6262
    63 <!-- wp:paragraph {"textColor":"text-body","fontSize":"regular"} -->
    64 <p class="has-text-body-color has-text-color has-regular-font-size"><?php echo esc_html__( 'Identity, type, and a site made by the same three people throughout.', 'origin-canvas' ); ?></p>
     63<!-- wp:paragraph {"textColor":"contrast-2","fontSize":"regular"} -->
     64<p class="has-contrast-2-color has-text-color has-regular-font-size"><?php echo esc_html__( 'We carry your identity through the type, colors and layout of every page.', 'origin-canvas' ); ?></p>
    6565<!-- /wp:paragraph --></div>
    6666<!-- /wp:group --></div>
    6767<!-- /wp:group -->
    6868
    69 <!-- wp:group {"style":{"border":{"top":{"color":"var:preset|color|border","style":"solid","width":"1px"}},"spacing":{"padding":{"top":"var:preset|spacing|medium","bottom":"var:preset|spacing|medium"},"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
    70 <div class="wp-block-group" style="border-top-color:var(--wp--preset--color--border);border-top-style:solid;border-top-width:1px;padding-top:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--medium)"><!-- wp:group {"className":"is-style-origin-canvas-icon-bubble","backgroundColor":"surface-muted","layout":{"type":"flex","justifyContent":"center","verticalAlignment":"center"}} -->
    71 <div class="wp-block-group is-style-origin-canvas-icon-bubble has-surface-muted-background-color has-background"><!-- wp:icon {"icon":"core/check","textColor":"primary","style":{"dimensions":{"width":"38px"}}} /--></div>
     69<!-- wp:group {"style":{"border":{"top":{"color":"var:preset|color|base-5","style":"solid","width":"1px"}},"spacing":{"padding":{"top":"var:preset|spacing|medium","bottom":"var:preset|spacing|medium"},"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
     70<div class="wp-block-group" style="border-top-color:var(--wp--preset--color--base-5);border-top-style:solid;border-top-width:1px;padding-top:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--medium)"><!-- wp:group {"className":"is-style-origin-canvas-icon-bubble","backgroundColor":"base-2","layout":{"type":"flex","justifyContent":"center","verticalAlignment":"center"}} -->
     71<div class="wp-block-group is-style-origin-canvas-icon-bubble has-base-2-background-color has-background"><!-- wp:icon {"icon":"core/check","textColor":"primary","style":{"dimensions":{"width":"28px"}}} /--></div>
    7272<!-- /wp:group -->
    7373
    … …  
    7777<!-- /wp:heading -->
    7878
    79 <!-- wp:paragraph {"textColor":"text-body","fontSize":"regular"} -->
    80 <p class="has-text-body-color has-text-color has-regular-font-size"><?php echo esc_html__( 'A calm launch, a written guide, and a site you can keep running yourself.', 'origin-canvas' ); ?></p>
     79<!-- wp:paragraph {"textColor":"contrast-2","fontSize":"regular"} -->
     80<p class="has-contrast-2-color has-text-color has-regular-font-size"><?php echo esc_html__( 'A calm launch, a written guide, and a site you can keep running yourself.', 'origin-canvas' ); ?></p>
    8181<!-- /wp:paragraph --></div>
    8282<!-- /wp:group --></div>
    … …  
    8484
    8585<!-- wp:buttons {"style":{"spacing":{"margin":{"top":"var:preset|spacing|medium"}}},"layout":{"type":"flex","justifyContent":"left"}} -->
    86 <div class="wp-block-buttons is-content-justification-flex-start is-layout-flex" style="margin-top:var(--wp--preset--spacing--medium)"><!-- wp:button -->
     86<div class="wp-block-buttons" style="margin-top:var(--wp--preset--spacing--medium)"><!-- wp:button -->
    8787<div class="wp-block-button"><a class="wp-block-button__link wp-element-button"><?php echo esc_html__( 'Talk to us', 'origin-canvas' ); ?></a></div>
    8888<!-- /wp:button --></div>

  • origin-canvas/1.4.3/patterns/footer-dark.php

    r347102 r356743  
    33 * Title: Footer Dark
    44 * Slug: origin-canvas/footer-dark
    5  * Description: A dark site footer with a short studio note, link columns, and a legal row.
     5 * Description: A dark footer with the site title and a short line, three groups of links spread across the width, and a copyright line with social icons.
    66 * Categories: footer
    77 * Keywords:
    … …  
    1414 */
    1515?>
    16 <!-- wp:group {"tagName":"footer","metadata":{"name":"Footer Dark"},"align":"full","style":{"color":{"background":"var(--wp--custom--dark--bg)","text":"var(--wp--custom--dark--text)"},"spacing":{"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|extra-large"}}},"layout":{"inherit":true,"type":"constrained"}} -->
    17 <footer class="wp-block-group alignfull has-text-color has-background" style="color:var(--wp--custom--dark--text);background-color:var(--wp--custom--dark--bg);padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--extra-large)"><!-- wp:columns {"align":"wide","style":{"border":{"bottom":{"color":"color-mix(in srgb, var(--wp--custom--dark--text) 12%, transparent)","width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|huge"}}}} -->
    18 <div class="wp-block-columns alignwide" style="border-bottom-color:color-mix(in srgb, var(--wp--custom--dark--text) 12%, transparent);border-bottom-width:1px;padding-bottom:var(--wp--preset--spacing--huge)"><!-- wp:column {"width":"35%","className":"stack-16"} -->
    19 <div class="wp-block-column stack-16" style="flex-basis:35%"><!-- wp:site-title {"textColor":"on-dark","style":{"elements":{"link":{"color":{"text":"var:preset|color|on-dark"}}}}} /-->
     16<!-- wp:group {"tagName":"footer","metadata":{"name":"Footer Dark"},"align":"full","style":{"color":{"background":"var(--wp--custom--dark--bg)","text":"var(--wp--custom--dark--text)"},"spacing":{"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"}}},"layout":{"inherit":true,"type":"constrained"}} -->
     17<footer class="wp-block-group alignfull has-text-color has-background" style="color:var(--wp--custom--dark--text);background-color:var(--wp--custom--dark--bg);padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:group {"align":"wide","layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between","verticalAlignment":"top"}} -->
     18<div class="wp-block-group alignwide"><!-- wp:group {"className":"stack-16","layout":{"type":"default"}} -->
     19<div class="wp-block-group stack-16"><!-- wp:site-title {"level":0,"textColor":"base-2","style":{"elements":{"link":{"color":{"text":"var:preset|color|base-2"}}}}} /-->
    2020<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"var:preset|spacing|small"}},"color":{"text":"color-mix(in srgb, var(--wp--custom--dark--text) 62%, transparent)"}},"fontSize":"small"} -->
    21 <p class="has-text-color has-small-font-size" style="margin-top:var(--wp--preset--spacing--small);color:color-mix(in srgb, var(--wp--custom--dark--text) 62%, transparent)"><?php echo esc_html__( 'A Full Site Editing block theme for WordPress. Templates, patterns, and styles that work as one system.', 'origin-canvas' ); ?></p>
     21<p class="has-text-color has-small-font-size" style="margin-top:var(--wp--preset--spacing--small);color:color-mix(in srgb, var(--wp--custom--dark--text) 62%, transparent)"><?php echo esc_html__( 'Brand and web work that brings in customers.', 'origin-canvas' ); ?></p>
    2222<!-- /wp:paragraph --></div>
    23 <!-- /wp:column -->
    24 <!-- wp:column {"width":"65%"} -->
    25 <div class="wp-block-column" style="flex-basis:65%"><!-- wp:columns -->
    26 <div class="wp-block-columns"><!-- wp:column -->
    27 <div class="wp-block-column"><!-- wp:paragraph {"textColor":"on-dark","fontSize":"extra-small","style":{"typography":{"fontStyle":"normal","fontWeight":"600","letterSpacing":"0.02em"},"spacing":{"margin":{"bottom":"var:preset|spacing|small"}}}} -->
    28 <p class="has-on-dark-color has-text-color has-extra-small-font-size" style="margin-bottom:var(--wp--preset--spacing--small);font-style:normal;font-weight:600;letter-spacing:0.02em"><?php echo esc_html__( 'Theme', 'origin-canvas' ); ?></p>
     23<!-- /wp:group --><!-- wp:group {"layout":{"type":"default"}} -->
     24<div class="wp-block-group"><!-- wp:paragraph {"textColor":"base-2","fontSize":"regular","style":{"typography":{"fontStyle":"normal","fontWeight":"600"},"spacing":{"margin":{"bottom":"var:preset|spacing|small"}}}} -->
     25<p class="has-base-2-color has-text-color has-regular-font-size" style="margin-bottom:var(--wp--preset--spacing--small);font-style:normal;font-weight:600"><?php echo esc_html__( 'Studio', 'origin-canvas' ); ?></p>
    2926<!-- /wp:paragraph -->
    30 <!-- wp:group {"className":"has-small-font-size","style":{"spacing":{"blockGap":"var:preset|spacing|compact"}},"layout":{"type":"constrained"}} -->
    31 <div class="wp-block-group has-small-font-size"><!-- wp:paragraph {"style":{"color":{"text":"color-mix(in srgb, var(--wp--custom--dark--text) 62%, transparent)"}}} -->
    32 <p class="has-text-color" style="color:color-mix(in srgb, var(--wp--custom--dark--text) 62%, transparent)"><?php echo esc_html__( 'Features', 'origin-canvas' ); ?></p>
     27<!-- wp:group {"className":"has-small-font-size","layout":{"type":"constrained"}} -->
     28<div class="wp-block-group has-small-font-size"><!-- wp:paragraph {"style":{"color":{"text":"color-mix(in srgb, var(--wp--custom--dark--text) 62%, transparent)"},"elements":{"link":{"color":{"text":"inherit"},"typography":{"textDecoration":"none"},":hover":{"color":{"text":"var:preset|color|primary"}}}}}} -->
     29<p class="has-text-color has-link-color" style="color:color-mix(in srgb, var(--wp--custom--dark--text) 62%, transparent)"><a href="#"><?php echo esc_html__( 'Work', 'origin-canvas' ); ?></a></p>
    3330<!-- /wp:paragraph -->
    34 <!-- wp:paragraph {"style":{"color":{"text":"color-mix(in srgb, var(--wp--custom--dark--text) 62%, transparent)"}}} -->
    35 <p class="has-text-color" style="color:color-mix(in srgb, var(--wp--custom--dark--text) 62%, transparent)"><?php echo esc_html__( 'Patterns', 'origin-canvas' ); ?></p>
     31<!-- wp:paragraph {"style":{"color":{"text":"color-mix(in srgb, var(--wp--custom--dark--text) 62%, transparent)"},"elements":{"link":{"color":{"text":"inherit"},"typography":{"textDecoration":"none"},":hover":{"color":{"text":"var:preset|color|primary"}}}}}} -->
     32<p class="has-text-color has-link-color" style="color:color-mix(in srgb, var(--wp--custom--dark--text) 62%, transparent)"><a href="#"><?php echo esc_html__( 'Process', 'origin-canvas' ); ?></a></p>
    3633<!-- /wp:paragraph -->
    37 <!-- wp:paragraph {"style":{"color":{"text":"color-mix(in srgb, var(--wp--custom--dark--text) 62%, transparent)"}}} -->
    38 <p class="has-text-color" style="color:color-mix(in srgb, var(--wp--custom--dark--text) 62%, transparent)"><?php echo esc_html__( 'Style variations', 'origin-canvas' ); ?></p>
     34<!-- wp:paragraph {"style":{"color":{"text":"color-mix(in srgb, var(--wp--custom--dark--text) 62%, transparent)"},"elements":{"link":{"color":{"text":"inherit"},"typography":{"textDecoration":"none"},":hover":{"color":{"text":"var:preset|color|primary"}}}}}} -->
     35<p class="has-text-color has-link-color" style="color:color-mix(in srgb, var(--wp--custom--dark--text) 62%, transparent)"><a href="#"><?php echo esc_html__( 'Pricing', 'origin-canvas' ); ?></a></p>
    3936<!-- /wp:paragraph -->
    40 <!-- wp:paragraph {"style":{"color":{"text":"color-mix(in srgb, var(--wp--custom--dark--text) 62%, transparent)"}}} -->
    41 <p class="has-text-color" style="color:color-mix(in srgb, var(--wp--custom--dark--text) 62%, transparent)"><?php echo esc_html__( 'Templates', 'origin-canvas' ); ?></p>
    42 <!-- /wp:paragraph -->
    43 <!-- wp:paragraph {"style":{"color":{"text":"color-mix(in srgb, var(--wp--custom--dark--text) 62%, transparent)"}}} -->
    44 <p class="has-text-color" style="color:color-mix(in srgb, var(--wp--custom--dark--text) 62%, transparent)"><?php echo esc_html__( 'Changelog', 'origin-canvas' ); ?></p>
     37<!-- wp:paragraph {"style":{"color":{"text":"color-mix(in srgb, var(--wp--custom--dark--text) 62%, transparent)"},"elements":{"link":{"color":{"text":"inherit"},"typography":{"textDecoration":"none"},":hover":{"color":{"text":"var:preset|color|primary"}}}}}} -->
     38<p class="has-text-color has-link-color" style="color:color-mix(in srgb, var(--wp--custom--dark--text) 62%, transparent)"><a href="#"><?php echo esc_html__( 'Get in touch', 'origin-canvas' ); ?></a></p>
    4539<!-- /wp:paragraph --></div>
    4640<!-- /wp:group --></div>
    47 <!-- /wp:column -->
    48 <!-- wp:column -->
    49 <div class="wp-block-column"><!-- wp:paragraph {"textColor":"on-dark","fontSize":"extra-small","style":{"typography":{"fontStyle":"normal","fontWeight":"600","letterSpacing":"0.02em"},"spacing":{"margin":{"bottom":"var:preset|spacing|small"}}}} -->
    50 <p class="has-on-dark-color has-text-color has-extra-small-font-size" style="margin-bottom:var(--wp--preset--spacing--small);font-style:normal;font-weight:600;letter-spacing:0.02em"><?php echo esc_html__( 'Resources', 'origin-canvas' ); ?></p>
     41<!-- /wp:group --><!-- wp:group {"layout":{"type":"default"}} -->
     42<div class="wp-block-group"><!-- wp:paragraph {"textColor":"base-2","fontSize":"regular","style":{"typography":{"fontStyle":"normal","fontWeight":"600"},"spacing":{"margin":{"bottom":"var:preset|spacing|small"}}}} -->
     43<p class="has-base-2-color has-text-color has-regular-font-size" style="margin-bottom:var(--wp--preset--spacing--small);font-style:normal;font-weight:600"><?php echo esc_html__( 'Services', 'origin-canvas' ); ?></p>
    5144<!-- /wp:paragraph -->
    52 <!-- wp:group {"className":"has-small-font-size","style":{"spacing":{"blockGap":"var:preset|spacing|compact"}},"layout":{"type":"constrained"}} -->
    53 <div class="wp-block-group has-small-font-size"><!-- wp:paragraph {"style":{"color":{"text":"color-mix(in srgb, var(--wp--custom--dark--text) 62%, transparent)"}}} -->
    54 <p class="has-text-color" style="color:color-mix(in srgb, var(--wp--custom--dark--text) 62%, transparent)"><?php echo esc_html__( 'Documentation', 'origin-canvas' ); ?></p>
     45<!-- wp:group {"className":"has-small-font-size","layout":{"type":"constrained"}} -->
     46<div class="wp-block-group has-small-font-size"><!-- wp:paragraph {"style":{"color":{"text":"color-mix(in srgb, var(--wp--custom--dark--text) 62%, transparent)"},"elements":{"link":{"color":{"text":"inherit"},"typography":{"textDecoration":"none"},":hover":{"color":{"text":"var:preset|color|primary"}}}}}} -->
     47<p class="has-text-color has-link-color" style="color:color-mix(in srgb, var(--wp--custom--dark--text) 62%, transparent)"><a href="#"><?php echo esc_html__( 'Brand identity', 'origin-canvas' ); ?></a></p>
    5548<!-- /wp:paragraph -->
    56 <!-- wp:paragraph {"style":{"color":{"text":"color-mix(in srgb, var(--wp--custom--dark--text) 62%, transparent)"}}} -->
    57 <p class="has-text-color" style="color:color-mix(in srgb, var(--wp--custom--dark--text) 62%, transparent)"><?php echo esc_html__( 'Live demo', 'origin-canvas' ); ?></p>
     49<!-- wp:paragraph {"style":{"color":{"text":"color-mix(in srgb, var(--wp--custom--dark--text) 62%, transparent)"},"elements":{"link":{"color":{"text":"inherit"},"typography":{"textDecoration":"none"},":hover":{"color":{"text":"var:preset|color|primary"}}}}}} -->
     50<p class="has-text-color has-link-color" style="color:color-mix(in srgb, var(--wp--custom--dark--text) 62%, transparent)"><a href="#"><?php echo esc_html__( 'Websites', 'origin-canvas' ); ?></a></p>
    5851<!-- /wp:paragraph -->
    59 <!-- wp:paragraph {"style":{"color":{"text":"color-mix(in srgb, var(--wp--custom--dark--text) 62%, transparent)"}}} -->
    60 <p class="has-text-color" style="color:color-mix(in srgb, var(--wp--custom--dark--text) 62%, transparent)"><?php echo esc_html__( 'Starter content', 'origin-canvas' ); ?></p>
     52<!-- wp:paragraph {"style":{"color":{"text":"color-mix(in srgb, var(--wp--custom--dark--text) 62%, transparent)"},"elements":{"link":{"color":{"text":"inherit"},"typography":{"textDecoration":"none"},":hover":{"color":{"text":"var:preset|color|primary"}}}}}} -->
     53<p class="has-text-color has-link-color" style="color:color-mix(in srgb, var(--wp--custom--dark--text) 62%, transparent)"><a href="#"><?php echo esc_html__( 'Copywriting', 'origin-canvas' ); ?></a></p>
    6154<!-- /wp:paragraph -->
    62 <!-- wp:paragraph {"style":{"color":{"text":"color-mix(in srgb, var(--wp--custom--dark--text) 62%, transparent)"}}} -->
    63 <p class="has-text-color" style="color:color-mix(in srgb, var(--wp--custom--dark--text) 62%, transparent)"><?php echo esc_html__( 'Support', 'origin-canvas' ); ?></p>
     55<!-- wp:paragraph {"style":{"color":{"text":"color-mix(in srgb, var(--wp--custom--dark--text) 62%, transparent)"},"elements":{"link":{"color":{"text":"inherit"},"typography":{"textDecoration":"none"},":hover":{"color":{"text":"var:preset|color|primary"}}}}}} -->
     56<p class="has-text-color has-link-color" style="color:color-mix(in srgb, var(--wp--custom--dark--text) 62%, transparent)"><a href="#"><?php echo esc_html__( 'Site refreshes', 'origin-canvas' ); ?></a></p>
    6457<!-- /wp:paragraph --></div>
    6558<!-- /wp:group --></div>
    66 <!-- /wp:column -->
    67 <!-- wp:column -->
    68 <div class="wp-block-column"><!-- wp:paragraph {"textColor":"on-dark","fontSize":"extra-small","style":{"typography":{"fontStyle":"normal","fontWeight":"600","letterSpacing":"0.02em"},"spacing":{"margin":{"bottom":"var:preset|spacing|small"}}}} -->
    69 <p class="has-on-dark-color has-text-color has-extra-small-font-size" style="margin-bottom:var(--wp--preset--spacing--small);font-style:normal;font-weight:600;letter-spacing:0.02em"><?php echo esc_html__( 'Project', 'origin-canvas' ); ?></p>
     59<!-- /wp:group --><!-- wp:group {"layout":{"type":"default"}} -->
     60<div class="wp-block-group"><!-- wp:paragraph {"textColor":"base-2","fontSize":"regular","style":{"typography":{"fontStyle":"normal","fontWeight":"600"},"spacing":{"margin":{"bottom":"var:preset|spacing|small"}}}} -->
     61<p class="has-base-2-color has-text-color has-regular-font-size" style="margin-bottom:var(--wp--preset--spacing--small);font-style:normal;font-weight:600"><?php echo esc_html__( 'Company', 'origin-canvas' ); ?></p>
    7062<!-- /wp:paragraph -->
    71 <!-- wp:group {"className":"has-small-font-size","style":{"spacing":{"blockGap":"var:preset|spacing|compact"}},"layout":{"type":"constrained"}} -->
    72 <div class="wp-block-group has-small-font-size"><!-- wp:paragraph {"style":{"color":{"text":"color-mix(in srgb, var(--wp--custom--dark--text) 62%, transparent)"}}} -->
    73 <p class="has-text-color" style="color:color-mix(in srgb, var(--wp--custom--dark--text) 62%, transparent)"><?php echo esc_html__( 'GitHub', 'origin-canvas' ); ?></p>
     63<!-- wp:group {"className":"has-small-font-size","layout":{"type":"constrained"}} -->
     64<div class="wp-block-group has-small-font-size"><!-- wp:paragraph {"style":{"color":{"text":"color-mix(in srgb, var(--wp--custom--dark--text) 62%, transparent)"},"elements":{"link":{"color":{"text":"inherit"},"typography":{"textDecoration":"none"},":hover":{"color":{"text":"var:preset|color|primary"}}}}}} -->
     65<p class="has-text-color has-link-color" style="color:color-mix(in srgb, var(--wp--custom--dark--text) 62%, transparent)"><a href="#"><?php echo esc_html__( 'About', 'origin-canvas' ); ?></a></p>
    7466<!-- /wp:paragraph -->
    75 <!-- wp:paragraph {"style":{"color":{"text":"color-mix(in srgb, var(--wp--custom--dark--text) 62%, transparent)"}}} -->
    76 <p class="has-text-color" style="color:color-mix(in srgb, var(--wp--custom--dark--text) 62%, transparent)"><?php echo esc_html__( 'WordPress.org', 'origin-canvas' ); ?></p>
     67<!-- wp:paragraph {"style":{"color":{"text":"color-mix(in srgb, var(--wp--custom--dark--text) 62%, transparent)"},"elements":{"link":{"color":{"text":"inherit"},"typography":{"textDecoration":"none"},":hover":{"color":{"text":"var:preset|color|primary"}}}}}} -->
     68<p class="has-text-color has-link-color" style="color:color-mix(in srgb, var(--wp--custom--dark--text) 62%, transparent)"><a href="#"><?php echo esc_html__( 'Journal', 'origin-canvas' ); ?></a></p>
    7769<!-- /wp:paragraph -->
    78 <!-- wp:paragraph {"style":{"color":{"text":"color-mix(in srgb, var(--wp--custom--dark--text) 62%, transparent)"}}} -->
    79 <p class="has-text-color" style="color:color-mix(in srgb, var(--wp--custom--dark--text) 62%, transparent)"><?php echo esc_html__( 'License (GPL)', 'origin-canvas' ); ?></p>
     70<!-- wp:paragraph {"style":{"color":{"text":"color-mix(in srgb, var(--wp--custom--dark--text) 62%, transparent)"},"elements":{"link":{"color":{"text":"inherit"},"typography":{"textDecoration":"none"},":hover":{"color":{"text":"var:preset|color|primary"}}}}}} -->
     71<p class="has-text-color has-link-color" style="color:color-mix(in srgb, var(--wp--custom--dark--text) 62%, transparent)"><a href="#"><?php echo esc_html__( 'Careers', 'origin-canvas' ); ?></a></p>
    8072<!-- /wp:paragraph -->
    81 <!-- wp:paragraph {"style":{"color":{"text":"color-mix(in srgb, var(--wp--custom--dark--text) 62%, transparent)"}}} -->
    82 <p class="has-text-color" style="color:color-mix(in srgb, var(--wp--custom--dark--text) 62%, transparent)"><?php echo esc_html__( 'Contributing', 'origin-canvas' ); ?></p>
     73<!-- wp:paragraph {"style":{"color":{"text":"color-mix(in srgb, var(--wp--custom--dark--text) 62%, transparent)"},"elements":{"link":{"color":{"text":"inherit"},"typography":{"textDecoration":"none"},":hover":{"color":{"text":"var:preset|color|primary"}}}}}} -->
     74<p class="has-text-color has-link-color" style="color:color-mix(in srgb, var(--wp--custom--dark--text) 62%, transparent)"><a href="#"><?php echo esc_html__( 'Privacy policy', 'origin-canvas' ); ?></a></p>
    8375<!-- /wp:paragraph --></div>
    8476<!-- /wp:group --></div>
    85 <!-- /wp:column --></div>
    86 <!-- /wp:columns --></div>
    87 <!-- /wp:column --></div>
    88 <!-- /wp:columns -->
    89 <!-- wp:spacer {"height":"var:preset|spacing|large","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
    90 <div style="margin-top:0;margin-bottom:0;height:var(--wp--preset--spacing--large)" aria-hidden="true" class="wp-block-spacer"></div>
     77<!-- /wp:group --></div>
     78<!-- /wp:group -->
     79<!-- wp:spacer {"height":"var:preset|spacing|jumbo","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
     80<div style="margin-top:0;margin-bottom:0;height:var(--wp--preset--spacing--jumbo)" aria-hidden="true" class="wp-block-spacer"></div>
    9181<!-- /wp:spacer -->
    92 <!-- wp:group {"align":"wide","layout":{"type":"flex","justifyContent":"space-between","verticalAlignment":"center"}} -->
    93 <div class="wp-block-group alignwide"><!-- wp:paragraph {"style":{"color":{"text":"color-mix(in srgb, var(--wp--custom--dark--text) 50%, transparent)"}},"fontSize":"extra-small"} -->
    94 <p class="has-text-color has-extra-small-font-size" style="color:color-mix(in srgb, var(--wp--custom--dark--text) 50%, transparent)"><?php echo esc_html__( '&copy; 2026 Origin Canvas. Released under the GPL.', 'origin-canvas' ); ?></p>
    95 <!-- /wp:paragraph -->
    96 <!-- wp:paragraph {"style":{"color":{"text":"color-mix(in srgb, var(--wp--custom--dark--text) 50%, transparent)"}},"fontSize":"extra-small"} -->
    97 <p class="has-text-color has-extra-small-font-size" style="color:color-mix(in srgb, var(--wp--custom--dark--text) 50%, transparent)"><?php echo esc_html__( 'v1.0 · WordPress 6.5+ · theme.json v3', 'origin-canvas' ); ?></p>
     82<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"0"}}}} -->
     83<div class="wp-block-group alignwide" style="padding-top:0"><!-- wp:group {"layout":{"type":"flex","justifyContent":"space-between","verticalAlignment":"center"}} -->
     84<div class="wp-block-group"><!-- wp:group {"style":{"color":{"text":"color-mix(in srgb, var(--wp--custom--dark--text) 50%, transparent)"},"spacing":{"blockGap":"var:preset|spacing|extra-small"}},"layout":{"type":"flex","verticalAlignment":"center"}} -->
     85<div class="wp-block-group has-text-color" style="color:color-mix(in srgb, var(--wp--custom--dark--text) 50%, transparent)"><!-- wp:site-title {"level":0,"isLink":false,"fontSize":"small","style":{"typography":{"fontWeight":"400","lineHeight":"1.5"}}} /-->
     86<!-- wp:paragraph {"style":{"color":{"text":"color-mix(in srgb, var(--wp--custom--dark--text) 50%, transparent)"}},"fontSize":"small"} -->
     87<p class="has-text-color has-small-font-size" style="color:color-mix(in srgb, var(--wp--custom--dark--text) 50%, transparent)"><?php echo esc_html__( '&copy; 2026. All rights reserved.', 'origin-canvas' ); ?></p>
    9888<!-- /wp:paragraph --></div>
     89<!-- /wp:group -->
     90<!-- wp:social-links {"iconColor":"base-2","size":"has-normal-icon-size","className":"has-icon-color is-style-logos-only","style":{"spacing":{"margin":{"right":"0","left":"0"}}},"layout":{"type":"flex","justifyContent":"right"}} -->
     91<ul class="wp-block-social-links has-normal-icon-size has-icon-color is-style-logos-only" style="margin-right:0;margin-left:0"><!-- wp:social-link {"url":"#","service":"x"} /-->
     92<!-- wp:social-link {"url":"#","service":"github"} /-->
     93<!-- wp:social-link {"url":"#","service":"linkedin"} /--></ul>
     94<!-- /wp:social-links --></div>
     95<!-- /wp:group --></div>
    9996<!-- /wp:group --></footer>
    10097<!-- /wp:group -->

  • origin-canvas/1.4.3/patterns/footer-default.php

    r347102 r356743  
    33 * Title: Footer
    44 * Slug: origin-canvas/footer-default
    5  * Description: The site footer with a short studio note, link columns, and a legal row.
     5 * Description: A footer with the site title and a short line, three groups of links spread across the width, and a copyright line with social icons.
    66 * Categories: footer
    77 * Keywords:
    … …  
    1414 */
    1515?>
    16 <!-- wp:group {"tagName":"footer","metadata":{"name":"Footer"},"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"}},"border":{"top":{"color":"var:preset|color|border","width":"1px"}}},"backgroundColor":"surface-base","layout":{"inherit":true,"type":"constrained"}} -->
    17 <footer class="wp-block-group alignfull has-surface-base-background-color has-background" style="border-top-color:var(--wp--preset--color--border);border-top-width:1px;padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:columns {"align":"wide"} -->
    18 <div class="wp-block-columns alignwide"><!-- wp:column {"width":"35%","className":"stack-16"} -->
    19 <div class="wp-block-column stack-16" style="flex-basis:35%"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"var:preset|spacing|small"}}},"textColor":"text-body","fontSize":"small"} -->
    20 <p class="has-text-body-color has-text-color has-small-font-size" style="margin-top:var(--wp--preset--spacing--small)"><?php echo esc_html__( 'A small studio for brand and web work. Three of us, one project a month.', 'origin-canvas' ); ?></p>
     16<!-- wp:group {"tagName":"footer","metadata":{"name":"Footer"},"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"}},"border":{"top":{"color":"var:preset|color|base-5","width":"1px"}}},"backgroundColor":"base","layout":{"inherit":true,"type":"constrained"}} -->
     17<footer class="wp-block-group alignfull has-base-background-color has-background" style="border-top-color:var(--wp--preset--color--base-5);border-top-width:1px;padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:group {"align":"wide","layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between","verticalAlignment":"top"}} -->
     18<div class="wp-block-group alignwide"><!-- wp:group {"className":"stack-16","layout":{"type":"default"}} -->
     19<div class="wp-block-group stack-16"><!-- wp:site-title {"level":0,"style":{"spacing":{"margin":{"bottom":"0px","top":"0px"}},"elements":{"link":{"color":{"text":"var:preset|color|contrast"},":hover":{"color":{"text":"var:preset|color|primary"}}}}},"textColor":"contrast"} /-->
     20<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"var:preset|spacing|small"}}},"textColor":"contrast-2","fontSize":"small"} -->
     21<p class="has-contrast-2-color has-text-color has-small-font-size" style="margin-top:var(--wp--preset--spacing--small)"><?php echo esc_html__( 'Brand and web work that brings in customers.', 'origin-canvas' ); ?></p>
    2122<!-- /wp:paragraph --></div>
    22 <!-- /wp:column -->
    23 <!-- wp:column {"width":"65%"} -->
    24 <div class="wp-block-column" style="flex-basis:65%"><!-- wp:columns -->
    25 <div class="wp-block-columns"><!-- wp:column -->
    26 <div class="wp-block-column"><!-- wp:paragraph {"className":"has-text-heading-color","style":{"typography":{"fontStyle":"normal","fontWeight":"600"},"spacing":{"margin":{"bottom":"var:preset|spacing|small"}}},"textColor":"text-heading","fontSize":"regular"} -->
    27 <p class="has-text-heading-color has-text-color has-regular-font-size" style="margin-bottom:var(--wp--preset--spacing--small);font-style:normal;font-weight:600"><?php echo esc_html__( 'Studio', 'origin-canvas' ); ?></p>
     23<!-- /wp:group --><!-- wp:group {"layout":{"type":"default"}} -->
     24<div class="wp-block-group"><!-- wp:paragraph {"className":"has-contrast-color","style":{"typography":{"fontStyle":"normal","fontWeight":"600"},"spacing":{"margin":{"bottom":"var:preset|spacing|small"}}},"textColor":"contrast","fontSize":"regular"} -->
     25<p class="has-contrast-color has-text-color has-regular-font-size" style="margin-bottom:var(--wp--preset--spacing--small);font-style:normal;font-weight:600"><?php echo esc_html__( 'Studio', 'origin-canvas' ); ?></p>
    2826<!-- /wp:paragraph -->
    2927<!-- wp:group {"className":"has-small-font-size","layout":{"type":"constrained"}} -->
    30 <div class="wp-block-group has-small-font-size"><!-- wp:paragraph {"textColor":"text-body"} -->
    31 <p class="has-text-body-color has-text-color"><?php echo esc_html__( 'Work', 'origin-canvas' ); ?></p>
     28<div class="wp-block-group has-small-font-size"><!-- wp:paragraph {"textColor":"contrast-2","style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast-2"},"typography":{"textDecoration":"none"},":hover":{"color":{"text":"var:preset|color|primary"}}}}}} -->
     29<p class="has-contrast-2-color has-text-color has-link-color"><a href="#"><?php echo esc_html__( 'Work', 'origin-canvas' ); ?></a></p>
    3230<!-- /wp:paragraph -->
    33 <!-- wp:paragraph {"textColor":"text-body"} -->
    34 <p class="has-text-body-color has-text-color"><?php echo esc_html__( 'Process', 'origin-canvas' ); ?></p>
     31<!-- wp:paragraph {"textColor":"contrast-2","style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast-2"},"typography":{"textDecoration":"none"},":hover":{"color":{"text":"var:preset|color|primary"}}}}}} -->
     32<p class="has-contrast-2-color has-text-color has-link-color"><a href="#"><?php echo esc_html__( 'Process', 'origin-canvas' ); ?></a></p>
    3533<!-- /wp:paragraph -->
    36 <!-- wp:paragraph {"textColor":"text-body"} -->
    37 <p class="has-text-body-color has-text-color"><?php echo esc_html__( 'Pricing', 'origin-canvas' ); ?></p>
     34<!-- wp:paragraph {"textColor":"contrast-2","style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast-2"},"typography":{"textDecoration":"none"},":hover":{"color":{"text":"var:preset|color|primary"}}}}}} -->
     35<p class="has-contrast-2-color has-text-color has-link-color"><a href="#"><?php echo esc_html__( 'Pricing', 'origin-canvas' ); ?></a></p>
    3836<!-- /wp:paragraph -->
    39 <!-- wp:paragraph {"textColor":"text-body"} -->
    40 <p class="has-text-body-color has-text-color"><?php echo esc_html__( 'Get in touch', 'origin-canvas' ); ?></p>
     37<!-- wp:paragraph {"textColor":"contrast-2","style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast-2"},"typography":{"textDecoration":"none"},":hover":{"color":{"text":"var:preset|color|primary"}}}}}} -->
     38<p class="has-contrast-2-color has-text-color has-link-color"><a href="#"><?php echo esc_html__( 'Get in touch', 'origin-canvas' ); ?></a></p>
    4139<!-- /wp:paragraph --></div>
    4240<!-- /wp:group --></div>
    43 <!-- /wp:column -->
    44 <!-- wp:column -->
    45 <div class="wp-block-column"><!-- wp:paragraph {"className":"has-text-heading-color","style":{"typography":{"fontStyle":"normal","fontWeight":"600"},"spacing":{"margin":{"bottom":"var:preset|spacing|small"}}},"textColor":"text-heading","fontSize":"regular"} -->
    46 <p class="has-text-heading-color has-text-color has-regular-font-size" style="margin-bottom:var(--wp--preset--spacing--small);font-style:normal;font-weight:600"><?php echo esc_html__( 'Studio notes', 'origin-canvas' ); ?></p>
     41<!-- /wp:group --><!-- wp:group {"layout":{"type":"default"}} -->
     42<div class="wp-block-group"><!-- wp:paragraph {"className":"has-contrast-color","style":{"typography":{"fontStyle":"normal","fontWeight":"600"},"spacing":{"margin":{"bottom":"var:preset|spacing|small"}}},"textColor":"contrast","fontSize":"regular"} -->
     43<p class="has-contrast-color has-text-color has-regular-font-size" style="margin-bottom:var(--wp--preset--spacing--small);font-style:normal;font-weight:600"><?php echo esc_html__( 'Services', 'origin-canvas' ); ?></p>
    4744<!-- /wp:paragraph -->
    4845<!-- wp:group {"className":"has-small-font-size","layout":{"type":"constrained"}} -->
    49 <div class="wp-block-group has-small-font-size"><!-- wp:paragraph {"textColor":"text-body"} -->
    50 <p class="has-text-body-color has-text-color"><?php echo esc_html__( 'About', 'origin-canvas' ); ?></p>
     46<div class="wp-block-group has-small-font-size"><!-- wp:paragraph {"textColor":"contrast-2","style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast-2"},"typography":{"textDecoration":"none"},":hover":{"color":{"text":"var:preset|color|primary"}}}}}} -->
     47<p class="has-contrast-2-color has-text-color has-link-color"><a href="#"><?php echo esc_html__( 'Brand identity', 'origin-canvas' ); ?></a></p>
    5148<!-- /wp:paragraph -->
    52 <!-- wp:paragraph {"textColor":"text-body"} -->
    53 <p class="has-text-body-color has-text-color"><?php echo esc_html__( 'Journal', 'origin-canvas' ); ?></p>
     49<!-- wp:paragraph {"textColor":"contrast-2","style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast-2"},"typography":{"textDecoration":"none"},":hover":{"color":{"text":"var:preset|color|primary"}}}}}} -->
     50<p class="has-contrast-2-color has-text-color has-link-color"><a href="#"><?php echo esc_html__( 'Websites', 'origin-canvas' ); ?></a></p>
    5451<!-- /wp:paragraph -->
    55 <!-- wp:paragraph {"textColor":"text-body"} -->
    56 <p class="has-text-body-color has-text-color"><?php echo esc_html__( 'Quarterly notes', 'origin-canvas' ); ?></p>
     52<!-- wp:paragraph {"textColor":"contrast-2","style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast-2"},"typography":{"textDecoration":"none"},":hover":{"color":{"text":"var:preset|color|primary"}}}}}} -->
     53<p class="has-contrast-2-color has-text-color has-link-color"><a href="#"><?php echo esc_html__( 'Copywriting', 'origin-canvas' ); ?></a></p>
    5754<!-- /wp:paragraph -->
    58 <!-- wp:paragraph {"textColor":"text-body"} -->
    59 <p class="has-text-body-color has-text-color"><?php echo esc_html__( 'Field notes', 'origin-canvas' ); ?></p>
     55<!-- wp:paragraph {"textColor":"contrast-2","style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast-2"},"typography":{"textDecoration":"none"},":hover":{"color":{"text":"var:preset|color|primary"}}}}}} -->
     56<p class="has-contrast-2-color has-text-color has-link-color"><a href="#"><?php echo esc_html__( 'Site refreshes', 'origin-canvas' ); ?></a></p>
    6057<!-- /wp:paragraph --></div>
    6158<!-- /wp:group --></div>
    62 <!-- /wp:column -->
    63 <!-- wp:column -->
    64 <div class="wp-block-column"><!-- wp:paragraph {"className":"has-text-heading-color","style":{"typography":{"fontStyle":"normal","fontWeight":"600"},"spacing":{"margin":{"bottom":"var:preset|spacing|small"}}},"textColor":"text-heading","fontSize":"regular"} -->
    65 <p class="has-text-heading-color has-text-color has-regular-font-size" style="margin-bottom:var(--wp--preset--spacing--small);font-style:normal;font-weight:600"><?php echo esc_html__( 'Useful things', 'origin-canvas' ); ?></p>
     59<!-- /wp:group --><!-- wp:group {"layout":{"type":"default"}} -->
     60<div class="wp-block-group"><!-- wp:paragraph {"className":"has-contrast-color","style":{"typography":{"fontStyle":"normal","fontWeight":"600"},"spacing":{"margin":{"bottom":"var:preset|spacing|small"}}},"textColor":"contrast","fontSize":"regular"} -->
     61<p class="has-contrast-color has-text-color has-regular-font-size" style="margin-bottom:var(--wp--preset--spacing--small);font-style:normal;font-weight:600"><?php echo esc_html__( 'Company', 'origin-canvas' ); ?></p>
    6662<!-- /wp:paragraph -->
    6763<!-- wp:group {"className":"has-small-font-size","layout":{"type":"constrained"}} -->
    68 <div class="wp-block-group has-small-font-size"><!-- wp:paragraph {"textColor":"text-body"} -->
    69 <p class="has-text-body-color has-text-color"><?php echo esc_html__( 'Reading list', 'origin-canvas' ); ?></p>
     64<div class="wp-block-group has-small-font-size"><!-- wp:paragraph {"textColor":"contrast-2","style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast-2"},"typography":{"textDecoration":"none"},":hover":{"color":{"text":"var:preset|color|primary"}}}}}} -->
     65<p class="has-contrast-2-color has-text-color has-link-color"><a href="#"><?php echo esc_html__( 'About', 'origin-canvas' ); ?></a></p>
    7066<!-- /wp:paragraph -->
    71 <!-- wp:paragraph {"textColor":"text-body"} -->
    72 <p class="has-text-body-color has-text-color"><?php echo esc_html__( 'Tools we use', 'origin-canvas' ); ?></p>
     67<!-- wp:paragraph {"textColor":"contrast-2","style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast-2"},"typography":{"textDecoration":"none"},":hover":{"color":{"text":"var:preset|color|primary"}}}}}} -->
     68<p class="has-contrast-2-color has-text-color has-link-color"><a href="#"><?php echo esc_html__( 'Journal', 'origin-canvas' ); ?></a></p>
    7369<!-- /wp:paragraph -->
    74 <!-- wp:paragraph {"textColor":"text-body"} -->
    75 <p class="has-text-body-color has-text-color"><?php echo esc_html__( 'Past clients', 'origin-canvas' ); ?></p>
     70<!-- wp:paragraph {"textColor":"contrast-2","style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast-2"},"typography":{"textDecoration":"none"},":hover":{"color":{"text":"var:preset|color|primary"}}}}}} -->
     71<p class="has-contrast-2-color has-text-color has-link-color"><a href="#"><?php echo esc_html__( 'Careers', 'origin-canvas' ); ?></a></p>
    7672<!-- /wp:paragraph -->
    77 <!-- wp:paragraph {"textColor":"text-body"} -->
    78 <p class="has-text-body-color has-text-color"><?php echo esc_html__( 'Contact', 'origin-canvas' ); ?></p>
     73<!-- wp:paragraph {"textColor":"contrast-2","style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast-2"},"typography":{"textDecoration":"none"},":hover":{"color":{"text":"var:preset|color|primary"}}}}}} -->
     74<p class="has-contrast-2-color has-text-color has-link-color"><a href="#"><?php echo esc_html__( 'Privacy policy', 'origin-canvas' ); ?></a></p>
    7975<!-- /wp:paragraph --></div>
    8076<!-- /wp:group --></div>
    81 <!-- /wp:column --></div>
    82 <!-- /wp:columns --></div>
    83 <!-- /wp:column --></div>
    84 <!-- /wp:columns -->
     77<!-- /wp:group --></div>
     78<!-- /wp:group -->
    8579<!-- wp:spacer {"height":"var:preset|spacing|jumbo","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
    8680<div style="margin-top:0;margin-bottom:0;height:var(--wp--preset--spacing--jumbo)" aria-hidden="true" class="wp-block-spacer"></div>
    8781<!-- /wp:spacer -->
    88 <!-- wp:group {"align":"wide","className":"has-text-body-color has-text-color","style":{"spacing":{"padding":{"top":"0"}}}} -->
    89 <div class="wp-block-group alignwide has-text-body-color has-text-color" style="padding-top:0"><!-- wp:group {"layout":{"type":"flex","justifyContent":"space-between","verticalAlignment":"center"}} -->
    90 <div class="wp-block-group"><!-- wp:paragraph {"textColor":"text-body","fontSize":"small"} -->
    91 <p class="has-text-body-color has-text-color has-small-font-size"><?php echo esc_html__( '&copy; 2026. Built with care.', 'origin-canvas' ); ?></p>
    92 <!-- /wp:paragraph -->
    93 <!-- wp:social-links {"iconColor":"text-body","size":"has-normal-icon-size","className":"has-icon-color is-style-logos-only","style":{"spacing":{"margin":{"right":"0","left":"0"}}},"layout":{"type":"flex","justifyContent":"right"}} -->
     82<!-- wp:group {"align":"wide","className":"has-contrast-2-color has-text-color","style":{"spacing":{"padding":{"top":"0"}}}} -->
     83<div class="wp-block-group alignwide has-contrast-2-color has-text-color" style="padding-top:0"><!-- wp:group {"layout":{"type":"flex","justifyContent":"space-between","verticalAlignment":"center"}} -->
     84<div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|extra-small"}},"layout":{"type":"flex","verticalAlignment":"center"}} -->
     85<div class="wp-block-group"><!-- wp:site-title {"level":0,"isLink":false,"fontSize":"small","style":{"typography":{"fontWeight":"400","lineHeight":"1.5"}}} /-->
     86<!-- wp:paragraph {"textColor":"contrast-2","fontSize":"small"} -->
     87<p class="has-contrast-2-color has-text-color has-small-font-size"><?php echo esc_html__( '&copy; 2026. All rights reserved.', 'origin-canvas' ); ?></p>
     88<!-- /wp:paragraph --></div>
     89<!-- /wp:group -->
     90<!-- wp:social-links {"iconColor":"contrast-2","size":"has-normal-icon-size","className":"has-icon-color is-style-logos-only","style":{"spacing":{"margin":{"right":"0","left":"0"}}},"layout":{"type":"flex","justifyContent":"right"}} -->
    9491<ul class="wp-block-social-links has-normal-icon-size has-icon-color is-style-logos-only" style="margin-right:0;margin-left:0"><!-- wp:social-link {"url":"#","service":"x"} /-->
    9592<!-- wp:social-link {"url":"#","service":"github"} /-->

  • origin-canvas/1.4.3/patterns/header-default.php

    r347102 r356743  
    1515
    1616?>
    17 <!-- wp:group {"metadata":{"name":"Header"},"align":"full","className":"origin-canvas-header has-surface-base-background-color has-text-primary-color has-background has-link-color","style":{"spacing":{"padding":{"top":"var:preset|spacing|large","bottom":"var:preset|spacing|large"}},"border":{"top":{"width":"0px","style":"none"},"right":{"width":"0px","style":"none"},"bottom":{"color":"var:preset|color|border","width":"1px"},"left":{"width":"0px","style":"none"}}},"layout":{"type":"constrained","inherit":true}} -->
    18 <div class="wp-block-group alignfull origin-canvas-header has-surface-base-background-color has-text-primary-color has-background has-link-color" style="border-top-style:none;border-top-width:0px;border-right-style:none;border-right-width:0px;border-bottom-color:var(--wp--preset--color--border);border-bottom-width:1px;border-left-style:none;border-left-width:0px;padding-top:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large)"><!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"flex","justifyContent":"space-between","flexWrap":"wrap","verticalAlignment":"center"}} -->
    19 <div class="wp-block-group alignwide"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|compact"}},"layout":{"type":"flex","flexWrap":"wrap","verticalAlignment":"center"}} -->
    20 <div class="wp-block-group"><!-- wp:site-title {"level":0,"style":{"spacing":{"margin":{"bottom":"0px","top":"0px"}},"elements":{"link":{"color":{"text":"var:preset|color|text-heading"},":hover":{"color":{"text":"var:preset|color|primary"}}}}},"textColor":"text-heading"} /--></div>
     17<!-- wp:group {"metadata":{"name":"Header"},"align":"full","className":"origin-canvas-header has-base-background-color has-text-primary-color has-background has-link-color","style":{"spacing":{"padding":{"top":"var:preset|spacing|large","bottom":"var:preset|spacing|large"}},"border":{"top":{"width":"0px","style":"none"},"right":{"width":"0px","style":"none"},"bottom":{"color":"var:preset|color|base-5","width":"1px"},"left":{"width":"0px","style":"none"}}},"layout":{"type":"constrained","inherit":true}} -->
     18<div class="wp-block-group alignfull origin-canvas-header has-base-background-color has-text-primary-color has-background has-link-color" style="border-top-style:none;border-top-width:0px;border-right-style:none;border-right-width:0px;border-bottom-color:var(--wp--preset--color--base-5);border-bottom-width:1px;border-left-style:none;border-left-width:0px;padding-top:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large)"><!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"flex","justifyContent":"space-between","flexWrap":"wrap","verticalAlignment":"center"}} -->
     19<div class="wp-block-group alignwide"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small-medium"}},"layout":{"type":"flex","flexWrap":"wrap","verticalAlignment":"center"}} -->
     20<div class="wp-block-group"><!-- wp:site-title {"level":0,"style":{"spacing":{"margin":{"bottom":"0px","top":"0px"}},"elements":{"link":{"color":{"text":"var:preset|color|contrast"},":hover":{"color":{"text":"var:preset|color|primary"}}}}},"textColor":"contrast"} /--></div>
    2121<!-- /wp:group -->
    2222
    23 <!-- wp:navigation {"overlay":"mobile-menu","textColor":"text-heading","className":"origin-canvas-main-nav is-style-origin-canvas-hover-pill","style":{"spacing":{"blockGap":"var:preset|spacing|extra-large"},"typography":{"fontWeight":"500","fontStyle":"normal"}},"fontSize":"small","layout":{"type":"flex","justifyContent":"center","flexWrap":"wrap"}} /--></div>
     23<!-- wp:navigation {"overlay":"mobile-menu","textColor":"contrast","className":"origin-canvas-main-nav is-style-origin-canvas-hover-pill","style":{"spacing":{"blockGap":"var:preset|spacing|extra-large"},"typography":{"fontWeight":"500","fontStyle":"normal"}},"fontSize":"small","layout":{"type":"flex","justifyContent":"center","flexWrap":"wrap"}} /--></div>
    2424<!-- /wp:group --></div>
    2525<!-- /wp:group -->

  • origin-canvas/1.4.3/patterns/hero-canvas.php

    r347102 r356743  
    33 * Title: Hero Canvas
    44 * Slug: origin-canvas/hero-canvas
     5 * Description: A hero on a faint grid backdrop with a soft corner glow, two calls to action and a meta line.
    56 * Categories: origin-canvas/hero
    6  * Keywords: landing, intro, centered, gradient, theme
    7  * Block Types: core/post-content
     7 * Keywords: landing page, introduction, centered, gradient, theme
     8 * Viewport Width: 1500
     9 * Block Types:
     10 * Post Types:
    811 * Inserter: true
    912 *
    … …  
    1215
    1316?>
    14 <!-- wp:group {"tagName":"section","align":"full","className":"origin-canvas-canvas-grid","style":{"spacing":{"padding":{"top":"var:preset|spacing|massive","bottom":"var:preset|spacing|massive"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained","contentSize":"880px","wideSize":"1200px"}} -->
    15 <section class="wp-block-group alignfull origin-canvas-canvas-grid" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--massive);padding-bottom:var(--wp--preset--spacing--massive)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|large"}},"layout":{"type":"default"}} -->
    16 <div class="wp-block-group"><!-- wp:paragraph {"align":"center","style":{"typography":{"textTransform":"uppercase","fontWeight":"600","letterSpacing":"0.08em"},"spacing":{"margin":{"bottom":"var:preset|spacing|small"}}},"textColor":"primary","fontSize":"small"} -->
    17 <p class="has-text-align-center has-primary-color has-text-color has-small-font-size" style="margin-bottom:var(--wp--preset--spacing--small);font-weight:600;letter-spacing:0.08em;text-transform:uppercase"><?php echo esc_html__( 'The Origin Canvas block theme', 'origin-canvas' ); ?></p>
     17<!-- wp:group {"tagName":"section","align":"full","className":"origin-canvas-canvas-grid","style":{"spacing":{"padding":{"top":"var:preset|spacing|massive","bottom":"var:preset|spacing|massive"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} -->
     18<section class="wp-block-group alignfull origin-canvas-canvas-grid" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--massive);padding-bottom:var(--wp--preset--spacing--massive)"><!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"var:preset|spacing|large"}},"layout":{"type":"constrained"}} -->
     19<div class="wp-block-group alignwide"><!-- wp:paragraph {"className":"origin-canvas-eyebrow","style":{"typography":{"textTransform":"uppercase","fontWeight":"600","letterSpacing":"0.06em","textAlign":"center"},"spacing":{"margin":{"bottom":"var:preset|spacing|small"}}},"textColor":"primary","fontSize":"small"} -->
     20<p class="origin-canvas-eyebrow has-text-align-center has-primary-color has-text-color has-small-font-size" style="margin-bottom:var(--wp--preset--spacing--small);font-weight:600;letter-spacing:0.06em;text-transform:uppercase"><?php echo esc_html__( 'The Origin Canvas block theme', 'origin-canvas' ); ?></p>
    1821<!-- /wp:paragraph -->
    1922
    20 <!-- wp:heading {"textAlign":"center","level":1,"style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"lineHeight":"1.02"}},"fontSize":"display-2xl"} -->
    21 <h1 class="wp-block-heading has-text-align-center has-display-2-xl-font-size" style="margin-top:0;margin-bottom:0;line-height:1.02"><?php echo esc_html__( 'Sites that look designed, not assembled.', 'origin-canvas' ); ?></h1>
     23<!-- wp:heading {"level":1,"align":"wide","className":"origin-canvas-text-balance","style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"lineHeight":"1.02","textAlign":"center"}},"fontSize":"display-2xl"} -->
     24<h1 class="wp-block-heading has-text-align-center alignwide origin-canvas-text-balance has-display-2-xl-font-size" style="margin-top:0;margin-bottom:0;line-height:1.02"><?php echo esc_html__( 'Sites that look designed, not assembled.', 'origin-canvas' ); ?></h1>
    2225<!-- /wp:heading -->
    2326
    24 <!-- wp:group {"layout":{"type":"constrained","contentSize":"600px"}} -->
    25 <div class="wp-block-group"><!-- wp:paragraph {"align":"center","textColor":"text-body","fontSize":"medium"} -->
    26 <p class="has-text-align-center has-text-body-color has-text-color has-medium-font-size"><?php echo esc_html__( 'A Full Site Editing theme where templates, patterns, typography, and color work as one system, so every build starts closer to finished.', 'origin-canvas' ); ?></p>
     27<!-- wp:group {"layout":{"type":"constrained"}} -->
     28<div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"textAlign":"center"}},"textColor":"contrast-2","fontSize":"medium"} -->
     29<p class="has-text-align-center has-contrast-2-color has-text-color has-medium-font-size"><?php echo esc_html__( 'A Full Site Editing theme where templates, patterns, typography, and color work as one system, so every build starts closer to finished.', 'origin-canvas' ); ?></p>
    2730<!-- /wp:paragraph --></div>
    2831<!-- /wp:group -->
    … …  
    3033<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|medium","margin":{"top":"var:preset|spacing|extra-large"}}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"center","verticalAlignment":"center"}} -->
    3134<div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--extra-large)"><!-- wp:buttons {"layout":{"type":"flex"}} -->
    32 <div class="wp-block-buttons is-layout-flex"><!-- wp:button -->
     35<div class="wp-block-buttons"><!-- wp:button -->
    3336<div class="wp-block-button"><a class="wp-block-button__link wp-element-button"><?php echo esc_html__( 'Download free', 'origin-canvas' ); ?></a></div>
    3437<!-- /wp:button --></div>
    3538<!-- /wp:buttons -->
    3639
    37 <!-- wp:paragraph {"style":{"typography":{"fontWeight":"500"},"elements":{"link":{"color":{"text":"var:preset|color|text-heading"},"typography":{"textDecoration":"none"}}}},"textColor":"text-heading","fontSize":"regular"} -->
    38 <p class="has-text-heading-color has-text-color has-link-color has-regular-font-size" style="font-weight:500"><a href="#" style="text-decoration:none"><?php echo esc_html__( 'Explore patterns', 'origin-canvas' ); ?></a> <span class="has-primary-color has-text-color" style="color:var(--wp--preset--color--primary)" aria-hidden="true">&rarr;</span></p>
     40<!-- wp:paragraph {"style":{"typography":{"fontWeight":"500"},"elements":{"link":{"typography":{"textDecoration":"none"}}}},"textColor":"contrast","fontSize":"regular"} -->
     41<p class="has-contrast-color has-text-color has-regular-font-size" style="font-weight:500"><a href="#" style="text-decoration:none"><?php echo esc_html__( 'Explore patterns', 'origin-canvas' ); ?> <span aria-hidden="true">&rarr;</span></a></p>
    3942<!-- /wp:paragraph --></div>
    4043<!-- /wp:group -->
    4144
    42 <!-- wp:paragraph {"align":"center","textColor":"text-muted","fontSize":"small","style":{"spacing":{"margin":{"top":"var:preset|spacing|large","bottom":"0"}}}} -->
    43 <p class="has-text-align-center has-text-muted-color has-text-color has-small-font-size" style="margin-top:var(--wp--preset--spacing--large);margin-bottom:0"><span aria-hidden="true" style="background-color:var(--wp--preset--color--primary);border-radius:999px;display:inline-block;height:7px;margin-right:10px;vertical-align:middle;width:7px"></span><?php echo esc_html__( 'GPL licensed &middot; WordPress 6.5+ &middot; No page builder required', 'origin-canvas' ); ?></p>
     45<!-- wp:paragraph {"textColor":"contrast-3","fontSize":"small","style":{"spacing":{"margin":{"top":"var:preset|spacing|large","bottom":"0"}},"typography":{"textAlign":"center"}}} -->
     46<p class="has-text-align-center has-contrast-3-color has-text-color has-small-font-size" style="margin-top:var(--wp--preset--spacing--large);margin-bottom:0"><?php echo esc_html__( 'GPL licensed &middot; WordPress 7.0+ &middot; No page builder required', 'origin-canvas' ); ?></p>
    4447<!-- /wp:paragraph --></div>
    4548<!-- /wp:group --></section>

  • origin-canvas/1.4.3/patterns/hero-centered.php

    r347102 r356743  
    33 * Title: Hero Centered
    44 * Slug: origin-canvas/hero-centered
     5 * Description: A centered eyebrow, large heading, short lead and two buttons.
    56 * Categories: origin-canvas/hero
    6  * Keywords: landing, intro, banner, masthead
     7 * Keywords: landing page, introduction, banner, masthead
    78 * Block Types: core/post-content
    89 * Inserter: true
    … …  
    1213
    1314?>
    14 <!-- wp:group {"tagName":"section","align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"}}},"layout":{"type":"constrained","contentSize":"880px"}} -->
    15 <section class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|large"}},"layout":{"type":"constrained","contentSize":"880px"}} -->
    16 <div class="wp-block-group"><!-- wp:paragraph {"align":"center","style":{"typography":{"textTransform":"uppercase","fontWeight":"600","letterSpacing":"0.08em"},"spacing":{"margin":{"bottom":"var:preset|spacing|small"}}},"textColor":"primary","fontSize":"small"} -->
    17 <p class="has-text-align-center has-primary-color has-text-color has-small-font-size" style="margin-bottom:var(--wp--preset--spacing--small);font-weight:600;letter-spacing:0.08em;text-transform:uppercase"><?php echo esc_html__( 'BRAND &amp; WEB FOR SMALL BUSINESSES', 'origin-canvas' ); ?></p>
     15<!-- wp:group {"tagName":"section","align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"}}},"layout":{"type":"constrained"}} -->
     16<section class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"var:preset|spacing|large"}},"layout":{"type":"constrained"}} -->
     17<div class="wp-block-group alignwide"><!-- wp:paragraph {"className":"origin-canvas-eyebrow","style":{"typography":{"textTransform":"uppercase","fontWeight":"600","letterSpacing":"0.06em","textAlign":"center"},"spacing":{"margin":{"bottom":"var:preset|spacing|small"}}},"textColor":"primary","fontSize":"small"} -->
     18<p class="origin-canvas-eyebrow has-text-align-center has-primary-color has-text-color has-small-font-size" style="margin-bottom:var(--wp--preset--spacing--small);font-weight:600;letter-spacing:0.06em;text-transform:uppercase"><?php echo esc_html__( 'BRAND &amp; WEB FOR SMALL BUSINESSES', 'origin-canvas' ); ?></p>
    1819<!-- /wp:paragraph -->
    1920
    20 <!-- wp:heading {"textAlign":"center","level":1,"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"display-xl"} -->
    21 <h1 class="wp-block-heading has-display-xl-font-size has-text-align-center" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'We help small teams launch sites that look like they were made on purpose.', 'origin-canvas' ); ?></h1>
     21<!-- wp:heading {"level":1,"align":"wide","style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"textAlign":"center"}},"fontSize":"display-xl"} -->
     22<h1 class="wp-block-heading has-display-xl-font-size has-text-align-center alignwide" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'We help small teams launch sites that look like they were made on purpose.', 'origin-canvas' ); ?></h1>
    2223<!-- /wp:heading -->
    2324
    24 <!-- wp:paragraph {"align":"center","textColor":"text-body","fontSize":"regular-plus"} -->
    25 <p class="has-text-align-center has-text-body-color has-text-color has-regular-plus-font-size"><?php echo esc_html__( 'Three of us, one project at a time, four weeks from kickoff to launch. We work with founders who care how their work looks and reads.', 'origin-canvas' ); ?></p>
     25<!-- wp:paragraph {"style":{"typography":{"textAlign":"center"}},"textColor":"contrast-2","fontSize":"regular-plus"} -->
     26<p class="has-text-align-center has-contrast-2-color has-text-color has-regular-plus-font-size"><?php echo esc_html__( 'We design your brand and build your site, and a typical project goes live eight weeks after kickoff. We work with founders who care how their work looks and reads.', 'origin-canvas' ); ?></p>
    2627<!-- /wp:paragraph -->
    2728
    28 <!-- wp:buttons {"style":{"spacing":{"blockGap":"var:preset|spacing|compact","margin":{"top":"var:preset|spacing|extra-large"}}},"layout":{"type":"flex","justifyContent":"center","orientation":"horizontal"}} -->
    29 <div class="wp-block-buttons is-content-justification-center is-layout-flex" style="margin-top:var(--wp--preset--spacing--extra-large)"><!-- wp:button -->
     29<!-- wp:buttons {"style":{"spacing":{"blockGap":"var:preset|spacing|small-medium","margin":{"top":"var:preset|spacing|extra-large"}}},"layout":{"type":"flex","justifyContent":"center","orientation":"horizontal"}} -->
     30<div class="wp-block-buttons" style="margin-top:var(--wp--preset--spacing--extra-large)"><!-- wp:button -->
    3031<div class="wp-block-button"><a class="wp-block-button__link wp-element-button"><?php echo esc_html__( 'View our work', 'origin-canvas' ); ?></a></div>
    3132<!-- /wp:button -->

  • origin-canvas/1.4.3/patterns/hero-cover.php

    r347102 r356743  
    33 * Title: Hero Cover
    44 * Slug: origin-canvas/hero-cover
     5 * Description: A rounded photo the width of the content with two small cards over it, and an availability line below.
    56 * Categories: origin-canvas/hero
    6  * Keywords: editorial, home, background, banner
     7 * Keywords: editorial, home page, background, banner
    78 * Block Types: core/post-content
    89 * Viewport Width: 1500
    … …  
    1314
    1415?>
    15 <!-- wp:group {"tagName":"section","align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|huge"}}},"layout":{"type":"constrained"}} -->
    16 <section class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--huge)"><!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"default"}} -->
    17 <div class="wp-block-group alignwide"><!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/card-image-text-1.webp","alt":"Tea tins, paper pouches, and loose tea arranged on a sunlit counter.","dimRatio":0,"isUserOverlayColor":false,"minHeight":600,"minHeightUnit":"px","isDark":false,"className":"origin-canvas-cover-story__frame","style":{"border":{"radius":"var:custom|radius|large"},"spacing":{"padding":{"top":"var:preset|spacing|large","right":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|large"}}},"layout":{"type":"default"}} -->
    18 <div class="wp-block-cover is-light origin-canvas-cover-story__frame" style="border-radius:var(--wp--custom--radius--large);padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large);min-height:600px"><img class="wp-block-cover__image-background" alt="<?php esc_attr_e( 'Tea tins, paper pouches, and loose tea arranged on a sunlit counter.', 'origin-canvas' ); ?>" src="<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/card-image-text-1.webp" data-object-fit="cover"/><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"className":"origin-canvas-cover-story__layout","layout":{"type":"default"}} -->
    19 <div class="wp-block-group origin-canvas-cover-story__layout"><!-- wp:group {"className":"origin-canvas-cover-story__card origin-canvas-cover-story__masthead","backgroundColor":"surface-base","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"var:preset|spacing|large","right":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|large"}}},"layout":{"type":"constrained"}} -->
    20 <div class="wp-block-group origin-canvas-cover-story__card origin-canvas-cover-story__masthead has-surface-base-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)"><!-- wp:paragraph {"style":{"typography":{"textTransform":"uppercase","fontWeight":"600","letterSpacing":"0.08em"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|small"}}},"textColor":"primary","fontSize":"extra-small"} -->
    21 <p class="has-primary-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--small);font-weight:600;letter-spacing:0.08em;text-transform:uppercase"><?php echo esc_html__( 'Featured', 'origin-canvas' ); ?> &middot; <?php echo esc_html__( 'Spring 2026', 'origin-canvas' ); ?></p>
     16<!-- wp:group {"tagName":"section","align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"}}},"layout":{"type":"constrained"}} -->
     17<section class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"default"}} -->
     18<div class="wp-block-group alignwide"><!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/timber-stack.webp","alt":"Oak and ash boards, one charred black, standing upright against a pale workshop wall, with chisels on a wall rack.","dimRatio":100,"customGradient":"linear-gradient(rgba(17,24,39,0.15),rgba(17,24,39,0.15))","isUserOverlayColor":false,"minHeight":600,"minHeightUnit":"px","isDark":false,"className":"origin-canvas-cover-story__frame","style":{"border":{"radius":"var:custom|radius|large"},"spacing":{"padding":{"top":"var:preset|spacing|large","right":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|large"}}},"layout":{"type":"default"}} -->
     19<div class="wp-block-cover is-light origin-canvas-cover-story__frame" style="border-radius:var(--wp--custom--radius--large);padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large);min-height:600px"><img class="wp-block-cover__image-background" alt="<?php esc_attr_e( 'Oak and ash boards, one charred black, standing upright against a pale workshop wall, with chisels on a wall rack.', 'origin-canvas' ); ?>" src="<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/timber-stack.webp" data-object-fit="cover"/><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim wp-block-cover__gradient-background has-background-gradient" style="background:linear-gradient(rgba(17,24,39,0.15),rgba(17,24,39,0.15))"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"className":"origin-canvas-cover-story__layout","layout":{"type":"default"}} -->
     20<div class="wp-block-group origin-canvas-cover-story__layout"><!-- wp:group {"className":"origin-canvas-cover-story__card origin-canvas-cover-story__masthead","backgroundColor":"base","textColor":"contrast","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"var:preset|spacing|large","right":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|large"}}},"layout":{"type":"constrained"}} -->
     21<div class="wp-block-group origin-canvas-cover-story__card origin-canvas-cover-story__masthead has-contrast-color has-base-background-color has-text-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)"><!-- wp:paragraph {"className":"origin-canvas-eyebrow","style":{"typography":{"textTransform":"uppercase","fontWeight":"600","letterSpacing":"0.06em"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|small"}}},"textColor":"primary","fontSize":"extra-small"} -->
     22<p class="origin-canvas-eyebrow has-primary-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--small);font-weight:600;letter-spacing:0.06em;text-transform:uppercase"><?php echo esc_html__( 'Featured', 'origin-canvas' ); ?> &middot; <?php echo esc_html__( 'Spring 2026', 'origin-canvas' ); ?></p>
    2223<!-- /wp:paragraph -->
    2324
    24 <!-- wp:heading {"level":2,"style":{"typography":{"lineHeight":"1.1"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"huge"} -->
    25 <h2 class="wp-block-heading has-huge-font-size" style="margin-top:0;margin-bottom:0;line-height:1.1"><?php echo esc_html__( 'Hartwell Tea Co.', 'origin-canvas' ); ?></h2>
     25<!-- wp:heading {"level":3,"style":{"typography":{"lineHeight":"1.1"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast","fontSize":"large"} -->
     26<h3 class="wp-block-heading has-contrast-color has-text-color has-large-font-size" style="margin-top:0;margin-bottom:0;line-height:1.1"><?php echo esc_html__( 'Ash &amp; Pine Woodworks', 'origin-canvas' ); ?></h3>
    2627<!-- /wp:heading -->
    2728
    28 <!-- wp:paragraph {"textColor":"text-body","fontSize":"regular"} -->
    29 <p class="has-text-body-color has-text-color has-regular-font-size"><?php echo esc_html__( 'Identity, packaging, and a small online shop for a family-run tea brand. Six weeks, three blends, one new wordmark.', 'origin-canvas' ); ?></p>
     29<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"var:preset|spacing|small-medium"}}},"textColor":"contrast-2","fontSize":"regular"} -->
     30<p class="has-contrast-2-color has-text-color has-regular-font-size" style="margin-top:var(--wp--preset--spacing--small-medium)"><?php echo esc_html__( 'Identity and a portfolio site for a two-person woodworking shop. Eight weeks, forty pieces photographed, one new wordmark.', 'origin-canvas' ); ?></p>
    3031<!-- /wp:paragraph -->
    3132
    32 <!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"var:preset|spacing|medium","bottom":"0"}}},"textColor":"text-heading","fontSize":"regular"} -->
    33 <p class="has-text-heading-color has-text-color has-regular-font-size" style="margin-top:var(--wp--preset--spacing--medium);margin-bottom:0;font-weight:600"><?php echo esc_html__( 'Read the case study', 'origin-canvas' ); ?> <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-primary-color">&rarr;</mark></p>
     33<!-- wp:paragraph {"className":"origin-canvas-links-plain","style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"var:preset|spacing|medium","bottom":"0"}}},"textColor":"contrast","fontSize":"regular"} -->
     34<p class="origin-canvas-links-plain has-contrast-color has-text-color has-regular-font-size" style="margin-top:var(--wp--preset--spacing--medium);margin-bottom:0;font-weight:600"><a href="#"><?php echo esc_html__( 'Read the case study', 'origin-canvas' ); ?> <span aria-hidden="true">&rarr;</span></a></p>
    3435<!-- /wp:paragraph --></div>
    3536<!-- /wp:group -->
    3637
    37 <!-- wp:group {"className":"origin-canvas-cover-story__card origin-canvas-cover-story__studio-line","backgroundColor":"surface-base","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"var:preset|spacing|large","right":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|large"}}},"layout":{"type":"constrained"}} -->
    38 <div class="wp-block-group origin-canvas-cover-story__card origin-canvas-cover-story__studio-line has-surface-base-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600","lineHeight":"1.2"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-heading","fontSize":"regular-plus"} -->
    39 <p class="has-text-heading-color has-text-color has-regular-plus-font-size" style="margin-top:0;margin-bottom:0;font-weight:600;line-height:1.2"><?php echo esc_html__( 'A three-person studio. Brand identity and websites for small businesses.', 'origin-canvas' ); ?></p>
    40 <!-- /wp:paragraph -->
     38<!-- wp:group {"className":"origin-canvas-cover-story__card origin-canvas-cover-story__studio-line","backgroundColor":"base","textColor":"contrast","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"var:preset|spacing|large","right":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|large"}}},"layout":{"type":"constrained"}} -->
     39<div class="wp-block-group origin-canvas-cover-story__card origin-canvas-cover-story__studio-line has-contrast-color has-base-background-color has-text-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)"><!-- wp:heading {"level":1,"style":{"typography":{"lineHeight":"1.2"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast","fontSize":"regular-plus"} -->
     40<h1 class="wp-block-heading has-contrast-color has-text-color has-regular-plus-font-size" style="margin-top:0;margin-bottom:0;line-height:1.2"><?php echo esc_html__( 'An independent studio for brand identity and websites.', 'origin-canvas' ); ?></h1>
     41<!-- /wp:heading -->
    4142
    42 <!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"var:preset|spacing|small","bottom":"0"}}},"textColor":"text-muted","fontSize":"small"} -->
    43 <p class="has-text-muted-color has-text-color has-small-font-size" style="margin-top:var(--wp--preset--spacing--small);margin-bottom:0"><?php echo esc_html__( 'One project at a time, since 2018.', 'origin-canvas' ); ?></p>
     43<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"var:preset|spacing|small","bottom":"0"}}},"textColor":"contrast-3","fontSize":"small"} -->
     44<p class="has-contrast-3-color has-text-color has-small-font-size" style="margin-top:var(--wp--preset--spacing--small);margin-bottom:0"><?php echo esc_html__( 'Working with small businesses since 2018.', 'origin-canvas' ); ?></p>
    4445<!-- /wp:paragraph --></div>
    4546<!-- /wp:group --></div>
    … …  
    4748<!-- /wp:cover -->
    4849
    49 <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|medium"}},"textColor":"text-muted","layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between","verticalAlignment":"center"}} -->
    50 <div class="wp-block-group has-text-muted-color has-text-color"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"flex","flexWrap":"wrap","verticalAlignment":"center"}} -->
    51 <div class="wp-block-group"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"small"} -->
    52 <p class="has-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( '01 / Cover', 'origin-canvas' ); ?></p>
     50<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|medium"}},"textColor":"contrast-3","layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between","verticalAlignment":"center"}} -->
     51<div class="wp-block-group has-contrast-3-color has-text-color"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small-medium"}},"layout":{"type":"flex","flexWrap":"wrap","verticalAlignment":"center"}} -->
     52<div class="wp-block-group"><!-- wp:pattern {"slug":"origin-canvas/availability-marker"} /-->
     53
     54<!-- wp:paragraph {"style":{"typography":{"fontWeight":"400"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-5","fontSize":"extra-small"} -->
     55<p class="has-contrast-5-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:400"><span aria-hidden="true">/</span></p>
    5356<!-- /wp:paragraph -->
    5457
    55 <!-- wp:pattern {"slug":"origin-canvas/availability-marker"} /--></div>
     58<!-- wp:paragraph {"className":"origin-canvas-links-plain","style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast","fontSize":"small"} -->
     59<p class="origin-canvas-links-plain has-contrast-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:600"><a href="#"><?php echo esc_html__( 'Book a call', 'origin-canvas' ); ?> <span aria-hidden="true">&rarr;</span></a></p>
     60<!-- /wp:paragraph --></div>
    5661<!-- /wp:group -->
    5762

  • origin-canvas/1.4.3/patterns/hero-dark.php

    r347102 r356743  
    33 * Title: Hero Dark
    44 * Slug: origin-canvas/hero-dark
     5 * Description: A centered eyebrow, large heading, short lead and two buttons on a dark band.
    56 * Categories: origin-canvas/hero
    6  * Keywords: landing, intro, centered, inverted
     7 * Keywords: landing page, introduction, inverted
    78 * Block Types: core/post-content
    89 * Inserter: true
    … …  
    1213
    1314?>
    14 <!-- wp:group {"tagName":"section","align":"full","style":{"color":{"background":"var(--wp--custom--dark--bg)","text":"var(--wp--custom--dark--text)"},"spacing":{"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"}}},"layout":{"type":"constrained","contentSize":"880px"}} -->
    15 <section class="wp-block-group alignfull has-text-color has-background" style="color:var(--wp--custom--dark--text);background-color:var(--wp--custom--dark--bg);padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|large"}},"layout":{"type":"constrained","contentSize":"880px"}} -->
    16 <div class="wp-block-group"><!-- wp:paragraph {"align":"center","style":{"typography":{"textTransform":"uppercase","fontWeight":"600","letterSpacing":"0.08em"},"spacing":{"margin":{"bottom":"var:preset|spacing|small"}}},"textColor":"primary","fontSize":"small"} -->
    17 <p class="has-text-align-center has-primary-color has-text-color has-small-font-size" style="margin-bottom:var(--wp--preset--spacing--small);font-weight:600;letter-spacing:0.08em;text-transform:uppercase"><?php echo esc_html__( 'STUDIO', 'origin-canvas' ); ?> &middot; <?php echo esc_html__( 'EST. 2018', 'origin-canvas' ); ?></p>
     15<!-- wp:group {"tagName":"section","align":"full","style":{"color":{"background":"var(--wp--custom--dark--bg)","text":"var(--wp--custom--dark--text)"},"spacing":{"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"}}},"layout":{"type":"constrained"}} -->
     16<section class="wp-block-group alignfull has-text-color has-background" style="color:var(--wp--custom--dark--text);background-color:var(--wp--custom--dark--bg);padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"var:preset|spacing|large"}},"layout":{"type":"constrained"}} -->
     17<div class="wp-block-group alignwide"><!-- wp:paragraph {"className":"origin-canvas-eyebrow","style":{"typography":{"textTransform":"uppercase","fontWeight":"600","letterSpacing":"0.06em","textAlign":"center"},"spacing":{"margin":{"bottom":"var:preset|spacing|small"}}},"textColor":"primary","fontSize":"small"} -->
     18<p class="origin-canvas-eyebrow has-text-align-center has-primary-color has-text-color has-small-font-size" style="margin-bottom:var(--wp--preset--spacing--small);font-weight:600;letter-spacing:0.06em;text-transform:uppercase"><?php echo esc_html__( 'STUDIO', 'origin-canvas' ); ?> &middot; <?php echo esc_html__( 'EST. 2018', 'origin-canvas' ); ?></p>
    1819<!-- /wp:paragraph -->
    1920
    20 <!-- wp:heading {"textAlign":"center","level":1,"style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"color":{"text":"var(--wp--custom--dark--text)"}},"fontSize":"display-xl"} -->
    21 <h1 class="wp-block-heading has-display-xl-font-size has-text-align-center has-text-color" style="margin-top:0;margin-bottom:0;color:var(--wp--custom--dark--text)"><?php echo esc_html__( 'Quiet, considered work for businesses that have outgrown a templated site.', 'origin-canvas' ); ?></h1>
     21<!-- wp:heading {"level":1,"align":"wide","style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"color":{"text":"var(--wp--custom--dark--text)"},"typography":{"textAlign":"center"}},"fontSize":"display-xl"} -->
     22<h1 class="wp-block-heading has-display-xl-font-size has-text-align-center alignwide has-text-color" style="margin-top:0;margin-bottom:0;color:var(--wp--custom--dark--text)"><?php echo esc_html__( 'Quiet, considered work for businesses that have outgrown a templated site.', 'origin-canvas' ); ?></h1>
    2223<!-- /wp:heading -->
    2324
    24 <!-- wp:paragraph {"align":"center","fontSize":"regular-plus"} -->
     25<!-- wp:paragraph {"style":{"typography":{"textAlign":"center"}},"fontSize":"regular-plus"} -->
    2526<p class="has-text-align-center has-regular-plus-font-size"><?php echo esc_html__( 'We make brand identity and websites for small teams that have something to say and don&#8217;t want to shout about it.', 'origin-canvas' ); ?></p>
    2627<!-- /wp:paragraph -->
    2728
    28 <!-- wp:buttons {"style":{"spacing":{"blockGap":"var:preset|spacing|compact","margin":{"top":"var:preset|spacing|extra-large"}}},"layout":{"type":"flex","justifyContent":"center","orientation":"horizontal"}} -->
    29 <div class="wp-block-buttons is-content-justification-center is-layout-flex" style="margin-top:var(--wp--preset--spacing--extra-large)"><!-- wp:button {"className":"is-style-origin-canvas-fill-primary"} -->
     29<!-- wp:buttons {"style":{"spacing":{"blockGap":"var:preset|spacing|small-medium","margin":{"top":"var:preset|spacing|extra-large"}}},"layout":{"type":"flex","justifyContent":"center","orientation":"horizontal"}} -->
     30<div class="wp-block-buttons" style="margin-top:var(--wp--preset--spacing--extra-large)"><!-- wp:button {"className":"is-style-origin-canvas-fill-primary"} -->
    3031<div class="wp-block-button is-style-origin-canvas-fill-primary"><a class="wp-block-button__link wp-element-button"><?php echo esc_html__( 'See recent work', 'origin-canvas' ); ?></a></div>
    3132<!-- /wp:button -->

  • origin-canvas/1.4.3/patterns/hero-minimal.php

    r347102 r356743  
    11<?php
    22/**
    3  * Title: Hero Minimal
     3 * Title: Hero Centered Without Buttons
    44 * Slug: origin-canvas/hero-minimal
     5 * Description: A large centered heading and a short lead, with no buttons.
    56 * Categories: origin-canvas/hero
    6  * Keywords: landing, intro, restraint, sparse
     7 * Keywords: landing page, introduction, restraint, sparse
    78 * Block Types: core/post-content
    89 * Inserter: true
    … …  
    1213
    1314?>
    14 <!-- wp:group {"tagName":"section","align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|massive","bottom":"var:preset|spacing|massive"}}},"layout":{"type":"constrained","contentSize":"880px"}} -->
    15 <section class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--massive);padding-bottom:var(--wp--preset--spacing--massive)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|large"}},"layout":{"type":"constrained","contentSize":"880px"}} -->
    16 <div class="wp-block-group"><!-- wp:heading {"textAlign":"center","level":1,"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"display-2xl"} -->
    17 <h1 class="wp-block-heading has-text-align-center has-display-2-xl-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'A small studio for brand and web work.', 'origin-canvas' ); ?></h1>
     15<!-- wp:group {"tagName":"section","align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|massive","bottom":"var:preset|spacing|massive"}}},"layout":{"type":"constrained"}} -->
     16<section class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--massive);padding-bottom:var(--wp--preset--spacing--massive)"><!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"var:preset|spacing|large"}},"layout":{"type":"constrained"}} -->
     17<div class="wp-block-group alignwide"><!-- wp:heading {"level":1,"align":"wide","style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"textAlign":"center"}},"fontSize":"display-xl"} -->
     18<h1 class="wp-block-heading has-text-align-center alignwide has-display-xl-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'A small studio for brand and web work.', 'origin-canvas' ); ?></h1>
    1819<!-- /wp:heading -->
    1920
    20 <!-- wp:paragraph {"align":"center","textColor":"text-body","fontSize":"regular-plus"} -->
    21 <p class="has-text-align-center has-text-body-color has-text-color has-regular-plus-font-size"><?php echo esc_html__( 'Three people, one project a month, eight years in.', 'origin-canvas' ); ?></p>
     21<!-- wp:paragraph {"style":{"typography":{"textAlign":"center"}},"textColor":"contrast-2","fontSize":"regular-plus"} -->
     22<p class="has-text-align-center has-contrast-2-color has-text-color has-regular-plus-font-size"><?php echo esc_html__( 'We&#8217;ve made brands, websites and the words on them for small businesses since 2018.', 'origin-canvas' ); ?></p>
    2223<!-- /wp:paragraph --></div>
    2324<!-- /wp:group --></section>

  • origin-canvas/1.4.3/patterns/hero-split.php

    r347102 r356743  
    11<?php
    22/**
    3  * Title: Hero Split
     3 * Title: Hero Split Full Width
    44 * Slug: origin-canvas/hero-split
     5 * Description: A photo filling the left half of the screen beside an eyebrow, large heading, lead and two buttons on a tinted half.
    56 * Categories: origin-canvas/hero
    6  * Keywords: landing, intro, image, fullbleed
     7 * Keywords: landing page, introduction, image, fullbleed
    78 * Block Types: core/post-content
    89 * Inserter: true
    … …  
    1516<section class="wp-block-group alignfull"><!-- wp:columns {"align":"full","verticalAlignment":"stretch","style":{"spacing":{"blockGap":"0"}}} -->
    1617<div class="wp-block-columns alignfull are-vertically-aligned-stretch"><!-- wp:column {"verticalAlignment":"stretch","width":"50%"} -->
    17 <div class="wp-block-column is-vertically-aligned-stretch" style="flex-basis:50%"><!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/architecture-interior.webp","alt":"A bright studio interior with an arched window, plants, and papers on a wooden worktable.","dimRatio":0,"isUserOverlayColor":false,"minHeight":100,"minHeightUnit":"%","isDark":false,"style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"}}},"layout":{"type":"default"}} -->
    18 <div class="wp-block-cover is-light" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;min-height:100%"><img class="wp-block-cover__image-background" alt="<?php esc_attr_e( 'A bright studio interior with an arched window, plants, and papers on a wooden worktable.', 'origin-canvas' ); ?>" src="<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/architecture-interior.webp" data-object-fit="cover"/><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title...","fontSize":"large"} -->
     18<div class="wp-block-column is-vertically-aligned-stretch" style="flex-basis:50%"><!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/architecture-interior.webp","alt":"A low modern house in a wooded suburb at dusk, with charcoal boards, a fieldstone wall and lit windows.","dimRatio":0,"isUserOverlayColor":false,"isDark":false,"className":"origin-canvas-hero-split__media","style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"}}},"layout":{"type":"default"}} -->
     19<div class="wp-block-cover is-light origin-canvas-hero-split__media" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><img class="wp-block-cover__image-background" alt="<?php esc_attr_e( 'A low modern house in a wooded suburb at dusk, with charcoal boards, a fieldstone wall and lit windows.', 'origin-canvas' ); ?>" src="<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/architecture-interior.webp" data-object-fit="cover"/><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"style":{"typography":{"textAlign":"center"}},"placeholder":"Write title...","fontSize":"large"} -->
    1920<p class="has-text-align-center has-large-font-size"></p>
    2021<!-- /wp:paragraph --></div></div>
    … …  
    2223<!-- /wp:column -->
    2324
    24 <!-- wp:column {"verticalAlignment":"center","width":"50%","backgroundColor":"surface-muted","style":{"spacing":{"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal","left":"var:preset|spacing|jumbo","right":"var:preset|spacing|jumbo"}}}} -->
    25 <div class="wp-block-column is-vertically-aligned-center has-surface-muted-background-color has-background" style="padding-top:var(--wp--preset--spacing--colossal);padding-right:var(--wp--preset--spacing--jumbo);padding-bottom:var(--wp--preset--spacing--colossal);padding-left:var(--wp--preset--spacing--jumbo);flex-basis:50%"><!-- wp:paragraph {"align":"left","style":{"typography":{"textTransform":"uppercase","fontWeight":"600","letterSpacing":"0.08em"},"spacing":{"margin":{"bottom":"var:preset|spacing|small"}}},"textColor":"primary","fontSize":"small"} -->
    26 <p class="has-text-align-left has-primary-color has-text-color has-small-font-size" style="margin-bottom:var(--wp--preset--spacing--small);font-weight:600;letter-spacing:0.08em;text-transform:uppercase"><?php echo esc_html__( 'WHAT WE DO', 'origin-canvas' ); ?></p>
     25<!-- wp:column {"verticalAlignment":"stretch","width":"50%","backgroundColor":"base-2","style":{"spacing":{"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal","left":"var:preset|spacing|jumbo","right":"var:preset|spacing|jumbo"}}}} -->
     26<div class="wp-block-column is-vertically-aligned-stretch has-base-2-background-color has-background" style="padding-top:var(--wp--preset--spacing--colossal);padding-right:var(--wp--preset--spacing--jumbo);padding-bottom:var(--wp--preset--spacing--colossal);padding-left:var(--wp--preset--spacing--jumbo);flex-basis:50%"><!-- wp:paragraph {"className":"origin-canvas-eyebrow","style":{"typography":{"textTransform":"uppercase","fontWeight":"600","letterSpacing":"0.06em","textAlign":"left"},"spacing":{"margin":{"bottom":"var:preset|spacing|small"}}},"textColor":"primary","fontSize":"small"} -->
     27<p class="origin-canvas-eyebrow has-text-align-left has-primary-color has-text-color has-small-font-size" style="margin-bottom:var(--wp--preset--spacing--small);font-weight:600;letter-spacing:0.06em;text-transform:uppercase"><?php echo esc_html__( 'WHAT WE DO', 'origin-canvas' ); ?></p>
    2728<!-- /wp:paragraph -->
    2829
    29 <!-- wp:heading {"textAlign":"left","level":1,"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"display-xl"} -->
     30<!-- wp:heading {"level":1,"style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"textAlign":"left"}},"fontSize":"display-xl"} -->
    3031<h1 class="wp-block-heading has-display-xl-font-size has-text-align-left" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Brand identity and websites for small businesses.', 'origin-canvas' ); ?></h1>
    3132<!-- /wp:heading -->
    3233
    33 <!-- wp:paragraph {"align":"left","textColor":"text-body","fontSize":"regular-plus"} -->
    34 <p class="has-text-align-left has-text-body-color has-text-color has-regular-plus-font-size"><?php echo esc_html__( 'Roughly twelve projects a year. Each one starts with a conversation, ends with a launch checklist, and lives somewhere we&#8217;re proud to send people.', 'origin-canvas' ); ?></p>
     34<!-- wp:paragraph {"style":{"typography":{"textAlign":"left"}},"textColor":"contrast-2","fontSize":"regular-plus"} -->
     35<p class="has-text-align-left has-contrast-2-color has-text-color has-regular-plus-font-size"><?php echo esc_html__( 'Every site starts with a conversation, ends with a launch checklist, and lives somewhere we&#8217;re proud to send people.', 'origin-canvas' ); ?></p>
    3536<!-- /wp:paragraph -->
    3637
    37 <!-- wp:buttons {"style":{"spacing":{"blockGap":"var:preset|spacing|compact","margin":{"top":"var:preset|spacing|extra-large"}}},"layout":{"type":"flex","justifyContent":"left","orientation":"horizontal"}} -->
    38 <div class="wp-block-buttons is-content-justification-flex-start is-layout-flex" style="margin-top:var(--wp--preset--spacing--extra-large)"><!-- wp:button -->
     38<!-- wp:buttons {"style":{"spacing":{"blockGap":"var:preset|spacing|small-medium","margin":{"top":"var:preset|spacing|extra-large"}}},"layout":{"type":"flex","justifyContent":"left","orientation":"horizontal"}} -->
     39<div class="wp-block-buttons" style="margin-top:var(--wp--preset--spacing--extra-large)"><!-- wp:button -->
    3940<div class="wp-block-button"><a class="wp-block-button__link wp-element-button"><?php echo esc_html__( 'Recent work', 'origin-canvas' ); ?></a></div>
    4041<!-- /wp:button -->
    4142
    42 <!-- wp:button {"className":"is-style-origin-canvas-outline-strong"} -->
    43 <div class="wp-block-button is-style-origin-canvas-outline-strong"><a class="wp-block-button__link wp-element-button"><?php echo esc_html__( 'Our process', 'origin-canvas' ); ?></a></div>
     43<!-- wp:button {"className":"is-style-outline"} -->
     44<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button"><?php echo esc_html__( 'Our process', 'origin-canvas' ); ?></a></div>
    4445<!-- /wp:button --></div>
    4546<!-- /wp:buttons --></div>

  • origin-canvas/1.4.3/patterns/hero-text-image.php

    r347102 r356743  
    11<?php
    22/**
    3  * Title: Hero Text + Image
     3 * Title: Hero Split With Image
    44 * Slug: origin-canvas/hero-text-image
     5 * Description: An eyebrow, large heading, lead and two buttons beside a photo.
    56 * Categories: origin-canvas/hero
    6  * Keywords: landing, intro, masthead, media
     7 * Keywords: landing page, introduction, masthead, media
    78 * Block Types: core/post-content
    89 * Inserter: true
    … …  
    1516<section class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:columns {"align":"wide","verticalAlignment":"center"} -->
    1617<div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"50%"} -->
    17 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%"><!-- wp:paragraph {"align":"left","style":{"typography":{"textTransform":"uppercase","fontWeight":"600","letterSpacing":"0.08em"},"spacing":{"margin":{"bottom":"var:preset|spacing|small"}}},"textColor":"primary","fontSize":"small"} -->
    18 <p class="has-text-align-left has-primary-color has-text-color has-small-font-size" style="margin-bottom:var(--wp--preset--spacing--small);font-weight:600;letter-spacing:0.08em;text-transform:uppercase"><?php echo esc_html__( 'BRAND & WEB', 'origin-canvas' ); ?> &middot; <?php echo esc_html__( 'SINCE 2018', 'origin-canvas' ); ?></p>
     18<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%"><!-- wp:paragraph {"className":"origin-canvas-eyebrow","style":{"typography":{"textTransform":"uppercase","fontWeight":"600","letterSpacing":"0.06em","textAlign":"left"},"spacing":{"margin":{"bottom":"var:preset|spacing|small"}}},"textColor":"primary","fontSize":"small"} -->
     19<p class="origin-canvas-eyebrow has-text-align-left has-primary-color has-text-color has-small-font-size" style="margin-bottom:var(--wp--preset--spacing--small);font-weight:600;letter-spacing:0.06em;text-transform:uppercase"><?php echo esc_html__( 'BRAND & WEB', 'origin-canvas' ); ?> &middot; <?php echo esc_html__( 'SINCE 2018', 'origin-canvas' ); ?></p>
    1920<!-- /wp:paragraph -->
    2021
    21 <!-- wp:heading {"textAlign":"left","level":1,"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"display-xl"} -->
     22<!-- wp:heading {"level":1,"style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"textAlign":"left"}},"fontSize":"display-xl"} -->
    2223<h1 class="wp-block-heading has-display-xl-font-size has-text-align-left" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Sites and identities that earn a second look.', 'origin-canvas' ); ?></h1>
    2324<!-- /wp:heading -->
    2425
    25 <!-- wp:paragraph {"align":"left","textColor":"text-body","fontSize":"regular-plus"} -->
    26 <p class="has-text-align-left has-text-body-color has-text-color has-regular-plus-font-size"><?php echo esc_html__( 'We work with founders who want their website to feel as considered as the rest of what they make.', 'origin-canvas' ); ?></p>
     26<!-- wp:paragraph {"style":{"typography":{"textAlign":"left"}},"textColor":"contrast-2","fontSize":"regular-plus"} -->
     27<p class="has-text-align-left has-contrast-2-color has-text-color has-regular-plus-font-size"><?php echo esc_html__( 'We work with founders who want their website to feel as considered as the rest of what they make.', 'origin-canvas' ); ?></p>
    2728<!-- /wp:paragraph -->
    2829
    29 <!-- wp:buttons {"style":{"spacing":{"blockGap":"var:preset|spacing|compact","margin":{"top":"var:preset|spacing|extra-large"}}},"layout":{"type":"flex","justifyContent":"left","orientation":"horizontal"}} -->
    30 <div class="wp-block-buttons is-content-justification-flex-start is-layout-flex" style="margin-top:var(--wp--preset--spacing--extra-large)"><!-- wp:button -->
     30<!-- wp:buttons {"style":{"spacing":{"blockGap":"var:preset|spacing|small-medium","margin":{"top":"var:preset|spacing|extra-large"}}},"layout":{"type":"flex","justifyContent":"left","orientation":"horizontal"}} -->
     31<div class="wp-block-buttons" style="margin-top:var(--wp--preset--spacing--extra-large)"><!-- wp:button -->
    3132<div class="wp-block-button"><a class="wp-block-button__link wp-element-button"><?php echo esc_html__( 'View our work', 'origin-canvas' ); ?></a></div>
    3233<!-- /wp:button -->
    … …  
    4041<!-- wp:column {"verticalAlignment":"center","width":"50%"} -->
    4142<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%"><!-- wp:image {"aspectRatio":"4/3","scale":"cover","sizeSlug":"full","linkDestination":"none"} -->
    42 <figure class="wp-block-image size-full"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/workspace-laptop.webp" alt="<?php esc_attr_e( 'A closed laptop, paper layouts, notebook, and mug on a light wooden studio table.', 'origin-canvas' ); ?>" style="aspect-ratio:4/3;object-fit:cover"/></figure>
     43<figure class="wp-block-image size-full"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/workspace-laptop.webp" alt="<?php esc_attr_e( 'The studio inside a converted warehouse: desks with monitors, a pinboard, a large-format printer and two designers at work at the back.', 'origin-canvas' ); ?>" style="aspect-ratio:4/3;object-fit:cover"/></figure>
    4344<!-- /wp:image --></div>
    4445<!-- /wp:column --></div>

  • origin-canvas/1.4.3/patterns/hidden-404.php

    r347102 r356743  
    1414<!-- wp:group {"tagName":"main","style":{"spacing":{"blockGap":"var:preset|spacing|extra-large","margin":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|massive"}}},"layout":{"type":"constrained"}} -->
    1515<main class="wp-block-group" style="margin-top:var(--wp--preset--spacing--colossal);margin-bottom:var(--wp--preset--spacing--massive)"><!-- wp:group -->
    16 <div class="wp-block-group"><!-- wp:heading {"textAlign":"center","level":1,"style":{"typography":{"fontStyle":"normal"},"spacing":{"margin":{"bottom":"var:preset|spacing|medium"}}},"fontSize":"display-2xl"} -->
     16<div class="wp-block-group"><!-- wp:heading {"level":1,"style":{"typography":{"fontStyle":"normal","textAlign":"center"},"spacing":{"margin":{"bottom":"var:preset|spacing|medium"}}},"fontSize":"display-2xl"} -->
    1717<h1 class="wp-block-heading has-text-align-center has-display-2-xl-font-size" style="margin-bottom:var(--wp--preset--spacing--medium);font-style:normal">404</h1>
    1818<!-- /wp:heading -->
    1919
    20 <!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|text-body"}}},"spacing":{"margin":{"bottom":"var:preset|spacing|huge"}}},"textColor":"text-body","fontSize":"medium"} -->
    21 <p class="has-text-align-center has-text-body-color has-text-color has-link-color has-medium-font-size" style="margin-bottom:var(--wp--preset--spacing--huge)"><?php echo esc_html__( "We couldn't find the page you're looking for. It may have been moved or deleted. Please use the search bar or menu to locate your content.", 'origin-canvas' ); ?></p>
     20<!-- wp:paragraph {"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|huge"}},"typography":{"textAlign":"center"}},"textColor":"contrast-2","fontSize":"medium"} -->
     21<p class="has-text-align-center has-contrast-2-color has-text-color has-medium-font-size" style="margin-bottom:var(--wp--preset--spacing--huge)"><?php echo esc_html__( "We couldn't find the page you're looking for. It may have been moved or deleted. Please use the search bar or menu to locate your content.", 'origin-canvas' ); ?></p>
    2222<!-- /wp:paragraph -->
    2323

  • origin-canvas/1.4.3/patterns/hidden-page-left-sidebar.php

    r338392 r356743  
    1313
    1414<!-- wp:group {"tagName":"main","style":{"spacing":{"blockGap":"var:preset|spacing|extra-large","margin":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|massive"}}},"layout":{"type":"constrained"}} -->
    15 <main class="wp-block-group" style="margin-top:var(--wp--preset--spacing--colossal);margin-bottom:var(--wp--preset--spacing--massive)"><!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|extra-large","left":"var:preset|spacing|jumbo"},"padding":{"top":"0","right":"0","bottom":"0","left":"0"}}}} -->
    16 <div class="wp-block-columns alignwide" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:column {"width":"33.33%"} -->
    17 <div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:template-part {"slug":"sidebar","theme":"origin-canvas","area":"sidebar"} /--></div>
    18 <!-- /wp:column -->
    19 
    20 <!-- wp:column {"width":"66.66%"} -->
     15<main class="wp-block-group" style="margin-top:var(--wp--preset--spacing--colossal);margin-bottom:var(--wp--preset--spacing--massive)"><!-- wp:columns {"align":"wide","className":"origin-canvas-sidebar-left","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|extra-large","left":"var:preset|spacing|jumbo"},"padding":{"top":"0","right":"0","bottom":"0","left":"0"}}}} -->
     16<div class="wp-block-columns alignwide origin-canvas-sidebar-left" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:column {"width":"66.66%"} -->
    2117<div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"default"}} -->
    2218<div class="wp-block-group"><!-- wp:post-title {"level":1} /-->
    … …  
    2622<!-- wp:post-content {"style":{"spacing":{"margin":{"top":"var:preset|spacing|extra-large"}}},"layout":{"type":"default"}} /--></div>
    2723<!-- /wp:group --></div>
     24<!-- /wp:column -->
     25
     26<!-- wp:column {"width":"33.33%"} -->
     27<div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:group {"metadata":{"name":"Sidebar column"},"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
     28<div class="wp-block-group"><!-- wp:separator {"tagName":"div","className":"is-style-wide origin-canvas-sidebar-rule","metadata":{"name":"Stacked divider","blockVisibility":{"viewport":{"desktop":false}}},"style":{"spacing":{"margin":{"top":"var:preset|spacing|huge","bottom":"var:preset|spacing|huge"}}},"backgroundColor":"base-5"} -->
     29<div class="wp-block-separator has-text-color has-base-5-color has-alpha-channel-opacity has-base-5-background-color has-background is-style-wide origin-canvas-sidebar-rule" style="margin-top:var(--wp--preset--spacing--huge);margin-bottom:var(--wp--preset--spacing--huge)"></div>
     30<!-- /wp:separator -->
     31
     32<!-- wp:group {"metadata":{"name":"Rail"},"style":{"spacing":{"blockGap":"var:preset|spacing|extra-large"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"stretch"}} -->
     33<div class="wp-block-group"><!-- wp:template-part {"slug":"sidebar","theme":"origin-canvas","tagName":"aside","area":"sidebar","style":{"layout":{"selfStretch":"fill","flexSize":null}}} /-->
     34
     35<!-- wp:group {"metadata":{"name":"Divider","blockVisibility":{"viewport":{"mobile":false,"tablet":false}}},"className":"origin-canvas-sidebar-divider origin-canvas-no-shrink","style":{"layout":{"selfStretch":"fixed","flexSize":"1px"}},"backgroundColor":"base-5","layout":{"type":"constrained"}} -->
     36<div class="wp-block-group origin-canvas-sidebar-divider origin-canvas-no-shrink has-base-5-background-color has-background"></div>
     37<!-- /wp:group --></div>
     38<!-- /wp:group --></div>
     39<!-- /wp:group --></div>
    2840<!-- /wp:column --></div>
    2941<!-- /wp:columns --></main>

  • origin-canvas/1.4.3/patterns/hidden-page-right-sidebar.php

    r338392 r356743  
    2525
    2626<!-- wp:column {"width":"33.33%"} -->
    27 <div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:template-part {"slug":"sidebar","theme":"origin-canvas","area":"sidebar"} /--></div>
     27<div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:group {"metadata":{"name":"Sidebar column"},"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
     28<div class="wp-block-group"><!-- wp:separator {"tagName":"div","className":"is-style-wide origin-canvas-sidebar-rule","metadata":{"name":"Stacked divider","blockVisibility":{"viewport":{"desktop":false}}},"style":{"spacing":{"margin":{"top":"var:preset|spacing|huge","bottom":"var:preset|spacing|huge"}}},"backgroundColor":"base-5"} -->
     29<div class="wp-block-separator has-text-color has-base-5-color has-alpha-channel-opacity has-base-5-background-color has-background is-style-wide origin-canvas-sidebar-rule" style="margin-top:var(--wp--preset--spacing--huge);margin-bottom:var(--wp--preset--spacing--huge)"></div>
     30<!-- /wp:separator -->
     31
     32<!-- wp:group {"metadata":{"name":"Rail"},"style":{"spacing":{"blockGap":"var:preset|spacing|extra-large"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"stretch"}} -->
     33<div class="wp-block-group"><!-- wp:group {"metadata":{"name":"Divider","blockVisibility":{"viewport":{"mobile":false,"tablet":false}}},"className":"origin-canvas-sidebar-divider origin-canvas-no-shrink","style":{"layout":{"selfStretch":"fixed","flexSize":"1px"}},"backgroundColor":"base-5","layout":{"type":"constrained"}} -->
     34<div class="wp-block-group origin-canvas-sidebar-divider origin-canvas-no-shrink has-base-5-background-color has-background"></div>
     35<!-- /wp:group -->
     36
     37<!-- wp:template-part {"slug":"sidebar","theme":"origin-canvas","tagName":"aside","area":"sidebar","style":{"layout":{"selfStretch":"fill","flexSize":null}}} /--></div>
     38<!-- /wp:group --></div>
     39<!-- /wp:group --></div>
    2840<!-- /wp:column --></div>
    2941<!-- /wp:columns --></main>

  • origin-canvas/1.4.3/patterns/hidden-page-wide.php

    r338392 r356743  
    1919<!-- /wp:group -->
    2020
    21 <!-- wp:post-content {"style":{"spacing":{"margin":{"top":"var:preset|spacing|extra-large"}}},"layout":{"type":"constrained","contentSize":"1200px"}} /--></main>
     21<!-- wp:post-content {"style":{"spacing":{"margin":{"top":"var:preset|spacing|extra-large"}}},"layout":{"type":"constrained","contentSize":"var(--wp--style--global--wide-size)"}} /--></main>
    2222<!-- /wp:group -->
    2323

  • origin-canvas/1.4.3/patterns/hidden-sidebar.php

    r347102 r356743  
    1010
    1111?>
    12 <!-- wp:group {"className":"origin-canvas-sidebar","style":{"spacing":{"blockGap":"var:preset|spacing|extra-large","padding":{"left":"var:preset|spacing|extra-large"}},"border":{"left":{"color":"var:preset|color|border","width":"1px"}}},"fontSize":"small","layout":{"type":"constrained","justifyContent":"left"}} -->
    13 <div class="wp-block-group origin-canvas-sidebar has-small-font-size" style="border-left-color:var(--wp--preset--color--border);border-left-width:1px;padding-left:var(--wp--preset--spacing--extra-large)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|compact"}},"layout":{"type":"constrained"}} -->
    14 <div class="wp-block-group"><!-- wp:paragraph {"fontSize":"extra-small","textColor":"text-heading","style":{"typography":{"textTransform":"uppercase","letterSpacing":"0.08em","fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
    15 <p class="has-text-heading-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:600;letter-spacing:0.08em;text-transform:uppercase"><?php echo esc_html__( 'Search', 'origin-canvas' ); ?></p>
    16 <!-- /wp:paragraph -->
     12<!-- wp:group {"className":"origin-canvas-sidebar","style":{"spacing":{"blockGap":"var:preset|spacing|extra-large"}},"fontSize":"small","layout":{"type":"constrained","justifyContent":"left"}} -->
     13<div class="wp-block-group origin-canvas-sidebar has-small-font-size"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small-medium"}},"layout":{"type":"constrained"}} -->
     14<div class="wp-block-group"><!-- wp:heading {"style":{"typography":{"textTransform":"uppercase"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast","fontSize":"extra-small"} -->
     15<h2 class="wp-block-heading has-contrast-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0;text-transform:uppercase"><?php echo esc_html__( 'Search', 'origin-canvas' ); ?></h2>
     16<!-- /wp:heading -->
    1717
    1818<!-- wp:search {"label":"Search","showLabel":false,"width":100,"widthUnit":"%","buttonText":"Search","className":"origin-canvas-search-compact","fontSize":"small","style":{"spacing":{"blockGap":"var:preset|spacing|small"}}} /--></div>
    1919<!-- /wp:group -->
    2020
    21 <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|compact"}},"layout":{"type":"constrained"}} -->
    22 <div class="wp-block-group"><!-- wp:paragraph {"fontSize":"extra-small","textColor":"text-heading","style":{"typography":{"textTransform":"uppercase","letterSpacing":"0.08em","fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
    23 <p class="has-text-heading-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:600;letter-spacing:0.08em;text-transform:uppercase"><?php echo esc_html__( 'Recent posts', 'origin-canvas' ); ?></p>
    24 <!-- /wp:paragraph -->
     21<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small-medium"}},"layout":{"type":"constrained"}} -->
     22<div class="wp-block-group"><!-- wp:heading {"style":{"typography":{"textTransform":"uppercase"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast","fontSize":"extra-small"} -->
     23<h2 class="wp-block-heading has-contrast-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0;text-transform:uppercase"><?php echo esc_html__( 'Recent posts', 'origin-canvas' ); ?></h2>
     24<!-- /wp:heading -->
    2525
    26 <!-- wp:latest-posts {"postsToShow":3,"displayPostDate":true,"className":"origin-canvas-sidebar-posts","fontSize":"small","style":{"typography":{"fontWeight":"500","lineHeight":"1.4"},"spacing":{"margin":{"top":"var:preset|spacing|compact"}},"elements":{"link":{"color":{"text":"var:preset|color|text-body"},":hover":{"color":{"text":"var:preset|color|primary"}}}}}} /--></div>
     26<!-- wp:latest-posts {"postsToShow":3,"displayPostDate":true,"className":"origin-canvas-sidebar-posts","fontSize":"small","style":{"typography":{"fontWeight":"500","lineHeight":"1.4"},"spacing":{"margin":{"top":"var:preset|spacing|small-medium"}},"elements":{"link":{"color":{"text":"var:preset|color|contrast-2"},":hover":{"color":{"text":"var:preset|color|primary"}}}}}} /--></div>
    2727<!-- /wp:group -->
    2828
    29 <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|compact"}},"layout":{"type":"constrained"}} -->
    30 <div class="wp-block-group"><!-- wp:paragraph {"fontSize":"extra-small","textColor":"text-heading","style":{"typography":{"textTransform":"uppercase","letterSpacing":"0.08em","fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
    31 <p class="has-text-heading-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:600;letter-spacing:0.08em;text-transform:uppercase"><?php echo esc_html__( 'Categories', 'origin-canvas' ); ?></p>
    32 <!-- /wp:paragraph -->
     29<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small-medium"}},"layout":{"type":"constrained"}} -->
     30<div class="wp-block-group"><!-- wp:heading {"style":{"typography":{"textTransform":"uppercase"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast","fontSize":"extra-small"} -->
     31<h2 class="wp-block-heading has-contrast-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0;text-transform:uppercase"><?php echo esc_html__( 'Categories', 'origin-canvas' ); ?></h2>
     32<!-- /wp:heading -->
    3333
    3434<!-- wp:terms-query {"termQuery":{"perPage":10,"taxonomy":"category","order":"desc","orderBy":"count","hideEmpty":true},"className":"origin-canvas-sidebar-categories"} -->
    3535<div class="wp-block-terms-query origin-canvas-sidebar-categories"><!-- wp:term-template {"style":{"spacing":{"blockGap":"var:preset|spacing|small"}}} -->
    3636<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small"}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
    37 <div class="wp-block-group"><!-- wp:term-name {"isLink":true,"fontSize":"small","style":{"typography":{"fontWeight":"500"},"elements":{"link":{"color":{"text":"var:preset|color|text-body"},":hover":{"color":{"text":"var:preset|color|primary"}}}}},"textColor":"text-body"} /-->
     37<div class="wp-block-group"><!-- wp:term-name {"isLink":true,"fontSize":"small","style":{"typography":{"fontWeight":"500"},"elements":{"link":{"color":{"text":"var:preset|color|contrast-2"},":hover":{"color":{"text":"var:preset|color|primary"}}}}},"textColor":"contrast-2"} /-->
    3838
    39 <!-- wp:term-count {"bracketType":"none","fontSize":"extra-small","textColor":"text-muted"} /--></div>
     39<!-- wp:term-count {"bracketType":"none","className":"origin-canvas-no-shrink","fontSize":"extra-small","textColor":"contrast-3"} /--></div>
    4040<!-- /wp:group -->
    4141<!-- /wp:term-template --></div>
    … …  
    4343<!-- /wp:group -->
    4444
    45 <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|compact"}},"layout":{"type":"constrained"}} -->
    46 <div class="wp-block-group"><!-- wp:paragraph {"fontSize":"extra-small","textColor":"text-heading","style":{"typography":{"textTransform":"uppercase","letterSpacing":"0.08em","fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
    47 <p class="has-text-heading-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:600;letter-spacing:0.08em;text-transform:uppercase"><?php echo esc_html__( 'Tags', 'origin-canvas' ); ?></p>
    48 <!-- /wp:paragraph -->
     45<!-- wp:group {"className":"origin-canvas-sidebar-tags","style":{"spacing":{"blockGap":"var:preset|spacing|small-medium"}},"layout":{"type":"constrained"}} -->
     46<div class="wp-block-group origin-canvas-sidebar-tags"><!-- wp:heading {"style":{"typography":{"textTransform":"uppercase"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast","fontSize":"extra-small"} -->
     47<h2 class="wp-block-heading has-contrast-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0;text-transform:uppercase"><?php echo esc_html__( 'Tags', 'origin-canvas' ); ?></h2>
     48<!-- /wp:heading -->
    4949
    50 <!-- wp:tag-cloud {"numberOfTags":10,"showTagCounts":false,"className":"is-style-origin-canvas-tag-chip","style":{"elements":{"link":{"color":{"text":"var:preset|color|text-heading"}}}},"textColor":"text-heading"} /--></div>
     50<!-- wp:tag-cloud {"numberOfTags":10,"showTagCounts":false,"className":"is-style-origin-canvas-tag-chip","style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}}},"textColor":"contrast"} /--></div>
    5151<!-- /wp:group --></div>
    5252<!-- /wp:group -->

  • origin-canvas/1.4.3/patterns/hidden-single-right-sidebar.php

    r347102 r356743  
    1616<div class="wp-block-columns alignwide"><!-- wp:column {"width":"66.66%"} -->
    1717<div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|extra-large"}},"layout":{"type":"default"}} -->
    18 <div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|compact"}},"layout":{"type":"default"}} -->
    19 <div class="wp-block-group"><!-- wp:post-terms {"term":"category","style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"},":hover":{"color":{"text":"var:preset|color|text-body"}}}},"typography":{"fontStyle":"normal","fontWeight":"600","textTransform":"uppercase","letterSpacing":"0.08em"},"spacing":{"margin":{"bottom":"var:preset|spacing|compact"}}},"textColor":"primary","fontSize":"extra-small"} /-->
     18<div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small-medium"}},"layout":{"type":"default"}} -->
     19<div class="wp-block-group"><!-- wp:post-terms {"term":"category","style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"},":hover":{"color":{"text":"var:preset|color|contrast-2"}}}},"typography":{"fontStyle":"normal","fontWeight":"600","textTransform":"uppercase","letterSpacing":"0.06em"},"spacing":{"margin":{"bottom":"var:preset|spacing|small-medium"}}},"textColor":"primary","fontSize":"extra-small"} /-->
    2020
    21 <!-- wp:post-title {"textAlign":"left","level":1,"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|compact"}}}} /-->
     21<!-- wp:post-title {"textAlign":"left","level":1,"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|small-medium"}}}} /-->
    2222
    23 <!-- wp:group {"style":{"typography":{"fontSize":"var:preset|font-size|small"},"spacing":{"blockGap":"var:preset|spacing|small","margin":{"top":"0","bottom":"var:preset|spacing|huge"}}},"textColor":"text-body","layout":{"type":"flex","flexWrap":"wrap","justifyContent":"left"}} -->
    24 <div class="wp-block-group has-text-body-color has-text-color" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--huge);font-size:var(--wp--preset--font-size--small)"><!-- wp:post-author-name {"isLink":true,"style":{"elements":{"link":{":hover":{"color":{"text":"var:preset|color|primary"}},"color":{"text":"var:preset|color|text-heading"}}},"typography":{"fontStyle":"normal","fontWeight":"600"}},"textColor":"text-heading","fontSize":"small"} /-->
     23<!-- wp:group {"style":{"typography":{"fontSize":"var:preset|font-size|small"},"spacing":{"blockGap":"var:preset|spacing|small","margin":{"top":"0","bottom":"var:preset|spacing|huge"}}},"textColor":"contrast-2","layout":{"type":"flex","flexWrap":"wrap","justifyContent":"left"}} -->
     24<div class="wp-block-group has-contrast-2-color has-text-color" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--huge);font-size:var(--wp--preset--font-size--small)"><!-- wp:post-author-name {"isLink":true,"style":{"elements":{"link":{":hover":{"color":{"text":"var:preset|color|primary"}},"color":{"text":"var:preset|color|contrast"}}},"typography":{"fontStyle":"normal","fontWeight":"600"}},"textColor":"contrast","fontSize":"small"} /-->
    2525
    26 <!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"text-muted","fontSize":"extra-small"} -->
    27 <p class="has-text-muted-color has-text-color has-extra-small-font-size" style="font-style:normal;font-weight:500">/</p>
     26<!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"contrast-3","fontSize":"extra-small"} -->
     27<p class="has-contrast-3-color has-text-color has-extra-small-font-size" style="font-style:normal;font-weight:500">/</p>
    2828<!-- /wp:paragraph -->
    2929
    30 <!-- wp:post-date {"metadata":{"bindings":{"datetime":{"source":"core/post-data","args":{"field":"date"}}}},"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"text-muted","fontSize":"small"} /--></div>
     30<!-- wp:post-date {"metadata":{"bindings":{"datetime":{"source":"core/post-data","args":{"field":"date"}}}},"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"contrast-3","fontSize":"small"} /--></div>
    3131<!-- /wp:group -->
    3232
    … …  
    3737<!-- wp:post-terms {"term":"post_tag","prefix":"Tags: ","className":"is-style-origin-canvas-term-inline","style":{"typography":{"fontStyle":"normal","fontWeight":"500"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|large"}}},"fontSize":"small"} /-->
    3838
    39 <!-- wp:separator {"className":"is-style-wide","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"backgroundColor":"border"} -->
    40 <hr class="wp-block-separator has-text-color has-border-color has-alpha-channel-opacity has-border-background-color has-background is-style-wide" style="margin-top:0;margin-bottom:0"/>
     39<!-- wp:separator {"className":"is-style-wide","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"backgroundColor":"base-5"} -->
     40<hr class="wp-block-separator has-text-color has-base-5-color has-alpha-channel-opacity has-base-5-background-color has-background is-style-wide" style="margin-top:0;margin-bottom:0"/>
    4141<!-- /wp:separator -->
    4242
    … …  
    4848
    4949
    50 <!-- wp:group {"backgroundColor":"surface-muted","style":{"border":{"radius":"var:custom|radius|large"},"spacing":{"padding":{"top":"var:preset|spacing|medium","right":"var:preset|spacing|medium","bottom":"var:preset|spacing|medium","left":"var:preset|spacing|medium"},"blockGap":"var:preset|spacing|medium","margin":{"top":"var:preset|spacing|large","bottom":"0"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
    51 <div class="wp-block-group has-surface-muted-background-color has-background" style="border-radius:var(--wp--custom--radius--large);margin-top:var(--wp--preset--spacing--large);margin-bottom:0;padding-top:var(--wp--preset--spacing--medium);padding-right:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--medium)"><!-- wp:avatar {"size":76,"isLink":true,"className":"origin-canvas-author-avatar","style":{"border":{"radius":"38px"}}} /-->
    52 
    53 <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small"}},"layout":{"type":"constrained","justifyContent":"left"}} -->
    54 <div class="wp-block-group"><!-- wp:post-author-name {"isLink":true,"style":{"typography":{"fontStyle":"normal","fontWeight":"600","letterSpacing":"-0.01em"},"elements":{"link":{"color":{"text":"var:preset|color|text-heading"},":hover":{"color":{"text":"var:preset|color|primary"}}}}},"textColor":"text-heading","fontSize":"medium"} /-->
    55 
    56 <!-- wp:post-author-biography {"fontSize":"regular"} /--></div>
    57 <!-- /wp:group --></div>
     50<!-- wp:group {"style":{"spacing":{"margin":{"top":"var:preset|spacing|large","bottom":"0"}}},"layout":{"type":"default"}} -->
     51<div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--large);margin-bottom:0"><!-- wp:pattern {"slug":"origin-canvas/author-box"} /--></div>
    5852<!-- /wp:group -->
    5953
    … …  
    6458
    6559<!-- wp:column {"width":"33.33%"} -->
    66 <div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:template-part {"slug":"sidebar","theme":"origin-canvas","area":"sidebar"} /--></div>
     60<div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:group {"metadata":{"name":"Sidebar column"},"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
     61<div class="wp-block-group"><!-- wp:separator {"tagName":"div","className":"is-style-wide origin-canvas-sidebar-rule","metadata":{"name":"Stacked divider","blockVisibility":{"viewport":{"desktop":false}}},"style":{"spacing":{"margin":{"top":"var:preset|spacing|huge","bottom":"var:preset|spacing|huge"}}},"backgroundColor":"base-5"} -->
     62<div class="wp-block-separator has-text-color has-base-5-color has-alpha-channel-opacity has-base-5-background-color has-background is-style-wide origin-canvas-sidebar-rule" style="margin-top:var(--wp--preset--spacing--huge);margin-bottom:var(--wp--preset--spacing--huge)"></div>
     63<!-- /wp:separator -->
     64
     65<!-- wp:group {"metadata":{"name":"Rail"},"style":{"spacing":{"blockGap":"var:preset|spacing|extra-large"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"stretch"}} -->
     66<div class="wp-block-group"><!-- wp:group {"metadata":{"name":"Divider","blockVisibility":{"viewport":{"mobile":false,"tablet":false}}},"className":"origin-canvas-sidebar-divider origin-canvas-no-shrink","style":{"layout":{"selfStretch":"fixed","flexSize":"1px"}},"backgroundColor":"base-5","layout":{"type":"constrained"}} -->
     67<div class="wp-block-group origin-canvas-sidebar-divider origin-canvas-no-shrink has-base-5-background-color has-background"></div>
     68<!-- /wp:group -->
     69
     70<!-- wp:template-part {"slug":"sidebar","theme":"origin-canvas","tagName":"aside","area":"sidebar","style":{"layout":{"selfStretch":"fill","flexSize":null}}} /--></div>
     71<!-- /wp:group --></div>
     72<!-- /wp:group --></div>
    6773<!-- /wp:column --></div>
    6874<!-- /wp:columns -->

  • origin-canvas/1.4.3/patterns/hidden-single.php

    r347102 r356743  
    1313
    1414<!-- wp:group {"tagName":"main","style":{"spacing":{"blockGap":"var:preset|spacing|extra-large","margin":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|massive"}}},"layout":{"type":"default"}} -->
    15 <main class="wp-block-group" style="margin-top:var(--wp--preset--spacing--colossal);margin-bottom:var(--wp--preset--spacing--massive)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|compact"}},"layout":{"type":"constrained"}} -->
    16 <div class="wp-block-group"><!-- wp:post-terms {"term":"category","textAlign":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"},":hover":{"color":{"text":"var:preset|color|text-body"}}}},"typography":{"fontStyle":"normal","fontWeight":"600","textTransform":"uppercase","letterSpacing":"0.08em"},"spacing":{"margin":{"bottom":"var:preset|spacing|compact"}}},"textColor":"primary","fontSize":"extra-small"} /-->
     15<main class="wp-block-group" style="margin-top:var(--wp--preset--spacing--colossal);margin-bottom:var(--wp--preset--spacing--massive)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small-medium"}},"layout":{"type":"constrained"}} -->
     16<div class="wp-block-group"><!-- wp:post-terms {"term":"category","style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"},":hover":{"color":{"text":"var:preset|color|contrast-2"}}}},"typography":{"fontStyle":"normal","fontWeight":"600","textTransform":"uppercase","letterSpacing":"0.06em","textAlign":"center"},"spacing":{"margin":{"bottom":"var:preset|spacing|small-medium"}}},"textColor":"primary","fontSize":"extra-small"} /-->
    1717
    1818<!-- wp:post-title {"textAlign":"center","level":1,"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|medium"}}}} /-->
    1919
    20 <!-- wp:group {"style":{"typography":{"fontSize":"var:preset|font-size|small"},"spacing":{"blockGap":"var:preset|spacing|small","margin":{"top":"0","bottom":"var:preset|spacing|huge"}}},"textColor":"text-body","layout":{"type":"flex","flexWrap":"wrap","justifyContent":"center"}} -->
    21 <div class="wp-block-group has-text-body-color has-text-color" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--huge);font-size:var(--wp--preset--font-size--small)"><!-- wp:post-author-name {"isLink":true,"style":{"elements":{"link":{":hover":{"color":{"text":"var:preset|color|primary"}},"color":{"text":"var:preset|color|text-heading"}}},"typography":{"fontStyle":"normal","fontWeight":"600"}},"textColor":"text-heading","fontSize":"small"} /-->
     20<!-- wp:group {"style":{"typography":{"fontSize":"var:preset|font-size|small"},"spacing":{"blockGap":"var:preset|spacing|small","margin":{"top":"0","bottom":"var:preset|spacing|huge"}}},"textColor":"contrast-2","layout":{"type":"flex","flexWrap":"wrap","justifyContent":"center"}} -->
     21<div class="wp-block-group has-contrast-2-color has-text-color" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--huge);font-size:var(--wp--preset--font-size--small)"><!-- wp:post-author-name {"isLink":true,"style":{"elements":{"link":{":hover":{"color":{"text":"var:preset|color|primary"}},"color":{"text":"var:preset|color|contrast"}}},"typography":{"fontStyle":"normal","fontWeight":"600"}},"textColor":"contrast","fontSize":"small"} /-->
    2222
    23 <!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"text-muted","fontSize":"extra-small"} -->
    24 <p class="has-text-muted-color has-text-color has-extra-small-font-size" style="font-style:normal;font-weight:500">/</p>
     23<!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"contrast-3","fontSize":"extra-small"} -->
     24<p class="has-contrast-3-color has-text-color has-extra-small-font-size" style="font-style:normal;font-weight:500">/</p>
    2525<!-- /wp:paragraph -->
    2626
    27 <!-- wp:post-date {"metadata":{"bindings":{"datetime":{"source":"core/post-data","args":{"field":"date"}}}},"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"text-muted","fontSize":"small"} /--></div>
     27<!-- wp:post-date {"metadata":{"bindings":{"datetime":{"source":"core/post-data","args":{"field":"date"}}}},"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"contrast-3","fontSize":"small"} /--></div>
    2828<!-- /wp:group -->
    2929
    … …  
    3434<!-- wp:post-terms {"term":"post_tag","prefix":"Tags: ","className":"is-style-origin-canvas-term-inline","style":{"typography":{"fontStyle":"normal","fontWeight":"500"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|large"}}},"fontSize":"small"} /-->
    3535
    36 <!-- wp:separator {"className":"is-style-wide","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"backgroundColor":"border"} -->
    37 <hr class="wp-block-separator has-text-color has-border-color has-alpha-channel-opacity has-border-background-color has-background is-style-wide" style="margin-top:0;margin-bottom:0"/>
     36<!-- wp:separator {"className":"is-style-wide","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"backgroundColor":"base-5"} -->
     37<hr class="wp-block-separator has-text-color has-base-5-color has-alpha-channel-opacity has-base-5-background-color has-background is-style-wide" style="margin-top:0;margin-bottom:0"/>
    3838<!-- /wp:separator -->
    3939
    … …  
    4545
    4646
    47 <!-- wp:group {"backgroundColor":"surface-muted","style":{"border":{"radius":"var:custom|radius|large"},"spacing":{"padding":{"top":"var:preset|spacing|medium","right":"var:preset|spacing|medium","bottom":"var:preset|spacing|medium","left":"var:preset|spacing|medium"},"blockGap":"var:preset|spacing|medium","margin":{"top":"var:preset|spacing|large","bottom":"var:preset|spacing|huge"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
    48 <div class="wp-block-group has-surface-muted-background-color has-background" style="border-radius:var(--wp--custom--radius--large);margin-top:var(--wp--preset--spacing--large);margin-bottom:var(--wp--preset--spacing--huge);padding-top:var(--wp--preset--spacing--medium);padding-right:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--medium)"><!-- wp:avatar {"size":76,"isLink":true,"className":"origin-canvas-author-avatar","style":{"border":{"radius":"38px"}}} /-->
    49 
    50 <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small"}},"layout":{"type":"constrained","justifyContent":"left"}} -->
    51 <div class="wp-block-group"><!-- wp:post-author-name {"isLink":true,"style":{"typography":{"fontStyle":"normal","fontWeight":"600","letterSpacing":"-0.01em"},"elements":{"link":{"color":{"text":"var:preset|color|text-heading"},":hover":{"color":{"text":"var:preset|color|primary"}}}}},"textColor":"text-heading","fontSize":"medium"} /-->
    52 
    53 <!-- wp:post-author-biography {"fontSize":"regular"} /--></div>
    54 <!-- /wp:group --></div>
     47<!-- wp:group {"style":{"spacing":{"margin":{"top":"var:preset|spacing|large","bottom":"var:preset|spacing|huge"}}},"layout":{"type":"default"}} -->
     48<div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--large);margin-bottom:var(--wp--preset--spacing--huge)"><!-- wp:pattern {"slug":"origin-canvas/author-box"} /--></div>
    5549<!-- /wp:group -->
    5650

  • origin-canvas/1.4.3/patterns/lead-statement.php

    r347102 r356743  
    11<?php
    22/**
    3  * Title: Lead Statement
     3 * Title: Statement Band
    44 * Slug: origin-canvas/lead-statement
    5  * Description: A two-tone editorial lead statement for the top of the theme landing page.
     5 * Description: One large centered sentence in two text colors on a tinted band.
    66 * Categories: text
    7  * Keywords: intro, marketing, opening, manifesto
     7 * Keywords: marketing, manifesto, introduction
    88 * Viewport Width: 1500
    99 * Block Types:
    … …  
    1515
    1616?>
    17 <!-- wp:group {"tagName":"section","align":"full","backgroundColor":"surface-subtle","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"}}},"layout":{"type":"constrained","contentSize":"880px"}} -->
    18 <section class="wp-block-group alignfull has-surface-subtle-background-color has-background" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:group {"layout":{"type":"constrained","contentSize":"880px"}} -->
    19 <div class="wp-block-group"><!-- wp:heading {"level":2,"style":{"typography":{"lineHeight":"1.2","fontWeight":"500","letterSpacing":"-0.01em"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"display"} -->
    20 <h2 class="wp-block-heading has-display-font-size" style="margin-top:0;margin-bottom:0;font-weight:500;line-height:1.2;letter-spacing:-0.01em"><?php echo wp_kses_post( __( 'Balanced type, deliberate spacing, flexible templates. <span class="has-inline-color has-text-muted-color">A clear design foundation from the first page, so the structure is already right before you write a word.</span>', 'origin-canvas' ) ); ?></h2>
     17<!-- wp:group {"tagName":"section","align":"full","backgroundColor":"base-3","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"}}},"layout":{"type":"constrained"}} -->
     18<section class="wp-block-group alignfull has-base-3-background-color has-background" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"0","left":"var:preset|spacing|large"}}}} -->
     19<div class="wp-block-columns alignwide"><!-- wp:column {"width":"8.33%"} -->
     20<div class="wp-block-column" style="flex-basis:8.33%"></div>
     21<!-- /wp:column -->
     22
     23<!-- wp:column {"width":"83.33%"} -->
     24<div class="wp-block-column" style="flex-basis:83.33%"><!-- wp:heading {"level":2,"className":"origin-canvas-text-balance","style":{"typography":{"lineHeight":"1.2","fontWeight":"500","textAlign":"center"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"display"} -->
     25<h2 class="wp-block-heading has-text-align-center origin-canvas-text-balance has-display-font-size" style="margin-top:0;margin-bottom:0;font-weight:500;line-height:1.2"><?php echo wp_kses_post( __( 'Balanced type, deliberate spacing, flexible templates. <span class="has-inline-color has-contrast-3-color">A clear design foundation from the first page, so the structure is already right before you write a word.</span>', 'origin-canvas' ) ); ?></h2>
    2126<!-- /wp:heading --></div>
    22 <!-- /wp:group --></section>
     27<!-- /wp:column -->
     28
     29<!-- wp:column {"width":"8.33%"} -->
     30<div class="wp-block-column" style="flex-basis:8.33%"></div>
     31<!-- /wp:column --></div>
     32<!-- /wp:columns --></section>
    2333<!-- /wp:group -->

  • origin-canvas/1.4.3/patterns/page-studio.php

    r347102 r356743  
    11<?php
    22/**
    3  * Title: Studio Page
     3 * Title: Home: Editorial Cover
    44 * Slug: origin-canvas/page-studio
    55 * Description: A single-page design for a small studio or portfolio: featured work, process, and a call to action. Insert into a Page and set it as your static front page.
    … …  
    1616?>
    1717<!-- wp:pattern {"slug":"origin-canvas/hero-cover"} /-->
    18 <!-- wp:pattern {"slug":"origin-canvas/breath-statement"} /-->
     18<!-- wp:pattern {"slug":"origin-canvas/features-band-grid"} /-->
    1919<!-- wp:pattern {"slug":"origin-canvas/work-index"} /-->
    2020<!-- wp:pattern {"slug":"origin-canvas/stat-band"} /-->

  • origin-canvas/1.4.3/patterns/pattern-showcase.php

    r347102 r356743  
    33 * Title: Pattern Showcase
    44 * Slug: origin-canvas/pattern-showcase
    5  * Description: A full-bleed gradient tile board showcasing the pattern library on the theme landing page.
     5 * Description: A centered eyebrow, heading and lead over six gradient tiles the full width of the screen, and a link to all patterns.
    66 * Categories: origin-canvas/features
    7  * Keywords: marketing, gallery, preview, catalogue
     7 * Keywords: marketing, gallery, preview, catalog
    88 * Viewport Width: 1500
    99 * Block Types:
    1010 * Post Types:
    11  * Inserter: true
     11 * Inserter: false
    1212 *
    1313 * @package Origin
    … …  
    1515
    1616?>
    17 <!-- wp:group {"tagName":"section","align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"}}},"layout":{"type":"constrained"}} -->
    18 <section class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:paragraph {"align":"center","style":{"typography":{"textTransform":"uppercase","fontWeight":"600","letterSpacing":"0.12em"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}}},"textColor":"primary","fontSize":"small"} -->
    19 <p class="has-text-align-center has-primary-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium);font-weight:600;letter-spacing:0.12em;text-transform:uppercase"><?php echo esc_html__( 'Pattern library', 'origin-canvas' ); ?></p>
     17<!-- wp:group {"anchor":"patterns","tagName":"section","align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"}}},"layout":{"type":"constrained"}} -->
     18<section id="patterns" class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:paragraph {"className":"origin-canvas-eyebrow","style":{"typography":{"textTransform":"uppercase","fontWeight":"600","letterSpacing":"0.06em","textAlign":"center"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}}},"textColor":"primary","fontSize":"small"} -->
     19<p class="origin-canvas-eyebrow has-text-align-center has-primary-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium);font-weight:600;letter-spacing:0.06em;text-transform:uppercase"><?php echo esc_html__( 'Pattern library', 'origin-canvas' ); ?></p>
    2020<!-- /wp:paragraph -->
    2121
    22 <!-- wp:heading {"textAlign":"center","level":2,"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}}},"fontSize":"display"} -->
    23 <h2 class="wp-block-heading has-text-align-center has-display-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium)"><?php echo esc_html__( '61 patterns. 14 categories. One design language.', 'origin-canvas' ); ?></h2>
     22<!-- wp:heading {"level":2,"align":"wide","style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"textAlign":"center"}},"fontSize":"display"} -->
     23<h2 class="wp-block-heading has-text-align-center alignwide has-display-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( '93 patterns. 18 categories. One design language.', 'origin-canvas' ); ?></h2>
    2424<!-- /wp:heading -->
    2525
    26 <!-- wp:group {"layout":{"type":"constrained","contentSize":"640px"}} -->
    27 <div class="wp-block-group"><!-- wp:paragraph {"align":"center","textColor":"text-body","fontSize":"regular-plus"} -->
    28 <p class="has-text-align-center has-text-body-color has-text-color has-regular-plus-font-size"><?php echo esc_html__( 'Every pattern is built from core blocks and bound to the theme presets, so it drops in editable and on-brand. Assemble a full page in an afternoon, or start from a single section and grow.', 'origin-canvas' ); ?></p>
     26<!-- wp:group {"style":{"spacing":{"margin":{"top":"var:preset|spacing|small-medium"}}},"layout":{"type":"constrained"}} -->
     27<div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--small-medium)"><!-- wp:paragraph {"style":{"typography":{"textAlign":"center"}},"textColor":"contrast-2","fontSize":"regular-plus"} -->
     28<p class="has-text-align-center has-contrast-2-color has-text-color has-regular-plus-font-size"><?php echo esc_html__( 'Every pattern is built from core blocks and bound to the theme presets, so it drops in editable and on-brand. Assemble a full page in an afternoon, or start from a single section and grow.', 'origin-canvas' ); ?></p>
    2929<!-- /wp:paragraph --></div>
    3030<!-- /wp:group -->
    … …  
    5656<!-- /wp:group -->
    5757
    58 <!-- wp:paragraph {"align":"center","style":{"typography":{"fontWeight":"500"},"spacing":{"margin":{"top":"var:preset|spacing|extra-large","bottom":"0"}},"elements":{"link":{"color":{"text":"var:preset|color|text-heading"},"typography":{"textDecoration":"none"}}}},"textColor":"text-heading","fontSize":"regular"} -->
    59 <p class="has-text-align-center has-text-heading-color has-text-color has-link-color has-regular-font-size" style="margin-top:var(--wp--preset--spacing--extra-large);margin-bottom:0;font-weight:500"><a href="#" style="text-decoration:none"><?php echo esc_html__( 'Explore all patterns', 'origin-canvas' ); ?></a> <span class="has-primary-color has-text-color" style="color:var(--wp--preset--color--primary)" aria-hidden="true">&rarr;</span></p>
     58<!-- wp:paragraph {"style":{"typography":{"fontWeight":"500","textAlign":"center"},"spacing":{"margin":{"top":"var:preset|spacing|extra-large","bottom":"0"}},"elements":{"link":{"typography":{"textDecoration":"none"}}}},"textColor":"contrast","fontSize":"regular"} -->
     59<p class="has-text-align-center has-contrast-color has-text-color has-regular-font-size" style="margin-top:var(--wp--preset--spacing--extra-large);margin-bottom:0;font-weight:500"><a href="#" style="text-decoration:none"><?php echo esc_html__( 'Explore all patterns', 'origin-canvas' ); ?> <span aria-hidden="true">&rarr;</span></a></p>
    6060<!-- /wp:paragraph --></section>
    6161<!-- /wp:group -->

  • origin-canvas/1.4.3/patterns/post-loop-grid.php

    r347102 r356743  
    1919<!-- wp:post-featured-image {"isLink":true,"aspectRatio":"3/2","className":"origin-canvas-featured-fallback","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}},"border":{"radius":{"topLeft":"8px","topRight":"8px"}}}} /-->
    2020
    21 <!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|extra-large","right":"var:preset|spacing|extra-large","bottom":"var:preset|spacing|extra-large","left":"var:preset|spacing|extra-large"}},"border":{"radius":{"bottomLeft":"8px","bottomRight":"8px"}}},"backgroundColor":"surface-muted","layout":{"type":"constrained","justifyContent":"center"}} -->
    22 <div class="wp-block-group has-surface-muted-background-color has-background" style="border-bottom-left-radius:8px;border-bottom-right-radius:8px;padding-top:var(--wp--preset--spacing--extra-large);padding-right:var(--wp--preset--spacing--extra-large);padding-bottom:var(--wp--preset--spacing--extra-large);padding-left:var(--wp--preset--spacing--extra-large)"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
    23 <div class="wp-block-group"><!-- wp:post-terms {"term":"category","style":{"typography":{"fontStyle":"normal","fontWeight":"500","textTransform":"uppercase"},"elements":{"link":{":hover":{"color":{"text":"var:preset|color|text-body"}},"color":{"text":"var:preset|color|primary"}}}},"textColor":"primary","fontSize":"extra-small"} /-->
     21<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|extra-large","right":"var:preset|spacing|extra-large","bottom":"var:preset|spacing|extra-large","left":"var:preset|spacing|extra-large"}},"border":{"radius":{"bottomLeft":"8px","bottomRight":"8px"}}},"backgroundColor":"base-2","layout":{"type":"constrained","justifyContent":"center"}} -->
     22<div class="wp-block-group has-base-2-background-color has-background" style="border-bottom-left-radius:8px;border-bottom-right-radius:8px;padding-top:var(--wp--preset--spacing--extra-large);padding-right:var(--wp--preset--spacing--extra-large);padding-bottom:var(--wp--preset--spacing--extra-large);padding-left:var(--wp--preset--spacing--extra-large)"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
     23<div class="wp-block-group"><!-- wp:post-terms {"term":"category","style":{"typography":{"fontStyle":"normal","fontWeight":"500","textTransform":"uppercase"},"elements":{"link":{":hover":{"color":{"text":"var:preset|color|primary"}},"color":{"text":"var:preset|color|contrast-3"}}}},"textColor":"contrast-3","fontSize":"extra-small"} /-->
    2424
    25 <!-- wp:post-date {"format":"M j","isLink":true,"metadata":{"bindings":{"datetime":{"source":"core/post-data","args":{"field":"date"}}}},"style":{"elements":{"link":{"color":{"text":"var:preset|color|text-body"},":hover":{"color":{"text":"var:preset|color|primary"}}}},"typography":{"fontStyle":"normal","fontWeight":"400","textDecoration":"none"}},"textColor":"text-body","fontSize":"extra-small"} /--></div>
     25<!-- wp:post-date {"format":"M j","isLink":true,"metadata":{"bindings":{"datetime":{"source":"core/post-data","args":{"field":"date"}}}},"style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast-3"},":hover":{"color":{"text":"var:preset|color|primary"}}}},"typography":{"fontStyle":"normal","fontWeight":"400","textDecoration":"none"}},"textColor":"contrast-3","fontSize":"extra-small"} /--></div>
    2626<!-- /wp:group -->
    2727
    28 <!-- wp:post-title {"level":3,"isLink":true,"style":{"typography":{"fontStyle":"normal","textDecoration":"none"},"spacing":{"margin":{"top":"var:preset|spacing|small","bottom":"var:preset|spacing|medium"}},"elements":{"link":{"color":{"text":"var:preset|color|text-heading"},":hover":{"color":{"text":"var:preset|color|primary"}}}}},"fontSize":"medium"} /-->
     28<!-- wp:post-title {"level":3,"isLink":true,"style":{"typography":{"fontStyle":"normal","textDecoration":"none"},"spacing":{"margin":{"top":"var:preset|spacing|small","bottom":"var:preset|spacing|medium"}},"elements":{"link":{"color":{"text":"var:preset|color|contrast"},":hover":{"color":{"text":"var:preset|color|primary"}}}}},"fontSize":"medium"} /-->
    2929
    30 <!-- wp:post-excerpt {"moreText":"Read more","className":"origin-canvas-post-excerpt","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}},"elements":{"link":{"color":{"text":"var:preset|color|text-heading"},":hover":{"color":{"text":"var:preset|color|primary"}}}}},"textColor":"text-heading","fontSize":"regular"} /--></div>
     30<!-- wp:post-excerpt {"moreText":"Read more","className":"origin-canvas-post-excerpt","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}},"elements":{"link":{"color":{"text":"var:preset|color|contrast"},":hover":{"color":{"text":"var:preset|color|primary"}}}}},"textColor":"contrast-2","fontSize":"regular"} /--></div>
    3131<!-- /wp:group -->
    3232<!-- /wp:post-template -->

  • origin-canvas/1.4.3/patterns/post-loop-list.php

    r347102 r356743  
    1717<!-- wp:query {"queryId":1,"query":{"perPage":10,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","inherit":true},"metadata":{"categories":["origin-canvas/posts"],"patternName":"origin-canvas/post-loop-list","name":"Post Loop List"},"align":"wide","className":"origin-canvas-post-loop-list","layout":{"type":"default"}} -->
    1818<div class="wp-block-query alignwide origin-canvas-post-loop-list"><!-- wp:post-template {"style":{"spacing":{"blockGap":"var:preset|spacing|extra-large","margin":{"bottom":"var:preset|spacing|huge"}}},"layout":{"type":"constrained"}} -->
    19 <!-- wp:columns {"className":"origin-canvas-post-list-card","style":{"spacing":{"blockGap":{"top":"0","left":"var:preset|spacing|none"}},"border":{"radius":{"topLeft":"20px","topRight":"20px","bottomLeft":"20px","bottomRight":"20px"}}}} -->
    20 <div class="wp-block-columns origin-canvas-post-list-card" style="border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-left-radius:20px;border-bottom-right-radius:20px"><!-- wp:column {"verticalAlignment":"center","width":"40%"} -->
    21 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:40%"><!-- wp:post-featured-image {"isLink":true,"aspectRatio":"4/3","sizeSlug":"full","className":"origin-canvas-featured-fallback origin-canvas-featured-fallback\u002d\u002dlist"} /--></div>
     19<!-- wp:columns {"className":"origin-canvas-post-list-card","style":{"spacing":{"blockGap":{"top":"0","left":"var:preset|spacing|none"}},"border":{"radius":{"topLeft":"8px","topRight":"8px","bottomLeft":"8px","bottomRight":"8px"}}}} -->
     20<div class="wp-block-columns origin-canvas-post-list-card" style="border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:8px;border-bottom-right-radius:8px"><!-- wp:column {"verticalAlignment":"stretch","width":"41.67%"} -->
     21<div class="wp-block-column is-vertically-aligned-stretch" style="flex-basis:41.67%"><!-- wp:post-featured-image {"isLink":true,"aspectRatio":"4/3","height":"100%","scale":"cover","sizeSlug":"full","className":"origin-canvas-featured-fallback origin-canvas-featured-fallback\u002d\u002dlist"} /--></div>
    2222<!-- /wp:column -->
    2323
    24 <!-- wp:column {"verticalAlignment":"stretch","width":"60%","style":{"spacing":{"padding":{"top":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|large","right":"var:preset|spacing|large"}}},"backgroundColor":"surface-muted"} -->
    25 <div class="wp-block-column is-vertically-aligned-stretch has-surface-muted-background-color has-background" style="padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large);flex-basis:60%"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
    26 <div class="wp-block-group"><!-- wp:post-terms {"term":"category","style":{"typography":{"fontStyle":"normal","fontWeight":"500","textTransform":"uppercase","fontSize":"var:preset|font-size|extra-small"},"elements":{"link":{":hover":{"color":{"text":"var:preset|color|text-body"}},"color":{"text":"var:preset|color|primary"}}}},"textColor":"primary"} /-->
     24<!-- wp:column {"verticalAlignment":"stretch","width":"58.33%","style":{"spacing":{"padding":{"top":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|large","right":"var:preset|spacing|large"}}},"backgroundColor":"base-2"} -->
     25<div class="wp-block-column is-vertically-aligned-stretch has-base-2-background-color has-background" style="padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large);flex-basis:58.33%"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
     26<div class="wp-block-group"><!-- wp:post-terms {"term":"category","style":{"typography":{"fontStyle":"normal","fontWeight":"500","textTransform":"uppercase","fontSize":"var:preset|font-size|extra-small"},"elements":{"link":{":hover":{"color":{"text":"var:preset|color|primary"}},"color":{"text":"var:preset|color|contrast-3"}}}},"textColor":"contrast-3"} /-->
    2727
    28 <!-- wp:post-date {"format":"M j","isLink":true,"metadata":{"bindings":{"datetime":{"source":"core/post-data","args":{"field":"date"}}}},"style":{"elements":{"link":{"color":{"text":"var:preset|color|text-body"},":hover":{"color":{"text":"var:preset|color|primary"}}}},"typography":{"fontStyle":"normal","fontWeight":"400","textDecoration":"none"}},"textColor":"text-body","fontSize":"extra-small"} /--></div>
     28<!-- wp:post-date {"format":"M j","isLink":true,"metadata":{"bindings":{"datetime":{"source":"core/post-data","args":{"field":"date"}}}},"style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast-3"},":hover":{"color":{"text":"var:preset|color|primary"}}}},"typography":{"fontStyle":"normal","fontWeight":"400","textDecoration":"none"}},"textColor":"contrast-3","fontSize":"extra-small"} /--></div>
    2929<!-- /wp:group -->
    3030
    31 <!-- wp:post-title {"level":3,"isLink":true,"style":{"typography":{"fontStyle":"normal","textDecoration":"none"},"spacing":{"margin":{"top":"var:preset|spacing|small","bottom":"var:preset|spacing|medium"}},"elements":{"link":{"color":{"text":"var:preset|color|text-heading"},":hover":{"color":{"text":"var:preset|color|primary"}}}}},"fontSize":"medium"} /-->
     31<!-- wp:post-title {"level":3,"isLink":true,"style":{"typography":{"fontStyle":"normal","textDecoration":"none"},"spacing":{"margin":{"top":"var:preset|spacing|small","bottom":"var:preset|spacing|medium"}},"elements":{"link":{"color":{"text":"var:preset|color|contrast"},":hover":{"color":{"text":"var:preset|color|primary"}}}}},"fontSize":"medium"} /-->
    3232
    33 <!-- wp:post-excerpt {"moreText":"Read more","className":"origin-canvas-post-excerpt","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}},"elements":{"link":{"color":{"text":"var:preset|color|text-heading"},":hover":{"color":{"text":"var:preset|color|primary"}}}}},"textColor":"text-heading","fontSize":"regular"} /--></div>
     33<!-- wp:post-excerpt {"moreText":"Read more","className":"origin-canvas-post-excerpt","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}},"elements":{"link":{"color":{"text":"var:preset|color|contrast"},":hover":{"color":{"text":"var:preset|color|primary"}}}}},"textColor":"contrast-2","fontSize":"regular"} /--></div>
    3434<!-- /wp:column --></div>
    3535<!-- /wp:columns -->
    … …  
    3838<!-- wp:group {"layout":{"type":"constrained"}} -->
    3939<div class="wp-block-group"><!-- wp:query-no-results -->
    40 <!-- wp:paragraph {"align":"center"} -->
     40<!-- wp:paragraph {"style":{"typography":{"textAlign":"center"}}} -->
    4141<p class="has-text-align-center"><?php echo esc_html__( 'No posts were found.', 'origin-canvas' ); ?></p>
    4242<!-- /wp:paragraph -->

  • origin-canvas/1.4.3/patterns/pricing-simple.php

    r347102 r356743  
    11<?php
    22/**
    3  * Title: Pricing Simple
     3 * Title: Pricing Grid
    44 * Slug: origin-canvas/pricing-simple
    55 * Description: Three plan columns without cards, each opening on a hairline rule, with a price, feature list, and button.
    … …  
    1616?>
    1717<!-- wp:group {"tagName":"section","align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"}}},"layout":{"type":"constrained"}} -->
    18 <section class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small","margin":{"bottom":"var:preset|spacing|extra-large"}}},"layout":{"type":"constrained","contentSize":"720px"}} -->
    19 <div class="wp-block-group" style="margin-bottom:var(--wp--preset--spacing--extra-large)"><!-- wp:heading {"textAlign":"center","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"display"} -->
    20 <h2 class="wp-block-heading has-text-align-center has-display-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Three ways to start', 'origin-canvas' ); ?></h2>
     18<section class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"var:preset|spacing|small","margin":{"bottom":"var:preset|spacing|extra-large"}}},"layout":{"type":"constrained"}} -->
     19<div class="wp-block-group alignwide" style="margin-bottom:var(--wp--preset--spacing--extra-large)"><!-- wp:heading {"align":"wide","style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"textAlign":"center"}},"fontSize":"display"} -->
     20<h2 class="wp-block-heading has-text-align-center alignwide has-display-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Three ways to start', 'origin-canvas' ); ?></h2>
    2121<!-- /wp:heading -->
    2222
    23 <!-- wp:paragraph {"align":"center","textColor":"text-body","fontSize":"regular-plus"} -->
    24 <p class="has-text-align-center has-text-body-color has-text-color has-regular-plus-font-size"><?php echo esc_html__( 'Every engagement is scoped in writing before we begin &#8212; the invoice never surprises you.', 'origin-canvas' ); ?></p>
     23<!-- wp:paragraph {"style":{"typography":{"textAlign":"center"}},"textColor":"contrast-2","fontSize":"regular-plus"} -->
     24<p class="has-text-align-center has-contrast-2-color has-text-color has-regular-plus-font-size"><?php echo esc_html__( 'Every engagement is scoped in writing before we begin, so the invoice never surprises you.', 'origin-canvas' ); ?></p>
    2525<!-- /wp:paragraph --></div>
    2626<!-- /wp:group -->
    2727
    2828<!-- wp:columns {"align":"wide","verticalAlignment":"stretch","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
    29 <div class="wp-block-columns alignwide are-vertically-aligned-stretch"><!-- wp:column {"verticalAlignment":"stretch","style":{"border":{"top":{"color":"var:preset|color|border","width":"1px"}},"spacing":{"padding":{"top":"var:preset|spacing|large"}}}} -->
    30 <div class="wp-block-column is-vertically-aligned-stretch" style="border-top-color:var(--wp--preset--color--border);border-top-width:1px;padding-top:var(--wp--preset--spacing--large)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small"}},"layout":{"type":"constrained"}} -->
    31 <div class="wp-block-group"><!-- wp:paragraph {"fontSize":"extra-small","style":{"typography":{"textTransform":"uppercase","letterSpacing":"0.08em","fontWeight":"500"},"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
    32 <p class="has-extra-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:500;letter-spacing:0.08em;text-transform:uppercase"><?php echo esc_html__( 'Starter', 'origin-canvas' ); ?></p>
     29<div class="wp-block-columns alignwide are-vertically-aligned-stretch"><!-- wp:column {"verticalAlignment":"stretch","style":{"border":{"top":{"color":"var:preset|color|base-5","width":"1px"}},"spacing":{"padding":{"top":"var:preset|spacing|large"}}}} -->
     30<div class="wp-block-column is-vertically-aligned-stretch" style="border-top-color:var(--wp--preset--color--base-5);border-top-width:1px;padding-top:var(--wp--preset--spacing--large)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small"}},"layout":{"type":"constrained"}} -->
     31<div class="wp-block-group"><!-- wp:paragraph {"textColor":"contrast","fontSize":"extra-small","style":{"typography":{"textTransform":"uppercase","letterSpacing":"0.06em","fontWeight":"500"},"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
     32<p class="has-contrast-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:500;letter-spacing:0.06em;text-transform:uppercase"><?php echo esc_html__( 'Starter', 'origin-canvas' ); ?></p>
    3333<!-- /wp:paragraph -->
    3434
    35 <!-- wp:paragraph {"textColor":"text-heading","fontSize":"display","style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontWeight":"700","lineHeight":"1"}}} -->
    36 <p class="has-text-heading-color has-text-color has-display-font-size" style="margin-top:0;margin-bottom:0;font-weight:700;line-height:1"><?php echo wp_kses_post( __( '&pound;2,400 <span style="font-size:var(--wp--preset--font-size--regular);font-weight:400;color:var(--wp--preset--color--text-body);">one-off</span>', 'origin-canvas' ) ); ?></p>
     35<!-- wp:paragraph {"textColor":"contrast","fontSize":"huge","style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontWeight":"700","lineHeight":"1"}}} -->
     36<p class="has-contrast-color has-text-color has-huge-font-size" style="margin-top:0;margin-bottom:0;font-weight:700;line-height:1"><?php echo wp_kses_post( __( '$2,500 <span style="font-size:var(--wp--preset--font-size--regular);font-weight:400;letter-spacing:normal;color:var(--wp--preset--color--contrast-2);">one-time</span>', 'origin-canvas' ) ); ?></p>
    3737<!-- /wp:paragraph -->
    3838
    39 <!-- wp:paragraph {"textColor":"text-body","fontSize":"regular"} -->
    40 <p class="has-text-body-color has-text-color has-regular-font-size"><?php echo esc_html__( 'A focused site for a small business that knows what it wants to say.', 'origin-canvas' ); ?></p>
     39<!-- wp:paragraph {"textColor":"contrast-2","fontSize":"regular"} -->
     40<p class="has-contrast-2-color has-text-color has-regular-font-size"><?php echo esc_html__( 'A focused site for a small business that knows what it wants to say.', 'origin-canvas' ); ?></p>
    4141<!-- /wp:paragraph -->
    4242
    43 <!-- wp:list {"className":"is-style-origin-canvas-list-check","style":{"spacing":{"blockGap":"var:preset|spacing|small","margin":{"top":"var:preset|spacing|large"}}},"fontSize":"small"} -->
    44 <ul class="wp-block-list is-style-origin-canvas-list-check has-small-font-size" style="margin-top:var(--wp--preset--spacing--large)"><!-- wp:list-item --><li><?php echo esc_html__( 'Up to five pages', 'origin-canvas' ); ?></li><!-- /wp:list-item -->
     43<!-- wp:list {"className":"is-style-origin-canvas-list-check-neutral","style":{"spacing":{"blockGap":"var:preset|spacing|small","margin":{"top":"var:preset|spacing|large"}}},"fontSize":"small"} -->
     44<ul class="wp-block-list is-style-origin-canvas-list-check-neutral has-small-font-size" style="margin-top:var(--wp--preset--spacing--large)"><!-- wp:list-item --><li><?php echo esc_html__( 'Up to five pages', 'origin-canvas' ); ?></li><!-- /wp:list-item -->
    4545<!-- wp:list-item --><li><?php echo esc_html__( 'Logo refresh', 'origin-canvas' ); ?></li><!-- /wp:list-item -->
    4646<!-- wp:list-item --><li><?php echo esc_html__( 'Two rounds of revisions', 'origin-canvas' ); ?></li><!-- /wp:list-item -->
    47 <!-- wp:list-item --><li><?php echo esc_html__( 'Two-week delivery', 'origin-canvas' ); ?></li><!-- /wp:list-item --></ul>
     47<!-- wp:list-item --><li><?php echo esc_html__( 'Three-week delivery', 'origin-canvas' ); ?></li><!-- /wp:list-item --></ul>
    4848<!-- /wp:list -->
    4949
    … …  
    5656<!-- /wp:column -->
    5757
    58 <!-- wp:column {"verticalAlignment":"stretch","style":{"border":{"top":{"color":"var:preset|color|border","width":"1px"}},"spacing":{"padding":{"top":"var:preset|spacing|large"}}}} -->
    59 <div class="wp-block-column is-vertically-aligned-stretch" style="border-top-color:var(--wp--preset--color--border);border-top-width:1px;padding-top:var(--wp--preset--spacing--large)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small"}},"layout":{"type":"constrained"}} -->
    60 <div class="wp-block-group"><!-- wp:paragraph {"textColor":"primary","fontSize":"extra-small","style":{"typography":{"textTransform":"uppercase","letterSpacing":"0.08em","fontWeight":"500"},"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
    61 <p class="has-primary-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:500;letter-spacing:0.08em;text-transform:uppercase"><?php echo esc_html__( 'Studio', 'origin-canvas' ); ?></p>
     58<!-- wp:column {"verticalAlignment":"stretch","className":"origin-canvas-pricing-simple-featured","style":{"border":{"top":{"color":"var:preset|color|contrast","width":"2px"}},"spacing":{"padding":{"top":"var:preset|spacing|large"}}}} -->
     59<div class="wp-block-column is-vertically-aligned-stretch origin-canvas-pricing-simple-featured" style="border-top-color:var(--wp--preset--color--contrast);border-top-width:2px;padding-top:var(--wp--preset--spacing--large)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small"}},"layout":{"type":"constrained"}} -->
     60<div class="wp-block-group"><!-- wp:paragraph {"textColor":"contrast","fontSize":"extra-small","style":{"typography":{"textTransform":"uppercase","letterSpacing":"0.06em","fontWeight":"500"},"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
     61<p class="has-contrast-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:500;letter-spacing:0.06em;text-transform:uppercase"><?php echo esc_html__( 'Studio', 'origin-canvas' ); ?></p>
    6262<!-- /wp:paragraph -->
    6363
    64 <!-- wp:paragraph {"textColor":"text-heading","fontSize":"display","style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontWeight":"700","lineHeight":"1"}}} -->
    65 <p class="has-text-heading-color has-text-color has-display-font-size" style="margin-top:0;margin-bottom:0;font-weight:700;line-height:1"><?php echo wp_kses_post( __( '&pound;6,000 <span style="font-size:var(--wp--preset--font-size--regular);font-weight:400;color:var(--wp--preset--color--text-body);">one-off</span>', 'origin-canvas' ) ); ?></p>
     64<!-- wp:paragraph {"textColor":"contrast","fontSize":"huge","style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontWeight":"700","lineHeight":"1"}}} -->
     65<p class="has-contrast-color has-text-color has-huge-font-size" style="margin-top:0;margin-bottom:0;font-weight:700;line-height:1"><?php echo wp_kses_post( __( '$8,000 <span style="font-size:var(--wp--preset--font-size--regular);font-weight:400;letter-spacing:normal;color:var(--wp--preset--color--contrast-2);">one-time</span>', 'origin-canvas' ) ); ?></p>
    6666<!-- /wp:paragraph -->
    6767
    68 <!-- wp:paragraph {"textColor":"text-body","fontSize":"regular"} -->
    69 <p class="has-text-body-color has-text-color has-regular-font-size"><?php echo esc_html__( 'Our standard engagement: brand work, site, and a hand-written launch checklist.', 'origin-canvas' ); ?></p>
     68<!-- wp:paragraph {"textColor":"contrast-2","fontSize":"regular"} -->
     69<p class="has-contrast-2-color has-text-color has-regular-font-size"><?php echo esc_html__( 'Our standard engagement: brand work, site, and a hand-written launch checklist.', 'origin-canvas' ); ?></p>
    7070<!-- /wp:paragraph -->
    7171
    72 <!-- wp:list {"className":"is-style-origin-canvas-list-check","style":{"spacing":{"blockGap":"var:preset|spacing|small","margin":{"top":"var:preset|spacing|large"}}},"fontSize":"small"} -->
    73 <ul class="wp-block-list is-style-origin-canvas-list-check has-small-font-size" style="margin-top:var(--wp--preset--spacing--large)"><!-- wp:list-item --><li><?php echo esc_html__( 'Up to twelve pages', 'origin-canvas' ); ?></li><!-- /wp:list-item -->
    74 <!-- wp:list-item --><li><?php echo esc_html__( 'Full identity (mark, colour, type)', 'origin-canvas' ); ?></li><!-- /wp:list-item -->
     72<!-- wp:list {"className":"is-style-origin-canvas-list-check-neutral","style":{"spacing":{"blockGap":"var:preset|spacing|small","margin":{"top":"var:preset|spacing|large"}}},"fontSize":"small"} -->
     73<ul class="wp-block-list is-style-origin-canvas-list-check-neutral has-small-font-size" style="margin-top:var(--wp--preset--spacing--large)"><!-- wp:list-item --><li><?php echo esc_html__( 'Up to eight pages', 'origin-canvas' ); ?></li><!-- /wp:list-item -->
     74<!-- wp:list-item --><li><?php echo esc_html__( 'Full identity (mark, color, type)', 'origin-canvas' ); ?></li><!-- /wp:list-item -->
    7575<!-- wp:list-item --><li><?php echo esc_html__( 'Photography direction', 'origin-canvas' ); ?></li><!-- /wp:list-item -->
    76 <!-- wp:list-item --><li><?php echo esc_html__( 'Four-week delivery', 'origin-canvas' ); ?></li><!-- /wp:list-item --></ul>
     76<!-- wp:list-item --><li><?php echo esc_html__( 'Eight-week delivery', 'origin-canvas' ); ?></li><!-- /wp:list-item --></ul>
    7777<!-- /wp:list -->
    7878
    … …  
    8585<!-- /wp:column -->
    8686
    87 <!-- wp:column {"verticalAlignment":"stretch","style":{"border":{"top":{"color":"var:preset|color|border","width":"1px"}},"spacing":{"padding":{"top":"var:preset|spacing|large"}}}} -->
    88 <div class="wp-block-column is-vertically-aligned-stretch" style="border-top-color:var(--wp--preset--color--border);border-top-width:1px;padding-top:var(--wp--preset--spacing--large)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small"}},"layout":{"type":"constrained"}} -->
    89 <div class="wp-block-group"><!-- wp:paragraph {"fontSize":"extra-small","style":{"typography":{"textTransform":"uppercase","letterSpacing":"0.08em","fontWeight":"500"},"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
    90 <p class="has-extra-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:500;letter-spacing:0.08em;text-transform:uppercase"><?php echo esc_html__( 'Retained', 'origin-canvas' ); ?></p>
     87<!-- wp:column {"verticalAlignment":"stretch","style":{"border":{"top":{"color":"var:preset|color|base-5","width":"1px"}},"spacing":{"padding":{"top":"var:preset|spacing|large"}}}} -->
     88<div class="wp-block-column is-vertically-aligned-stretch" style="border-top-color:var(--wp--preset--color--base-5);border-top-width:1px;padding-top:var(--wp--preset--spacing--large)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small"}},"layout":{"type":"constrained"}} -->
     89<div class="wp-block-group"><!-- wp:paragraph {"textColor":"contrast","fontSize":"extra-small","style":{"typography":{"textTransform":"uppercase","letterSpacing":"0.06em","fontWeight":"500"},"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
     90<p class="has-contrast-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:500;letter-spacing:0.06em;text-transform:uppercase"><?php echo esc_html__( 'Retained', 'origin-canvas' ); ?></p>
    9191<!-- /wp:paragraph -->
    9292
    93 <!-- wp:paragraph {"textColor":"text-heading","fontSize":"display","style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontWeight":"700","lineHeight":"1"}}} -->
    94 <p class="has-text-heading-color has-text-color has-display-font-size" style="margin-top:0;margin-bottom:0;font-weight:700;line-height:1"><?php echo wp_kses_post( __( '&pound;1,800 <span style="font-size:var(--wp--preset--font-size--regular);font-weight:400;color:var(--wp--preset--color--text-body);">per month</span>', 'origin-canvas' ) ); ?></p>
     93<!-- wp:paragraph {"textColor":"contrast","fontSize":"huge","style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontWeight":"700","lineHeight":"1"}}} -->
     94<p class="has-contrast-color has-text-color has-huge-font-size" style="margin-top:0;margin-bottom:0;font-weight:700;line-height:1"><?php echo wp_kses_post( __( '$1,800 <span style="font-size:var(--wp--preset--font-size--regular);font-weight:400;letter-spacing:normal;color:var(--wp--preset--color--contrast-2);">per month</span>', 'origin-canvas' ) ); ?></p>
    9595<!-- /wp:paragraph -->
    9696
    97 <!-- wp:paragraph {"textColor":"text-body","fontSize":"regular"} -->
    98 <p class="has-text-body-color has-text-color has-regular-font-size"><?php echo esc_html__( 'For clients who treat their site like a living thing, not a one-off project.', 'origin-canvas' ); ?></p>
     97<!-- wp:paragraph {"textColor":"contrast-2","fontSize":"regular"} -->
     98<p class="has-contrast-2-color has-text-color has-regular-font-size"><?php echo esc_html__( 'For clients who treat their site like a living thing, not a one-time project.', 'origin-canvas' ); ?></p>
    9999<!-- /wp:paragraph -->
    100100
    101 <!-- wp:list {"className":"is-style-origin-canvas-list-check","style":{"spacing":{"blockGap":"var:preset|spacing|small","margin":{"top":"var:preset|spacing|large"}}},"fontSize":"small"} -->
    102 <ul class="wp-block-list is-style-origin-canvas-list-check has-small-font-size" style="margin-top:var(--wp--preset--spacing--large)"><!-- wp:list-item --><li><?php echo esc_html__( 'Up to eight hours a month', 'origin-canvas' ); ?></li><!-- /wp:list-item -->
     101<!-- wp:list {"className":"is-style-origin-canvas-list-check-neutral","style":{"spacing":{"blockGap":"var:preset|spacing|small","margin":{"top":"var:preset|spacing|large"}}},"fontSize":"small"} -->
     102<ul class="wp-block-list is-style-origin-canvas-list-check-neutral has-small-font-size" style="margin-top:var(--wp--preset--spacing--large)"><!-- wp:list-item --><li><?php echo esc_html__( 'Up to two days of work a month', 'origin-canvas' ); ?></li><!-- /wp:list-item -->
    103103<!-- wp:list-item --><li><?php echo esc_html__( 'Quarterly review calls', 'origin-canvas' ); ?></li><!-- /wp:list-item -->
    104104<!-- wp:list-item --><li><?php echo esc_html__( 'Priority response', 'origin-canvas' ); ?></li><!-- /wp:list-item -->
    … …  
    108108<!-- wp:buttons {"style":{"spacing":{"margin":{"top":"var:preset|spacing|large"}}},"layout":{"type":"flex","justifyContent":"stretch"}} -->
    109109<div class="wp-block-buttons" style="margin-top:var(--wp--preset--spacing--large)"><!-- wp:button {"className":"is-style-outline"} -->
    110 <div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button"><?php echo esc_html__( 'Enquire', 'origin-canvas' ); ?></a></div>
     110<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button"><?php echo esc_html__( 'Inquire', 'origin-canvas' ); ?></a></div>
    111111<!-- /wp:button --></div>
    112112<!-- /wp:buttons --></div>

  • origin-canvas/1.4.3/patterns/pricing-single.php

    r347102 r356743  
    55 * Description: One centered card for a single fixed-price offer, with a two-column feature list and a reassurance line.
    66 * Categories: origin-canvas/pricing
    7  * Keywords: package, sprint, quote, deal
     7 * Keywords: package, website, quote, deal
    88 * Viewport Width: 1500
    99 * Block Types:
    … …  
    1515
    1616?>
    17 <!-- wp:group {"tagName":"section","align":"full","backgroundColor":"surface-muted","style":{"spacing":{"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"}}},"layout":{"type":"constrained"}} -->
    18 <section class="wp-block-group alignfull has-surface-muted-background-color has-background" style="padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small","margin":{"bottom":"var:preset|spacing|extra-large"}}},"layout":{"type":"constrained","contentSize":"720px"}} -->
    19 <div class="wp-block-group" style="margin-bottom:var(--wp--preset--spacing--extra-large)"><!-- wp:heading {"textAlign":"center","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"display"} -->
    20 <h2 class="wp-block-heading has-text-align-center has-display-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'A whole site, in two weeks', 'origin-canvas' ); ?></h2>
     17<!-- wp:group {"tagName":"section","align":"full","backgroundColor":"base-2","style":{"spacing":{"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"}}},"layout":{"type":"constrained"}} -->
     18<section class="wp-block-group alignfull has-base-2-background-color has-background" style="padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small","margin":{"bottom":"var:preset|spacing|extra-large"}}},"layout":{"type":"constrained"}} -->
     19<div class="wp-block-group" style="margin-bottom:var(--wp--preset--spacing--extra-large)"><!-- wp:heading {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"textAlign":"center"}},"fontSize":"display"} -->
     20<h2 class="wp-block-heading has-text-align-center has-display-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'A whole site, in six weeks', 'origin-canvas' ); ?></h2>
    2121<!-- /wp:heading -->
    2222
    23 <!-- wp:paragraph {"align":"center","textColor":"text-body","fontSize":"regular-plus"} -->
    24 <p class="has-text-align-center has-text-body-color has-text-color has-regular-plus-font-size"><?php echo esc_html__( 'The Site Sprint: one fixed price, one focused fortnight &#8212; for businesses that already know who they are.', 'origin-canvas' ); ?></p>
     23<!-- wp:paragraph {"style":{"typography":{"textAlign":"center"}},"textColor":"contrast-2","fontSize":"regular-plus"} -->
     24<p class="has-text-align-center has-contrast-2-color has-text-color has-regular-plus-font-size"><?php echo esc_html__( 'A website for businesses with a brand already in place, at one fixed price, delivered in six weeks.', 'origin-canvas' ); ?></p>
    2525<!-- /wp:paragraph --></div>
    2626<!-- /wp:group -->
    2727
    28 <!-- wp:group {"backgroundColor":"surface-base","style":{"border":{"radius":"var:custom|radius|medium","top":{"color":"var:preset|color|primary","width":"4px"}},"spacing":{"padding":{"top":"var:preset|spacing|extra-large","right":"var:preset|spacing|large","bottom":"var:preset|spacing|extra-large","left":"var:preset|spacing|large"},"blockGap":"var:preset|spacing|small"}},"layout":{"type":"constrained","contentSize":"720px"}} -->
    29 <div class="wp-block-group has-surface-base-background-color has-background" style="border-top-color:var(--wp--preset--color--primary);border-top-width:4px;border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--extra-large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--extra-large);padding-left:var(--wp--preset--spacing--large)"><!-- wp:paragraph {"align":"center","textColor":"primary","fontSize":"extra-small","style":{"typography":{"textTransform":"uppercase","letterSpacing":"0.08em","fontWeight":"500"},"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
    30 <p class="has-text-align-center has-primary-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:500;letter-spacing:0.08em;text-transform:uppercase"><?php echo esc_html__( 'The Site Sprint', 'origin-canvas' ); ?></p>
     28<!-- wp:group {"backgroundColor":"base","style":{"border":{"radius":"var:custom|radius|medium","top":{"color":"var:preset|color|primary","width":"4px"}},"spacing":{"padding":{"top":"calc(var(--wp--preset--spacing--extra-large) - 4px)","right":"var:preset|spacing|large","bottom":"var:preset|spacing|extra-large","left":"var:preset|spacing|large"},"blockGap":"var:preset|spacing|small"}},"layout":{"type":"constrained"}} -->
     29<div class="wp-block-group has-base-background-color has-background" style="border-top-color:var(--wp--preset--color--primary);border-top-width:4px;border-radius:var(--wp--custom--radius--medium);padding-top:calc(var(--wp--preset--spacing--extra-large) - 4px);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--extra-large);padding-left:var(--wp--preset--spacing--large)"><!-- wp:paragraph {"textColor":"contrast","fontSize":"extra-small","style":{"typography":{"textTransform":"uppercase","letterSpacing":"0.06em","fontWeight":"500","textAlign":"center"},"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
     30<p class="has-text-align-center has-contrast-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:500;letter-spacing:0.06em;text-transform:uppercase"><?php echo esc_html__( 'The Website', 'origin-canvas' ); ?></p>
    3131<!-- /wp:paragraph -->
    3232
    33 <!-- wp:paragraph {"align":"center","textColor":"text-heading","fontSize":"display","style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontWeight":"700","lineHeight":"1"}}} -->
    34 <p class="has-text-align-center has-text-heading-color has-text-color has-display-font-size" style="margin-top:0;margin-bottom:0;font-weight:700;line-height:1"><?php echo wp_kses_post( __( '&pound;4,800 <span style="font-size:var(--wp--preset--font-size--regular);font-weight:400;color:var(--wp--preset--color--text-body);">one-off</span>', 'origin-canvas' ) ); ?></p>
     33<!-- wp:paragraph {"textColor":"contrast","fontSize":"huge","style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontWeight":"700","lineHeight":"1","textAlign":"center"}}} -->
     34<p class="has-text-align-center has-contrast-color has-text-color has-huge-font-size" style="margin-top:0;margin-bottom:0;font-weight:700;line-height:1"><?php echo wp_kses_post( __( '$4,500 <span style="font-size:var(--wp--preset--font-size--regular);font-weight:400;letter-spacing:normal;color:var(--wp--preset--color--contrast-2);">one-time</span>', 'origin-canvas' ) ); ?></p>
    3535<!-- /wp:paragraph -->
    3636
    37 <!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained","contentSize":"480px"}} -->
    38 <div class="wp-block-group"><!-- wp:paragraph {"align":"center","textColor":"text-body","fontSize":"regular"} -->
    39 <p class="has-text-align-center has-text-body-color has-text-color has-regular-font-size"><?php echo esc_html__( 'Five pages on the brand you already have &#8212; designed, built, and live in two weeks, scoped in writing before we begin.', 'origin-canvas' ); ?></p>
     37<!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained"}} -->
     38<div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"textAlign":"center"}},"textColor":"contrast-2","fontSize":"regular"} -->
     39<p class="has-text-align-center has-contrast-2-color has-text-color has-regular-font-size"><?php echo esc_html__( 'Up to eight pages on the brand you already have, live in six weeks. We agree the scope in writing first, then design and build.', 'origin-canvas' ); ?></p>
    4040<!-- /wp:paragraph --></div>
    4141<!-- /wp:group -->
    4242
    43 <!-- wp:group {"style":{"spacing":{"margin":{"top":"var:preset|spacing|large"}}},"layout":{"type":"constrained","contentSize":"560px"}} -->
     43<!-- wp:group {"style":{"spacing":{"margin":{"top":"var:preset|spacing|large"}}},"layout":{"type":"constrained"}} -->
    4444<div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--large)"><!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"var:preset|spacing|small","left":"var:preset|spacing|large"}}}} -->
    4545<div class="wp-block-columns"><!-- wp:column -->
    46 <div class="wp-block-column"><!-- wp:list {"className":"is-style-origin-canvas-list-check","style":{"spacing":{"blockGap":"var:preset|spacing|small","margin":{"top":"0","bottom":"0"}}},"fontSize":"small"} -->
    47 <ul class="wp-block-list is-style-origin-canvas-list-check has-small-font-size" style="margin-top:0;margin-bottom:0"><!-- wp:list-item --><li><?php echo esc_html__( 'Five pages, one clear story', 'origin-canvas' ); ?></li><!-- /wp:list-item -->
     46<div class="wp-block-column"><!-- wp:list {"className":"is-style-origin-canvas-list-check-neutral","style":{"spacing":{"blockGap":"var:preset|spacing|small","margin":{"top":"0","bottom":"0"}}},"fontSize":"small"} -->
     47<ul class="wp-block-list is-style-origin-canvas-list-check-neutral has-small-font-size" style="margin-top:0;margin-bottom:0"><!-- wp:list-item --><li><?php echo esc_html__( 'Up to eight pages, one clear story', 'origin-canvas' ); ?></li><!-- /wp:list-item -->
    4848<!-- wp:list-item --><li><?php echo esc_html__( 'Works with your existing brand', 'origin-canvas' ); ?></li><!-- /wp:list-item -->
    4949<!-- wp:list-item --><li><?php echo esc_html__( 'Copy polish on every page', 'origin-canvas' ); ?></li><!-- /wp:list-item --></ul>
    … …  
    5252
    5353<!-- wp:column -->
    54 <div class="wp-block-column"><!-- wp:list {"className":"is-style-origin-canvas-list-check","style":{"spacing":{"blockGap":"var:preset|spacing|small","margin":{"top":"0","bottom":"0"}}},"fontSize":"small"} -->
    55 <ul class="wp-block-list is-style-origin-canvas-list-check has-small-font-size" style="margin-top:0;margin-bottom:0"><!-- wp:list-item --><li><?php echo esc_html__( 'One round of revisions', 'origin-canvas' ); ?></li><!-- /wp:list-item -->
     54<div class="wp-block-column"><!-- wp:list {"className":"is-style-origin-canvas-list-check-neutral","style":{"spacing":{"blockGap":"var:preset|spacing|small","margin":{"top":"0","bottom":"0"}}},"fontSize":"small"} -->
     55<ul class="wp-block-list is-style-origin-canvas-list-check-neutral has-small-font-size" style="margin-top:0;margin-bottom:0"><!-- wp:list-item --><li><?php echo esc_html__( 'Two rounds of revisions', 'origin-canvas' ); ?></li><!-- /wp:list-item -->
    5656<!-- wp:list-item --><li><?php echo esc_html__( 'Hand-written launch checklist', 'origin-canvas' ); ?></li><!-- /wp:list-item -->
    5757<!-- wp:list-item --><li><?php echo esc_html__( 'Launch-day support on call', 'origin-canvas' ); ?></li><!-- /wp:list-item --></ul>
    … …  
    6363<!-- wp:buttons {"style":{"spacing":{"margin":{"top":"var:preset|spacing|large"}}},"layout":{"type":"flex","justifyContent":"center"}} -->
    6464<div class="wp-block-buttons" style="margin-top:var(--wp--preset--spacing--large)"><!-- wp:button {"className":"is-style-origin-canvas-fill-primary"} -->
    65 <div class="wp-block-button is-style-origin-canvas-fill-primary"><a class="wp-block-button__link wp-element-button"><?php echo esc_html__( 'Book a sprint', 'origin-canvas' ); ?></a></div>
     65<div class="wp-block-button is-style-origin-canvas-fill-primary"><a class="wp-block-button__link wp-element-button"><?php echo esc_html__( 'Talk to us', 'origin-canvas' ); ?></a></div>
    6666<!-- /wp:button --></div>
    6767<!-- /wp:buttons -->
    6868
    69 <!-- wp:paragraph {"align":"center","textColor":"text-muted","fontSize":"small","style":{"spacing":{"margin":{"top":"var:preset|spacing|compact","bottom":"0"}}}} -->
    70 <p class="has-text-align-center has-text-muted-color has-text-color has-small-font-size" style="margin-top:var(--wp--preset--spacing--compact);margin-bottom:0"><?php echo esc_html__( 'Most projects start with a single email.', 'origin-canvas' ); ?></p>
     69<!-- wp:paragraph {"textColor":"contrast-3","fontSize":"small","style":{"spacing":{"margin":{"top":"var:preset|spacing|small-medium","bottom":"0"}},"typography":{"textAlign":"center"}}} -->
     70<p class="has-text-align-center has-contrast-3-color has-text-color has-small-font-size" style="margin-top:var(--wp--preset--spacing--small-medium);margin-bottom:0"><?php echo esc_html__( 'Most projects start with a single email.', 'origin-canvas' ); ?></p>
    7171<!-- /wp:paragraph --></div>
    7272<!-- /wp:group --></section>

  • origin-canvas/1.4.3/patterns/process-numbered.php

    r347102 r356743  
    33 * Title: Process Numbered
    44 * Slug: origin-canvas/process-numbered
     5 * Description: A centered heading and lead above four numbered steps on tinted cards in two columns.
    56 * Categories: origin-canvas/features
    6  * Keywords: steps, home, method, stages
     7 * Keywords: method, stages, workflow
    78 * Block Types: core/post-content
    89 * Viewport Width: 1200
    … …  
    1314
    1415?>
    15 <!-- wp:group {"tagName":"section","align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"},"blockGap":"var:preset|spacing|huge"}},"layout":{"type":"constrained","contentSize":"880px"}} -->
    16 <section class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|medium","margin":{"bottom":"var:preset|spacing|huge"}}},"layout":{"type":"default"}} -->
    17 <div class="wp-block-group" style="margin-bottom:var(--wp--preset--spacing--huge)"><!-- wp:paragraph {"style":{"typography":{"textTransform":"uppercase","fontWeight":"600","letterSpacing":"0.08em"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}}},"textColor":"primary","fontSize":"extra-small"} -->
    18 <p class="has-primary-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium);font-weight:600;letter-spacing:0.08em;text-transform:uppercase"><?php echo esc_html__( '05 / How we work', 'origin-canvas' ); ?></p>
     16<!-- wp:group {"tagName":"section","align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"},"blockGap":"var:preset|spacing|huge"}},"layout":{"type":"constrained"}} -->
     17<section class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"var:preset|spacing|medium","margin":{"bottom":"var:preset|spacing|huge"}}},"layout":{"type":"constrained","justifyContent":"center"}} -->
     18<div class="wp-block-group alignwide" style="margin-bottom:var(--wp--preset--spacing--huge)"><!-- wp:paragraph {"className":"origin-canvas-eyebrow","style":{"typography":{"textTransform":"uppercase","fontWeight":"600","letterSpacing":"0.06em","textAlign":"center"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}}},"textColor":"primary","fontSize":"extra-small"} -->
     19<p class="origin-canvas-eyebrow has-text-align-center has-primary-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium);font-weight:600;letter-spacing:0.06em;text-transform:uppercase"><?php echo esc_html__( 'How we work', 'origin-canvas' ); ?></p>
    1920<!-- /wp:paragraph -->
    2021
    21 <!-- wp:heading {"level":2,"style":{"typography":{"lineHeight":"1.15"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"display"} -->
    22 <h2 class="wp-block-heading has-display-font-size" style="margin-top:0;margin-bottom:0;line-height:1.15"><?php echo esc_html__( 'A short process, on a single page.', 'origin-canvas' ); ?></h2>
     22<!-- wp:heading {"level":2,"align":"wide","style":{"typography":{"lineHeight":"1.15","textAlign":"center"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"display"} -->
     23<h2 class="wp-block-heading has-text-align-center alignwide has-display-font-size" style="margin-top:0;margin-bottom:0;line-height:1.15"><?php echo esc_html__( 'Your site, from kickoff to launch.', 'origin-canvas' ); ?></h2>
    2324<!-- /wp:heading -->
    2425
    25 <!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-body","fontSize":"regular-plus"} -->
    26 <p class="has-text-body-color has-text-color has-regular-plus-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Four weeks from kickoff to launch on most projects. We tell you what we&#8217;ll do, what we won&#8217;t, and what it&#8217;ll cost - in plain language.', 'origin-canvas' ); ?></p>
     26<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"var:preset|spacing|small-medium","bottom":"0"}},"typography":{"textAlign":"center"}},"textColor":"contrast-2","fontSize":"regular-plus"} -->
     27<p class="has-text-align-center has-contrast-2-color has-text-color has-regular-plus-font-size" style="margin-top:var(--wp--preset--spacing--small-medium);margin-bottom:0"><?php echo esc_html__( 'We give your site our full attention from the first sketch to launch day.', 'origin-canvas' ); ?></p>
    2728<!-- /wp:paragraph --></div>
    2829<!-- /wp:group -->
    2930
    30 <!-- wp:columns {"verticalAlignment":"stretch","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
    31 <div class="wp-block-columns are-vertically-aligned-stretch"><!-- wp:column {"verticalAlignment":"stretch","backgroundColor":"surface-muted","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"var:preset|spacing|large","right":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
    32 <div class="wp-block-column is-vertically-aligned-stretch has-surface-muted-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
    33 <div class="wp-block-group"><!-- wp:paragraph {"className":"origin-canvas-process-step-number","style":{"typography":{"fontWeight":"600","letterSpacing":"0.06em"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"primary","fontSize":"extra-small"} -->
    34 <p class="origin-canvas-process-step-number has-primary-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:600;letter-spacing:0.06em"><?php echo esc_html__( '01', 'origin-canvas' ); ?></p>
     31<!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"var:preset|spacing|large"}},"layout":{"type":"default"}} -->
     32<div class="wp-block-group alignwide"><!-- wp:columns {"verticalAlignment":"stretch","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
     33<div class="wp-block-columns are-vertically-aligned-stretch"><!-- wp:column {"verticalAlignment":"stretch","backgroundColor":"base-2","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"var:preset|spacing|large","right":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
     34<div class="wp-block-column is-vertically-aligned-stretch has-base-2-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
     35<div class="wp-block-group"><!-- wp:paragraph {"className":"origin-canvas-no-shrink origin-canvas-ordinal","style":{"typography":{"fontWeight":"600","letterSpacing":"0.06em"},"spacing":{"margin":{"top":"0","bottom":"0"}},"layout":{"selfStretch":"fixed","flexSize":"36px"}},"textColor":"primary","fontSize":"extra-small"} -->
     36<p class="origin-canvas-no-shrink origin-canvas-ordinal has-primary-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:600;letter-spacing:0.06em"><?php echo esc_html__( '01', 'origin-canvas' ); ?></p>
    3537<!-- /wp:paragraph -->
    3638
    3739<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small"}},"layout":{"type":"constrained"}} -->
    3840<div class="wp-block-group"><!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"medium"} -->
    39 <h3 class="wp-block-heading has-medium-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Honest scope, week one', 'origin-canvas' ); ?></h3>
     41<h3 class="wp-block-heading has-medium-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Agree on the scope', 'origin-canvas' ); ?></h3>
    4042<!-- /wp:heading -->
    4143
    42 <!-- wp:paragraph {"textColor":"text-body","fontSize":"regular"} -->
    43 <p class="has-text-body-color has-text-color has-regular-font-size"><?php echo esc_html__( 'We tell you what we&#8217;ll do, what we won&#8217;t, and what it&#8217;ll cost - on a single page, before any work begins.', 'origin-canvas' ); ?></p>
     44<!-- wp:paragraph {"textColor":"contrast-2","fontSize":"regular"} -->
     45<p class="has-contrast-2-color has-text-color has-regular-font-size"><?php echo esc_html__( 'Together, we set the deliverables, price, and schedule before design begins.', 'origin-canvas' ); ?></p>
    4446<!-- /wp:paragraph --></div>
    4547<!-- /wp:group --></div>
    … …  
    4749<!-- /wp:column -->
    4850
    49 <!-- wp:column {"verticalAlignment":"stretch","backgroundColor":"surface-muted","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"var:preset|spacing|large","right":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
    50 <div class="wp-block-column is-vertically-aligned-stretch has-surface-muted-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
    51 <div class="wp-block-group"><!-- wp:paragraph {"className":"origin-canvas-process-step-number","style":{"typography":{"fontWeight":"600","letterSpacing":"0.06em"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"primary","fontSize":"extra-small"} -->
    52 <p class="origin-canvas-process-step-number has-primary-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:600;letter-spacing:0.06em"><?php echo esc_html__( '02', 'origin-canvas' ); ?></p>
     51<!-- wp:column {"verticalAlignment":"stretch","backgroundColor":"base-2","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"var:preset|spacing|large","right":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
     52<div class="wp-block-column is-vertically-aligned-stretch has-base-2-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
     53<div class="wp-block-group"><!-- wp:paragraph {"className":"origin-canvas-no-shrink origin-canvas-ordinal","style":{"typography":{"fontWeight":"600","letterSpacing":"0.06em"},"spacing":{"margin":{"top":"0","bottom":"0"}},"layout":{"selfStretch":"fixed","flexSize":"36px"}},"textColor":"primary","fontSize":"extra-small"} -->
     54<p class="origin-canvas-no-shrink origin-canvas-ordinal has-primary-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:600;letter-spacing:0.06em"><?php echo esc_html__( '02', 'origin-canvas' ); ?></p>
    5355<!-- /wp:paragraph -->
    5456
    5557<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small"}},"layout":{"type":"constrained"}} -->
    5658<div class="wp-block-group"><!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"medium"} -->
    57 <h3 class="wp-block-heading has-medium-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Type and tone, before pixels', 'origin-canvas' ); ?></h3>
     59<h3 class="wp-block-heading has-medium-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Set the design direction', 'origin-canvas' ); ?></h3>
    5860<!-- /wp:heading -->
    5961
    60 <!-- wp:paragraph {"textColor":"text-body","fontSize":"regular"} -->
    61 <p class="has-text-body-color has-text-color has-regular-font-size"><?php echo esc_html__( 'Voice, type system, and palette get nailed down before we start drawing screens. The visuals follow the writing.', 'origin-canvas' ); ?></p>
     62<!-- wp:paragraph {"textColor":"contrast-2","fontSize":"regular"} -->
     63<p class="has-contrast-2-color has-text-color has-regular-font-size"><?php echo esc_html__( 'We settle the words, type, and colors first, then review the page designs with you. The visuals follow the writing.', 'origin-canvas' ); ?></p>
    6264<!-- /wp:paragraph --></div>
    6365<!-- /wp:group --></div>
    … …  
    6769
    6870<!-- wp:columns {"verticalAlignment":"stretch","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
    69 <div class="wp-block-columns are-vertically-aligned-stretch"><!-- wp:column {"verticalAlignment":"stretch","backgroundColor":"surface-muted","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"var:preset|spacing|large","right":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
    70 <div class="wp-block-column is-vertically-aligned-stretch has-surface-muted-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
    71 <div class="wp-block-group"><!-- wp:paragraph {"className":"origin-canvas-process-step-number","style":{"typography":{"fontWeight":"600","letterSpacing":"0.06em"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"primary","fontSize":"extra-small"} -->
    72 <p class="origin-canvas-process-step-number has-primary-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:600;letter-spacing:0.06em"><?php echo esc_html__( '03', 'origin-canvas' ); ?></p>
     71<div class="wp-block-columns are-vertically-aligned-stretch"><!-- wp:column {"verticalAlignment":"stretch","backgroundColor":"base-2","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"var:preset|spacing|large","right":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
     72<div class="wp-block-column is-vertically-aligned-stretch has-base-2-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
     73<div class="wp-block-group"><!-- wp:paragraph {"className":"origin-canvas-no-shrink origin-canvas-ordinal","style":{"typography":{"fontWeight":"600","letterSpacing":"0.06em"},"spacing":{"margin":{"top":"0","bottom":"0"}},"layout":{"selfStretch":"fixed","flexSize":"36px"}},"textColor":"primary","fontSize":"extra-small"} -->
     74<p class="origin-canvas-no-shrink origin-canvas-ordinal has-primary-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:600;letter-spacing:0.06em"><?php echo esc_html__( '03', 'origin-canvas' ); ?></p>
    7375<!-- /wp:paragraph -->
    7476
    7577<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small"}},"layout":{"type":"constrained"}} -->
    7678<div class="wp-block-group"><!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"medium"} -->
    77 <h3 class="wp-block-heading has-medium-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Built to hand over', 'origin-canvas' ); ?></h3>
     79<h3 class="wp-block-heading has-medium-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Build and review together', 'origin-canvas' ); ?></h3>
    7880<!-- /wp:heading -->
    7981
    80 <!-- wp:paragraph {"textColor":"text-body","fontSize":"regular"} -->
    81 <p class="has-text-body-color has-text-color has-regular-font-size"><?php echo esc_html__( 'The sites we build are easy for you to update on a quiet Tuesday afternoon. No bespoke plugins, no consultancy retainer.', 'origin-canvas' ); ?></p>
     82<!-- wp:paragraph {"textColor":"contrast-2","fontSize":"regular"} -->
     83<p class="has-contrast-2-color has-text-color has-regular-font-size"><?php echo esc_html__( 'We build your site and work through your feedback, checking pages on phones and desktops.', 'origin-canvas' ); ?></p>
    8284<!-- /wp:paragraph --></div>
    8385<!-- /wp:group --></div>
    … …  
    8587<!-- /wp:column -->
    8688
    87 <!-- wp:column {"verticalAlignment":"stretch","backgroundColor":"surface-muted","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"var:preset|spacing|large","right":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
    88 <div class="wp-block-column is-vertically-aligned-stretch has-surface-muted-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
    89 <div class="wp-block-group"><!-- wp:paragraph {"className":"origin-canvas-process-step-number","style":{"typography":{"fontWeight":"600","letterSpacing":"0.06em"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"primary","fontSize":"extra-small"} -->
    90 <p class="origin-canvas-process-step-number has-primary-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:600;letter-spacing:0.06em"><?php echo esc_html__( '04', 'origin-canvas' ); ?></p>
     89<!-- wp:column {"verticalAlignment":"stretch","backgroundColor":"base-2","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"var:preset|spacing|large","right":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
     90<div class="wp-block-column is-vertically-aligned-stretch has-base-2-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
     91<div class="wp-block-group"><!-- wp:paragraph {"className":"origin-canvas-no-shrink origin-canvas-ordinal","style":{"typography":{"fontWeight":"600","letterSpacing":"0.06em"},"spacing":{"margin":{"top":"0","bottom":"0"}},"layout":{"selfStretch":"fixed","flexSize":"36px"}},"textColor":"primary","fontSize":"extra-small"} -->
     92<p class="origin-canvas-no-shrink origin-canvas-ordinal has-primary-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:600;letter-spacing:0.06em"><?php echo esc_html__( '04', 'origin-canvas' ); ?></p>
    9193<!-- /wp:paragraph -->
    9294
    9395<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small"}},"layout":{"type":"constrained"}} -->
    9496<div class="wp-block-group"><!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"medium"} -->
    95 <h3 class="wp-block-heading has-medium-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'One project at a time', 'origin-canvas' ); ?></h3>
     97<h3 class="wp-block-heading has-medium-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Launch and hand over', 'origin-canvas' ); ?></h3>
    9698<!-- /wp:heading -->
    9799
    98 <!-- wp:paragraph {"textColor":"text-body","fontSize":"regular"} -->
    99 <p class="has-text-body-color has-text-color has-regular-font-size"><?php echo esc_html__( 'We take on roughly a project a month so the work in front of us always gets our full attention.', 'origin-canvas' ); ?></p>
     100<!-- wp:paragraph {"textColor":"contrast-2","fontSize":"regular"} -->
     101<p class="has-contrast-2-color has-text-color has-regular-font-size"><?php echo esc_html__( 'We put your site live and show you how to update the pages yourself.', 'origin-canvas' ); ?></p>
    100102<!-- /wp:paragraph --></div>
    101103<!-- /wp:group --></div>
    102104<!-- /wp:group --></div>
    103105<!-- /wp:column --></div>
    104 <!-- /wp:columns --></section>
     106<!-- /wp:columns --></div>
     107<!-- /wp:group --></section>
    105108<!-- /wp:group -->

  • origin-canvas/1.4.3/patterns/product-grid.php

    r347102 r356743  
    55 * Description: A six-card product ecosystem grid with per-product identity dots and pricing.
    66 * Categories: origin-canvas/pricing
    7  * Keywords: products, plans, licences, tiers
     7 * Keywords: products, plans, licenses, tiers
    88 * Viewport Width: 1500
    99 * Block Types:
    1010 * Post Types:
    11  * Inserter: true
     11 * Inserter: false
    1212 *
    1313 * @package Origin
    … …  
    1515
    1616?>
    17 <!-- wp:group {"tagName":"section","align":"full","backgroundColor":"surface-subtle","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"}}},"layout":{"type":"constrained"}} -->
    18 <section class="wp-block-group alignfull has-surface-subtle-background-color has-background" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:group {"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|huge"}}},"layout":{"type":"constrained","contentSize":"720px"}} -->
    19 <div class="wp-block-group" style="margin-bottom:var(--wp--preset--spacing--huge)"><!-- wp:heading {"textAlign":"center","level":2,"style":{"typography":{"lineHeight":"1.08"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}}},"fontSize":"display"} -->
    20 <h2 class="wp-block-heading has-text-align-center has-display-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium);line-height:1.08"><?php echo wp_kses_post( __( 'Start with the foundation.<br>Add layers as you need them.', 'origin-canvas' ) ); ?></h2>
    21 <!-- /wp:heading -->
    22 
    23 <!-- wp:group {"layout":{"type":"constrained","contentSize":"560px"}} -->
    24 <div class="wp-block-group"><!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"0.9375rem","lineHeight":"1.6"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-body"} -->
    25 <p class="has-text-align-center has-text-body-color has-text-color" style="margin-top:0;margin-bottom:0;font-size:0.9375rem;line-height:1.6"><?php echo wp_kses_post( __( 'Origin Theme and Origin Blocks are free and available today. Every advanced layer builds on the same foundation, so nothing you learn is wasted. <span class="has-inline-color has-text-heading-color" style="font-weight:500">Founding access to Patterns Pro is $55/year for the first 500 members.</span>', 'origin-canvas' ) ); ?></p>
     17<!-- wp:group {"anchor":"pricing","tagName":"section","align":"full","backgroundColor":"base-3","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"}}},"layout":{"type":"constrained"}} -->
     18<section id="pricing" class="wp-block-group alignfull has-base-3-background-color has-background" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:group {"align":"wide","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|huge"}}},"layout":{"type":"constrained"}} -->
     19<div class="wp-block-group alignwide" style="margin-bottom:var(--wp--preset--spacing--huge)"><!-- wp:heading {"level":2,"align":"wide","style":{"typography":{"lineHeight":"1.08","textAlign":"center"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}}},"fontSize":"display"} -->
     20<h2 class="wp-block-heading has-text-align-center alignwide has-display-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium);line-height:1.08"><?php echo wp_kses_post( __( 'Start with the foundation.<br>Add layers as you need them.', 'origin-canvas' ) ); ?></h2>
     21<!-- /wp:heading -->
     22
     23<!-- wp:group {"layout":{"type":"constrained"}} -->
     24<div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontSize":"0.9375rem","lineHeight":"1.6","textAlign":"center"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-2"} -->
     25<p class="has-text-align-center has-contrast-2-color has-text-color" style="margin-top:0;margin-bottom:0;font-size:0.9375rem;line-height:1.6"><?php echo wp_kses_post( __( 'Origin Theme and Origin Blocks are free and available today. Every advanced layer builds on the same foundation, so nothing you learn is wasted. <span class="has-inline-color has-contrast-color" style="font-weight:500">Founding access to Patterns Pro is $55/year for the first 500 members.</span>', 'origin-canvas' ) ); ?></p>
    2626<!-- /wp:paragraph --></div>
    2727<!-- /wp:group --></div>
    … …  
    2929
    3030<!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"20px","left":"20px"}}}} -->
    31 <div class="wp-block-columns alignwide"><!-- wp:column {"backgroundColor":"surface-base","borderColor":"border","style":{"border":{"radius":"var:custom|radius|large","style":"solid","width":"1px"},"spacing":{"padding":{"top":"var:preset|spacing|large","right":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
    32 <div class="wp-block-column has-border-color has-border-border-color has-surface-base-background-color has-background" style="border-style:solid;border-width:1px;border-radius:var(--wp--custom--radius--large);padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)"><!-- wp:group {"style":{"dimensions":{"minHeight":"258px"},"spacing":{"blockGap":"0"}},"layout":{"type":"flex","orientation":"vertical","verticalAlignment":"space-between"}} -->
    33 <div class="wp-block-group" style="min-height:258px"><!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained"}} -->
    34 <div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"blockGap":"9px","margin":{"top":"0","bottom":"22px"}}},"layout":{"type":"flex","verticalAlignment":"center"}} -->
    35 <div class="wp-block-group" style="margin-top:0;margin-bottom:22px"><!-- wp:group {"className":"origin-canvas-status-dot","style":{"color":{"background":"#FF4387"},"dimensions":{"minHeight":"8px"}}} -->
     31<div class="wp-block-columns alignwide"><!-- wp:column {"backgroundColor":"base","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"var:preset|spacing|large","right":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
     32<div class="wp-block-column has-base-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)"><!-- wp:group {"style":{"dimensions":{"minHeight":"258px"},"spacing":{"blockGap":"0"}},"layout":{"type":"flex","orientation":"vertical","verticalAlignment":"space-between"}} -->
     33<div class="wp-block-group" style="min-height:258px"><!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained"}} -->
     34<div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small","margin":{"top":"0","bottom":"var:preset|spacing|medium"}}},"layout":{"type":"flex","verticalAlignment":"center"}} -->
     35<div class="wp-block-group" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium)"><!-- wp:group {"className":"origin-canvas-status-dot","style":{"color":{"background":"#FF4387"},"dimensions":{"minHeight":"8px"}}} -->
    3636<div class="wp-block-group origin-canvas-status-dot has-background" style="background-color:#FF4387;min-height:8px"></div>
    3737<!-- /wp:group -->
    3838
    39 <!-- wp:paragraph {"className":"origin-canvas-status-chip","style":{"typography":{"fontSize":"12px"},"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
    40 <p class="origin-canvas-status-chip" style="font-size:12px;margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Available now', 'origin-canvas' ); ?></p>
     39<!-- wp:paragraph {"className":"origin-canvas-status-chip","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"extra-small"} -->
     40<p class="origin-canvas-status-chip has-extra-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Available now', 'origin-canvas' ); ?></p>
    4141<!-- /wp:paragraph --></div>
    4242<!-- /wp:group -->
    … …  
    4646<!-- /wp:heading -->
    4747
    48 <!-- wp:paragraph {"style":{"typography":{"fontSize":"0.90625rem","lineHeight":"1.55"},"spacing":{"margin":{"top":"0","bottom":"22px"}}},"textColor":"text-body"} -->
    49 <p class="has-text-body-color has-text-color" style="margin-top:0;margin-bottom:22px;font-size:0.90625rem;line-height:1.55"><?php echo esc_html__( 'A modern, opinionated FSE theme with a finished design baseline, 61 patterns, and 11 style variations, ready on install.', 'origin-canvas' ); ?></p>
    50 <!-- /wp:paragraph --></div>
    51 <!-- /wp:group -->
    52 
    53 <!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained"}} -->
    54 <div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontSize":"1.375rem","fontWeight":"700","letterSpacing":"-0.01em"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-heading"} -->
    55 <p class="has-text-heading-color has-text-color" style="margin-top:0;margin-bottom:0;font-size:1.375rem;font-weight:700;letter-spacing:-0.01em"><?php echo esc_html__( 'Free', 'origin-canvas' ); ?></p>
    56 <!-- /wp:paragraph -->
    57 
    58 <!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"15px","bottom":"0"}},"elements":{"link":{"color":{"text":"var:preset|color|text-heading"},"typography":{"textDecoration":"none"}}}},"textColor":"text-heading","fontSize":"small"} -->
    59 <p class="has-text-heading-color has-text-color has-link-color has-small-font-size" style="margin-top:15px;margin-bottom:0;font-weight:600"><a href="#" style="text-decoration:none"><?php echo esc_html__( 'Download free', 'origin-canvas' ); ?></a> <span class="has-primary-color has-text-color" style="color:var(--wp--preset--color--primary)" aria-hidden="true">&rarr;</span></p>
    60 <!-- /wp:paragraph --></div>
    61 <!-- /wp:group --></div>
    62 <!-- /wp:group --></div>
    63 <!-- /wp:column -->
    64 
    65 <!-- wp:column {"backgroundColor":"surface-base","borderColor":"border","style":{"border":{"radius":"var:custom|radius|large","style":"solid","width":"1px"},"spacing":{"padding":{"top":"var:preset|spacing|large","right":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
    66 <div class="wp-block-column has-border-color has-border-border-color has-surface-base-background-color has-background" style="border-style:solid;border-width:1px;border-radius:var(--wp--custom--radius--large);padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)"><!-- wp:group {"style":{"dimensions":{"minHeight":"258px"},"spacing":{"blockGap":"0"}},"layout":{"type":"flex","orientation":"vertical","verticalAlignment":"space-between"}} -->
    67 <div class="wp-block-group" style="min-height:258px"><!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained"}} -->
    68 <div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"blockGap":"9px","margin":{"top":"0","bottom":"22px"}}},"layout":{"type":"flex","verticalAlignment":"center"}} -->
    69 <div class="wp-block-group" style="margin-top:0;margin-bottom:22px"><!-- wp:group {"className":"origin-canvas-status-dot","style":{"color":{"background":"#16A34A"},"dimensions":{"minHeight":"8px"}}} -->
     48<!-- wp:paragraph {"style":{"typography":{"fontSize":"0.90625rem","lineHeight":"1.55"},"spacing":{"margin":{"top":"0","bottom":"22px"}}},"textColor":"contrast-2"} -->
     49<p class="has-contrast-2-color has-text-color" style="margin-top:0;margin-bottom:22px;font-size:0.90625rem;line-height:1.55"><?php echo esc_html__( 'A modern, opinionated FSE theme with a finished design baseline, 93 patterns, and 11 style variations, ready on install.', 'origin-canvas' ); ?></p>
     50<!-- /wp:paragraph --></div>
     51<!-- /wp:group -->
     52
     53<!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained"}} -->
     54<div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"700"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast","fontSize":"medium"} -->
     55<p class="has-contrast-color has-text-color has-medium-font-size" style="margin-top:0;margin-bottom:0;font-weight:700"><?php echo esc_html__( 'Free', 'origin-canvas' ); ?></p>
     56<!-- /wp:paragraph -->
     57
     58<!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"15px","bottom":"0"}},"elements":{"link":{"typography":{"textDecoration":"none"}}}},"textColor":"contrast","fontSize":"small"} -->
     59<p class="has-contrast-color has-text-color has-small-font-size" style="margin-top:15px;margin-bottom:0;font-weight:600"><a href="#" style="text-decoration:none"><?php echo esc_html__( 'Download free', 'origin-canvas' ); ?> <span aria-hidden="true">&rarr;</span></a></p>
     60<!-- /wp:paragraph --></div>
     61<!-- /wp:group --></div>
     62<!-- /wp:group --></div>
     63<!-- /wp:column -->
     64
     65<!-- wp:column {"backgroundColor":"base","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"var:preset|spacing|large","right":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
     66<div class="wp-block-column has-base-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)"><!-- wp:group {"style":{"dimensions":{"minHeight":"258px"},"spacing":{"blockGap":"0"}},"layout":{"type":"flex","orientation":"vertical","verticalAlignment":"space-between"}} -->
     67<div class="wp-block-group" style="min-height:258px"><!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained"}} -->
     68<div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small","margin":{"top":"0","bottom":"var:preset|spacing|medium"}}},"layout":{"type":"flex","verticalAlignment":"center"}} -->
     69<div class="wp-block-group" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium)"><!-- wp:group {"className":"origin-canvas-status-dot","style":{"color":{"background":"#16A34A"},"dimensions":{"minHeight":"8px"}}} -->
    7070<div class="wp-block-group origin-canvas-status-dot has-background" style="background-color:#16A34A;min-height:8px"></div>
    7171<!-- /wp:group -->
    7272
    73 <!-- wp:paragraph {"className":"origin-canvas-status-chip","style":{"typography":{"fontSize":"12px"},"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
    74 <p class="origin-canvas-status-chip" style="font-size:12px;margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Available now', 'origin-canvas' ); ?></p>
     73<!-- wp:paragraph {"className":"origin-canvas-status-chip","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"extra-small"} -->
     74<p class="origin-canvas-status-chip has-extra-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Available now', 'origin-canvas' ); ?></p>
    7575<!-- /wp:paragraph --></div>
    7676<!-- /wp:group -->
    … …  
    8080<!-- /wp:heading -->
    8181
    82 <!-- wp:paragraph {"style":{"typography":{"fontSize":"0.90625rem","lineHeight":"1.55"},"spacing":{"margin":{"top":"0","bottom":"22px"}}},"textColor":"text-body"} -->
    83 <p class="has-text-body-color has-text-color" style="margin-top:0;margin-bottom:22px;font-size:0.90625rem;line-height:1.55"><?php echo esc_html__( 'Essential blocks that share the theme&#8217;s design system, so sections never clash.', 'origin-canvas' ); ?></p>
    84 <!-- /wp:paragraph --></div>
    85 <!-- /wp:group -->
    86 
    87 <!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained"}} -->
    88 <div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontSize":"1.375rem","fontWeight":"700","letterSpacing":"-0.01em"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-heading"} -->
    89 <p class="has-text-heading-color has-text-color" style="margin-top:0;margin-bottom:0;font-size:1.375rem;font-weight:700;letter-spacing:-0.01em"><?php echo esc_html__( 'Free', 'origin-canvas' ); ?></p>
    90 <!-- /wp:paragraph -->
    91 
    92 <!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"15px","bottom":"0"}},"elements":{"link":{"color":{"text":"var:preset|color|text-heading"},"typography":{"textDecoration":"none"}}}},"textColor":"text-heading","fontSize":"small"} -->
    93 <p class="has-text-heading-color has-text-color has-link-color has-small-font-size" style="margin-top:15px;margin-bottom:0;font-weight:600"><a href="#" style="text-decoration:none"><?php echo esc_html__( 'Download free', 'origin-canvas' ); ?></a> <span class="has-primary-color has-text-color" style="color:var(--wp--preset--color--primary)" aria-hidden="true">&rarr;</span></p>
    94 <!-- /wp:paragraph --></div>
    95 <!-- /wp:group --></div>
    96 <!-- /wp:group --></div>
    97 <!-- /wp:column -->
    98 
    99 <!-- wp:column {"backgroundColor":"surface-base","borderColor":"border","style":{"border":{"radius":"var:custom|radius|large","style":"solid","width":"1px"},"spacing":{"padding":{"top":"var:preset|spacing|large","right":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
    100 <div class="wp-block-column has-border-color has-border-border-color has-surface-base-background-color has-background" style="border-style:solid;border-width:1px;border-radius:var(--wp--custom--radius--large);padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)"><!-- wp:group {"style":{"dimensions":{"minHeight":"258px"},"spacing":{"blockGap":"0"}},"layout":{"type":"flex","orientation":"vertical","verticalAlignment":"space-between"}} -->
    101 <div class="wp-block-group" style="min-height:258px"><!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained"}} -->
    102 <div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"blockGap":"9px","margin":{"bottom":"22px"}}},"layout":{"type":"flex"}} -->
    103 <div class="wp-block-group" style="margin-bottom:22px"><!-- wp:group {"className":"origin-canvas-status-dot","style":{"color":{"background":"#EA580C"},"dimensions":{"minHeight":"8px"}}} -->
     82<!-- wp:paragraph {"style":{"typography":{"fontSize":"0.90625rem","lineHeight":"1.55"},"spacing":{"margin":{"top":"0","bottom":"22px"}}},"textColor":"contrast-2"} -->
     83<p class="has-contrast-2-color has-text-color" style="margin-top:0;margin-bottom:22px;font-size:0.90625rem;line-height:1.55"><?php echo esc_html__( 'Essential blocks that share the theme&#8217;s design system, so sections never clash.', 'origin-canvas' ); ?></p>
     84<!-- /wp:paragraph --></div>
     85<!-- /wp:group -->
     86
     87<!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained"}} -->
     88<div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"700"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast","fontSize":"medium"} -->
     89<p class="has-contrast-color has-text-color has-medium-font-size" style="margin-top:0;margin-bottom:0;font-weight:700"><?php echo esc_html__( 'Free', 'origin-canvas' ); ?></p>
     90<!-- /wp:paragraph -->
     91
     92<!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"15px","bottom":"0"}},"elements":{"link":{"typography":{"textDecoration":"none"}}}},"textColor":"contrast","fontSize":"small"} -->
     93<p class="has-contrast-color has-text-color has-small-font-size" style="margin-top:15px;margin-bottom:0;font-weight:600"><a href="#" style="text-decoration:none"><?php echo esc_html__( 'Download free', 'origin-canvas' ); ?> <span aria-hidden="true">&rarr;</span></a></p>
     94<!-- /wp:paragraph --></div>
     95<!-- /wp:group --></div>
     96<!-- /wp:group --></div>
     97<!-- /wp:column -->
     98
     99<!-- wp:column {"backgroundColor":"base","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"var:preset|spacing|large","right":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
     100<div class="wp-block-column has-base-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)"><!-- wp:group {"style":{"dimensions":{"minHeight":"258px"},"spacing":{"blockGap":"0"}},"layout":{"type":"flex","orientation":"vertical","verticalAlignment":"space-between"}} -->
     101<div class="wp-block-group" style="min-height:258px"><!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained"}} -->
     102<div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small","margin":{"bottom":"var:preset|spacing|medium"}}},"layout":{"type":"flex"}} -->
     103<div class="wp-block-group" style="margin-bottom:var(--wp--preset--spacing--medium)"><!-- wp:group {"className":"origin-canvas-status-dot","style":{"color":{"background":"#EA580C"},"dimensions":{"minHeight":"8px"}}} -->
    104104<div class="wp-block-group origin-canvas-status-dot has-background" style="background-color:#EA580C;min-height:8px"></div>
    105105<!-- /wp:group -->
    106 <!-- wp:paragraph {"className":"origin-canvas-status-chip","style":{"typography":{"fontSize":"12px"},"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
    107 <p class="origin-canvas-status-chip" style="font-size:12px;margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Coming soon', 'origin-canvas' ); ?></p>
     106<!-- wp:paragraph {"className":"origin-canvas-status-chip","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"extra-small"} -->
     107<p class="origin-canvas-status-chip has-extra-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Coming soon', 'origin-canvas' ); ?></p>
    108108<!-- /wp:paragraph --></div>
    109109<!-- /wp:group -->
    … …  
    113113<!-- /wp:heading -->
    114114
    115 <!-- wp:paragraph {"style":{"typography":{"fontSize":"0.90625rem","lineHeight":"1.55"},"spacing":{"margin":{"top":"0","bottom":"22px"}}},"textColor":"text-body"} -->
    116 <p class="has-text-body-color has-text-color" style="margin-top:0;margin-bottom:22px;font-size:0.90625rem;line-height:1.55"><?php echo esc_html__( 'Advanced blocks for the workflows freelancers charge for: post grids, forms, sliders, galleries, and more.', 'origin-canvas' ); ?></p>
     115<!-- wp:paragraph {"style":{"typography":{"fontSize":"0.90625rem","lineHeight":"1.55"},"spacing":{"margin":{"top":"0","bottom":"22px"}}},"textColor":"contrast-2"} -->
     116<p class="has-contrast-2-color has-text-color" style="margin-top:0;margin-bottom:22px;font-size:0.90625rem;line-height:1.55"><?php echo esc_html__( 'Advanced blocks for the workflows freelancers charge for: post grids, forms, sliders, galleries, and more.', 'origin-canvas' ); ?></p>
    117117<!-- /wp:paragraph --></div>
    118118<!-- /wp:group -->
    119119
    120120<!-- wp:group {"style":{"spacing":{"blockGap":"6px"}},"layout":{"type":"flex","verticalAlignment":"center"}} -->
    121 <div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontSize":"1.375rem","fontWeight":"700","letterSpacing":"-0.01em"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-heading"} -->
    122 <p class="has-text-heading-color has-text-color" style="margin-top:0;margin-bottom:0;font-size:1.375rem;font-weight:700;letter-spacing:-0.01em"><?php echo esc_html__( '$79', 'origin-canvas' ); ?></p>
    123 <!-- /wp:paragraph -->
    124 
    125 <!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-muted","fontSize":"extra-small"} -->
    126 <p class="has-text-muted-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( '/ yr', 'origin-canvas' ); ?></p>
     121<div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"700"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast","fontSize":"medium"} -->
     122<p class="has-contrast-color has-text-color has-medium-font-size" style="margin-top:0;margin-bottom:0;font-weight:700"><?php echo esc_html__( '$79', 'origin-canvas' ); ?></p>
     123<!-- /wp:paragraph -->
     124
     125<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-3","fontSize":"extra-small"} -->
     126<p class="has-contrast-3-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( '/ yr', 'origin-canvas' ); ?></p>
    127127<!-- /wp:paragraph --></div>
    128128<!-- /wp:group --></div>
    … …  
    132132
    133133<!-- wp:columns {"align":"wide","style":{"spacing":{"margin":{"top":"20px"},"blockGap":{"top":"20px","left":"20px"}}}} -->
    134 <div class="wp-block-columns alignwide" style="margin-top:20px"><!-- wp:column {"backgroundColor":"surface-base","borderColor":"border","style":{"border":{"radius":"var:custom|radius|large","style":"solid","width":"1px"},"spacing":{"padding":{"top":"var:preset|spacing|large","right":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
    135 <div class="wp-block-column has-border-color has-border-border-color has-surface-base-background-color has-background" style="border-style:solid;border-width:1px;border-radius:var(--wp--custom--radius--large);padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)"><!-- wp:group {"style":{"dimensions":{"minHeight":"258px"},"spacing":{"blockGap":"0"}},"layout":{"type":"flex","orientation":"vertical","verticalAlignment":"space-between"}} -->
    136 <div class="wp-block-group" style="min-height:258px"><!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained"}} -->
    137 <div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"blockGap":"9px","margin":{"bottom":"22px"}}},"layout":{"type":"flex"}} -->
    138 <div class="wp-block-group" style="margin-bottom:22px"><!-- wp:group {"className":"origin-canvas-status-dot","style":{"color":{"background":"#7C3AED"},"dimensions":{"minHeight":"8px"}}} -->
     134<div class="wp-block-columns alignwide" style="margin-top:20px"><!-- wp:column {"backgroundColor":"base","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"var:preset|spacing|large","right":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
     135<div class="wp-block-column has-base-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)"><!-- wp:group {"style":{"dimensions":{"minHeight":"258px"},"spacing":{"blockGap":"0"}},"layout":{"type":"flex","orientation":"vertical","verticalAlignment":"space-between"}} -->
     136<div class="wp-block-group" style="min-height:258px"><!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained"}} -->
     137<div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small","margin":{"bottom":"var:preset|spacing|medium"}}},"layout":{"type":"flex"}} -->
     138<div class="wp-block-group" style="margin-bottom:var(--wp--preset--spacing--medium)"><!-- wp:group {"className":"origin-canvas-status-dot","style":{"color":{"background":"#7C3AED"},"dimensions":{"minHeight":"8px"}}} -->
    139139<div class="wp-block-group origin-canvas-status-dot has-background" style="background-color:#7C3AED;min-height:8px"></div>
    140140<!-- /wp:group -->
    141 <!-- wp:paragraph {"className":"origin-canvas-status-chip","style":{"typography":{"fontSize":"12px"},"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
    142 <p class="origin-canvas-status-chip" style="font-size:12px;margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Coming soon', 'origin-canvas' ); ?></p>
     141<!-- wp:paragraph {"className":"origin-canvas-status-chip","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"extra-small"} -->
     142<p class="origin-canvas-status-chip has-extra-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Coming soon', 'origin-canvas' ); ?></p>
    143143<!-- /wp:paragraph --></div>
    144144<!-- /wp:group -->
    … …  
    148148<!-- /wp:heading -->
    149149
    150 <!-- wp:paragraph {"style":{"typography":{"fontSize":"0.90625rem","lineHeight":"1.55"},"spacing":{"margin":{"top":"0","bottom":"22px"}}},"textColor":"text-body"} -->
    151 <p class="has-text-body-color has-text-color" style="margin-top:0;margin-bottom:22px;font-size:0.90625rem;line-height:1.55"><?php echo esc_html__( 'A growing pattern library built on one token system, so layouts stay coherent across every project.', 'origin-canvas' ); ?></p>
     150<!-- wp:paragraph {"style":{"typography":{"fontSize":"0.90625rem","lineHeight":"1.55"},"spacing":{"margin":{"top":"0","bottom":"22px"}}},"textColor":"contrast-2"} -->
     151<p class="has-contrast-2-color has-text-color" style="margin-top:0;margin-bottom:22px;font-size:0.90625rem;line-height:1.55"><?php echo esc_html__( 'A growing pattern library built on one token system, so layouts stay coherent across every project.', 'origin-canvas' ); ?></p>
    152152<!-- /wp:paragraph --></div>
    153153<!-- /wp:group -->
    … …  
    155155<!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained"}} -->
    156156<div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"blockGap":"6px"}},"layout":{"type":"flex","verticalAlignment":"center"}} -->
    157 <div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontSize":"1.375rem","fontWeight":"700","letterSpacing":"-0.01em"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-heading"} -->
    158 <p class="has-text-heading-color has-text-color" style="margin-top:0;margin-bottom:0;font-size:1.375rem;font-weight:700;letter-spacing:-0.01em"><?php echo esc_html__( '$79', 'origin-canvas' ); ?></p>
    159 <!-- /wp:paragraph -->
    160 
    161 <!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-muted","fontSize":"extra-small"} -->
    162 <p class="has-text-muted-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( '/ yr', 'origin-canvas' ); ?></p>
    163 <!-- /wp:paragraph --></div>
    164 <!-- /wp:group -->
    165 
    166 <!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"5px","bottom":"0"}}},"textColor":"text-muted","fontSize":"extra-small"} -->
    167 <p class="has-text-muted-color has-text-color has-extra-small-font-size" style="margin-top:5px;margin-bottom:0"><?php echo esc_html__( 'Founding $55/yr, first 500 members', 'origin-canvas' ); ?></p>
    168 <!-- /wp:paragraph -->
    169 
    170 <!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"15px","bottom":"0"}},"elements":{"link":{"color":{"text":"var:preset|color|text-heading"},"typography":{"textDecoration":"none"}}}},"textColor":"text-heading","fontSize":"small"} -->
    171 <p class="has-text-heading-color has-text-color has-link-color has-small-font-size" style="margin-top:15px;margin-bottom:0;font-weight:600"><a href="#" style="text-decoration:none"><?php echo esc_html__( 'Join the founding list', 'origin-canvas' ); ?></a> <span class="has-primary-color has-text-color" style="color:var(--wp--preset--color--primary)" aria-hidden="true">&rarr;</span></p>
    172 <!-- /wp:paragraph --></div>
    173 <!-- /wp:group --></div>
    174 <!-- /wp:group --></div>
    175 <!-- /wp:column -->
    176 
    177 <!-- wp:column {"backgroundColor":"surface-base","borderColor":"border","style":{"border":{"radius":"var:custom|radius|large","style":"solid","width":"1px"},"spacing":{"padding":{"top":"var:preset|spacing|large","right":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
    178 <div class="wp-block-column has-border-color has-border-border-color has-surface-base-background-color has-background" style="border-style:solid;border-width:1px;border-radius:var(--wp--custom--radius--large);padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)"><!-- wp:group {"style":{"dimensions":{"minHeight":"258px"},"spacing":{"blockGap":"0"}},"layout":{"type":"flex","orientation":"vertical","verticalAlignment":"space-between"}} -->
    179 <div class="wp-block-group" style="min-height:258px"><!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained"}} -->
    180 <div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"blockGap":"9px","margin":{"bottom":"22px"}}},"layout":{"type":"flex"}} -->
    181 <div class="wp-block-group" style="margin-bottom:22px"><!-- wp:group {"className":"origin-canvas-status-dot","style":{"color":{"background":"#2563EB"},"dimensions":{"minHeight":"8px"}}} -->
     157<div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"700"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast","fontSize":"medium"} -->
     158<p class="has-contrast-color has-text-color has-medium-font-size" style="margin-top:0;margin-bottom:0;font-weight:700"><?php echo esc_html__( '$79', 'origin-canvas' ); ?></p>
     159<!-- /wp:paragraph -->
     160
     161<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-3","fontSize":"extra-small"} -->
     162<p class="has-contrast-3-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( '/ yr', 'origin-canvas' ); ?></p>
     163<!-- /wp:paragraph --></div>
     164<!-- /wp:group -->
     165
     166<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"5px","bottom":"0"}}},"textColor":"contrast-3","fontSize":"extra-small"} -->
     167<p class="has-contrast-3-color has-text-color has-extra-small-font-size" style="margin-top:5px;margin-bottom:0"><?php echo esc_html__( 'Founding $55/yr, first 500 members', 'origin-canvas' ); ?></p>
     168<!-- /wp:paragraph -->
     169
     170<!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"15px","bottom":"0"}},"elements":{"link":{"typography":{"textDecoration":"none"}}}},"textColor":"contrast","fontSize":"small"} -->
     171<p class="has-contrast-color has-text-color has-small-font-size" style="margin-top:15px;margin-bottom:0;font-weight:600"><a href="#" style="text-decoration:none"><?php echo esc_html__( 'Join the founding list', 'origin-canvas' ); ?> <span aria-hidden="true">&rarr;</span></a></p>
     172<!-- /wp:paragraph --></div>
     173<!-- /wp:group --></div>
     174<!-- /wp:group --></div>
     175<!-- /wp:column -->
     176
     177<!-- wp:column {"backgroundColor":"base","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"var:preset|spacing|large","right":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
     178<div class="wp-block-column has-base-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)"><!-- wp:group {"style":{"dimensions":{"minHeight":"258px"},"spacing":{"blockGap":"0"}},"layout":{"type":"flex","orientation":"vertical","verticalAlignment":"space-between"}} -->
     179<div class="wp-block-group" style="min-height:258px"><!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained"}} -->
     180<div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small","margin":{"bottom":"var:preset|spacing|medium"}}},"layout":{"type":"flex"}} -->
     181<div class="wp-block-group" style="margin-bottom:var(--wp--preset--spacing--medium)"><!-- wp:group {"className":"origin-canvas-status-dot","style":{"color":{"background":"#2563EB"},"dimensions":{"minHeight":"8px"}}} -->
    182182<div class="wp-block-group origin-canvas-status-dot has-background" style="background-color:#2563EB;min-height:8px"></div>
    183183<!-- /wp:group -->
    184 <!-- wp:paragraph {"className":"origin-canvas-status-chip","style":{"typography":{"fontSize":"12px"},"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
    185 <p class="origin-canvas-status-chip" style="font-size:12px;margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Coming soon', 'origin-canvas' ); ?></p>
     184<!-- wp:paragraph {"className":"origin-canvas-status-chip","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"extra-small"} -->
     185<p class="origin-canvas-status-chip has-extra-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Coming soon', 'origin-canvas' ); ?></p>
    186186<!-- /wp:paragraph --></div>
    187187<!-- /wp:group -->
    … …  
    191191<!-- /wp:heading -->
    192192
    193 <!-- wp:paragraph {"style":{"typography":{"fontSize":"0.90625rem","lineHeight":"1.55"},"spacing":{"margin":{"top":"0","bottom":"22px"}}},"textColor":"text-body"} -->
    194 <p class="has-text-body-color has-text-color" style="margin-top:0;margin-bottom:22px;font-size:0.90625rem;line-height:1.55"><?php echo esc_html__( 'A one-click installer that brings the theme, blocks, and patterns together as a ready-to-edit starting point.', 'origin-canvas' ); ?></p>
     193<!-- wp:paragraph {"style":{"typography":{"fontSize":"0.90625rem","lineHeight":"1.55"},"spacing":{"margin":{"top":"0","bottom":"22px"}}},"textColor":"contrast-2"} -->
     194<p class="has-contrast-2-color has-text-color" style="margin-top:0;margin-bottom:22px;font-size:0.90625rem;line-height:1.55"><?php echo esc_html__( 'A one-click installer that brings the theme, blocks, and patterns together as a ready-to-edit starting point.', 'origin-canvas' ); ?></p>
    195195<!-- /wp:paragraph --></div>
    196196<!-- /wp:group -->
    197197
    198198<!-- wp:group {"style":{"spacing":{"blockGap":"6px"}},"layout":{"type":"flex","verticalAlignment":"center"}} -->
    199 <div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontSize":"1.375rem","fontWeight":"700","letterSpacing":"-0.01em"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-heading"} -->
    200 <p class="has-text-heading-color has-text-color" style="margin-top:0;margin-bottom:0;font-size:1.375rem;font-weight:700;letter-spacing:-0.01em"><?php echo esc_html__( '$99', 'origin-canvas' ); ?></p>
    201 <!-- /wp:paragraph -->
    202 
    203 <!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-muted","fontSize":"extra-small"} -->
    204 <p class="has-text-muted-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( '/ yr', 'origin-canvas' ); ?></p>
    205 <!-- /wp:paragraph --></div>
    206 <!-- /wp:group --></div>
    207 <!-- /wp:group --></div>
    208 <!-- /wp:column -->
    209 
    210 <!-- wp:column {"style":{"border":{"radius":"var:custom|radius|large"},"color":{"background":"var(--wp--custom--dark--bg)","text":"var(--wp--custom--dark--text)"},"spacing":{"padding":{"top":"var:preset|spacing|large","right":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
    211 <div class="wp-block-column has-text-color has-background" style="border-radius:var(--wp--custom--radius--large);color:var(--wp--custom--dark--text);background-color:var(--wp--custom--dark--bg);padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)"><!-- wp:group {"style":{"dimensions":{"minHeight":"258px"},"spacing":{"blockGap":"0"}},"layout":{"type":"flex","orientation":"vertical","verticalAlignment":"space-between"}} -->
    212 <div class="wp-block-group" style="min-height:258px"><!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained"}} -->
    213 <div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"blockGap":"9px","margin":{"bottom":"22px"}}},"layout":{"type":"flex"}} -->
    214 <div class="wp-block-group" style="margin-bottom:22px"><!-- wp:group {"className":"origin-canvas-status-dot","style":{"color":{"background":"#9AA2B1"},"dimensions":{"minHeight":"8px"}}} -->
     199<div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"700"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast","fontSize":"medium"} -->
     200<p class="has-contrast-color has-text-color has-medium-font-size" style="margin-top:0;margin-bottom:0;font-weight:700"><?php echo esc_html__( '$99', 'origin-canvas' ); ?></p>
     201<!-- /wp:paragraph -->
     202
     203<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-3","fontSize":"extra-small"} -->
     204<p class="has-contrast-3-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( '/ yr', 'origin-canvas' ); ?></p>
     205<!-- /wp:paragraph --></div>
     206<!-- /wp:group --></div>
     207<!-- /wp:group --></div>
     208<!-- /wp:column -->
     209
     210<!-- wp:column {"style":{"border":{"radius":"var:custom|radius|medium"},"color":{"background":"var(--wp--custom--dark--bg)","text":"var(--wp--custom--dark--text)"},"spacing":{"padding":{"top":"var:preset|spacing|large","right":"var:preset|spacing|large","bottom":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
     211<div class="wp-block-column has-text-color has-background" style="border-radius:var(--wp--custom--radius--medium);color:var(--wp--custom--dark--text);background-color:var(--wp--custom--dark--bg);padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)"><!-- wp:group {"style":{"dimensions":{"minHeight":"258px"},"spacing":{"blockGap":"0"}},"layout":{"type":"flex","orientation":"vertical","verticalAlignment":"space-between"}} -->
     212<div class="wp-block-group" style="min-height:258px"><!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained"}} -->
     213<div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small","margin":{"bottom":"var:preset|spacing|medium"}}},"layout":{"type":"flex"}} -->
     214<div class="wp-block-group" style="margin-bottom:var(--wp--preset--spacing--medium)"><!-- wp:group {"className":"origin-canvas-status-dot","style":{"color":{"background":"#9AA2B1"},"dimensions":{"minHeight":"8px"}}} -->
    215215<div class="wp-block-group origin-canvas-status-dot has-background" style="background-color:#9AA2B1;min-height:8px"></div>
    216216<!-- /wp:group -->
    217 <!-- wp:paragraph {"className":"origin-canvas-status-chip origin-canvas-status-chip--dark","style":{"typography":{"fontSize":"12px"},"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
    218 <p class="origin-canvas-status-chip origin-canvas-status-chip--dark" style="font-size:12px;margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Coming soon', 'origin-canvas' ); ?></p>
     217<!-- wp:paragraph {"className":"origin-canvas-status-chip origin-canvas-status-chip--dark","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"extra-small"} -->
     218<p class="origin-canvas-status-chip origin-canvas-status-chip--dark has-extra-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Coming soon', 'origin-canvas' ); ?></p>
    219219<!-- /wp:paragraph --></div>
    220220<!-- /wp:group -->
    … …  
    231231<!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained"}} -->
    232232<div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"blockGap":"6px"}},"layout":{"type":"flex","verticalAlignment":"center"}} -->
    233 <div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontSize":"1.375rem","fontWeight":"700","letterSpacing":"-0.01em"},"spacing":{"margin":{"top":"0","bottom":"0"}},"color":{"text":"var(--wp--custom--dark--text)"}}} -->
    234 <p class="has-text-color" style="color:var(--wp--custom--dark--text);margin-top:0;margin-bottom:0;font-size:1.375rem;font-weight:700;letter-spacing:-0.01em"><?php echo esc_html__( '$499', 'origin-canvas' ); ?></p>
    235 <!-- /wp:paragraph -->
    236 
    237 <!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-muted","fontSize":"extra-small"} -->
    238 <p class="has-text-muted-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( '/ yr', 'origin-canvas' ); ?></p>
     233<div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"700"},"spacing":{"margin":{"top":"0","bottom":"0"}},"color":{"text":"var(--wp--custom--dark--text)"}},"fontSize":"medium"} -->
     234<p class="has-text-color has-medium-font-size" style="color:var(--wp--custom--dark--text);margin-top:0;margin-bottom:0;font-weight:700"><?php echo esc_html__( '$499', 'origin-canvas' ); ?></p>
     235<!-- /wp:paragraph -->
     236
     237<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-3","fontSize":"extra-small"} -->
     238<p class="has-contrast-3-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( '/ yr', 'origin-canvas' ); ?></p>
    239239<!-- /wp:paragraph --></div>
    240240<!-- /wp:group -->
    … …  
    248248<!-- /wp:columns -->
    249249
    250 <!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"0.9375rem"},"spacing":{"margin":{"top":"var:preset|spacing|extra-large","bottom":"0"}}},"textColor":"text-muted"} -->
    251 <p class="has-text-align-center has-text-muted-color has-text-color" style="margin-top:var(--wp--preset--spacing--extra-large);margin-bottom:0;font-size:0.9375rem"><?php echo esc_html__( 'The theme is free forever. No account, no trial, no upgrade wall. Pro plugins are optional.', 'origin-canvas' ); ?></p>
     250<!-- wp:paragraph {"style":{"typography":{"fontSize":"0.9375rem","textAlign":"center"},"spacing":{"margin":{"top":"var:preset|spacing|extra-large","bottom":"0"}}},"textColor":"contrast-3"} -->
     251<p class="has-text-align-center has-contrast-3-color has-text-color" style="margin-top:var(--wp--preset--spacing--extra-large);margin-bottom:0;font-size:0.9375rem"><?php echo esc_html__( 'The theme is free forever. No account, no trial, no upgrade wall. Pro plugins are optional.', 'origin-canvas' ); ?></p>
    252252<!-- /wp:paragraph --></section>
    253253<!-- /wp:group -->

  • origin-canvas/1.4.3/patterns/stat-band-dark.php

    r347102 r356743  
    33 * Title: Dark Stats Band
    44 * Slug: origin-canvas/stat-band-dark
    5  * Description: A dark metrics band with pink figures for the theme landing page.
     5 * Description: A dark band with a short statement and four accent-color figures, each over a label.
    66 * Categories: origin-canvas/stats
    77 * Keywords: numbers, marketing, inverted, results
    … …  
    1616?>
    1717<!-- wp:group {"tagName":"section","align":"full","style":{"color":{"background":"var(--wp--custom--dark--bg)","text":"var(--wp--custom--dark--text)"},"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"}}},"layout":{"type":"constrained"}} -->
    18 <section class="wp-block-group alignfull has-text-color has-background" style="color:var(--wp--custom--dark--text);background-color:var(--wp--custom--dark--bg);margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:paragraph {"align":"center","style":{"typography":{"textTransform":"uppercase","fontWeight":"600","letterSpacing":"0.12em"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}},"color":{"text":"color-mix(in srgb, var(--wp--custom--dark--text) 50%, transparent)"}},"fontSize":"small"} -->
    19 <p class="has-text-align-center has-text-color has-small-font-size" style="color:color-mix(in srgb, var(--wp--custom--dark--text) 50%, transparent);margin-top:0;margin-bottom:var(--wp--preset--spacing--medium);font-weight:600;letter-spacing:0.12em;text-transform:uppercase"><?php echo esc_html__( 'One coherent system', 'origin-canvas' ); ?></p>
     18<section class="wp-block-group alignfull has-text-color has-background" style="color:var(--wp--custom--dark--text);background-color:var(--wp--custom--dark--bg);margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:paragraph {"className":"origin-canvas-eyebrow","style":{"typography":{"textTransform":"uppercase","fontWeight":"600","letterSpacing":"0.06em","textAlign":"center"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}}},"textColor":"primary","fontSize":"small"} -->
     19<p class="origin-canvas-eyebrow has-text-align-center has-primary-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium);font-weight:600;letter-spacing:0.06em;text-transform:uppercase"><?php echo esc_html__( 'One coherent system', 'origin-canvas' ); ?></p>
    2020<!-- /wp:paragraph -->
    2121
    22 <!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"clamp(1.8rem, 3.6vw, 2.6rem)","fontWeight":"600","lineHeight":"1.25","letterSpacing":"-0.02em"},"spacing":{"margin":{"top":"0","right":"auto","bottom":"var:preset|spacing|colossal","left":"auto"}}}} -->
    23 <p class="has-text-align-center" style="margin-top:0;margin-right:auto;margin-bottom:var(--wp--preset--spacing--colossal);margin-left:auto;font-size:clamp(1.8rem, 3.6vw, 2.6rem);font-weight:600;letter-spacing:-0.02em;line-height:1.25"><?php echo wp_kses_post( __( 'Everything in Origin Canvas references the same presets. <span style="color:color-mix(in srgb, var(--wp--custom--dark--text) 50%, transparent)">Change one token and the whole site moves with it.</span>', 'origin-canvas' ) ); ?></p>
     22<!-- wp:paragraph {"style":{"typography":{"fontWeight":"500","lineHeight":"1.25","textAlign":"center"},"spacing":{"margin":{"top":"0","right":"auto","bottom":"var:preset|spacing|colossal","left":"auto"}}},"fontSize":"display"} -->
     23<p class="has-text-align-center has-display-font-size" style="margin-top:0;margin-right:auto;margin-bottom:var(--wp--preset--spacing--colossal);margin-left:auto;font-weight:500;line-height:1.25"><?php echo wp_kses_post( __( 'Everything in Origin Canvas references the same presets. <span style="opacity:0.72">Change one token and the whole site moves with it.</span>', 'origin-canvas' ) ); ?></p>
    2424<!-- /wp:paragraph -->
    2525
    26 <!-- wp:columns {"align":"wide","style":{"border":{"top":{"color":"color-mix(in srgb, var(--wp--custom--dark--text) 14%, transparent)","width":"1px"}},"spacing":{"padding":{"top":"var:preset|spacing|huge"},"blockGap":{"top":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
    27 <div class="wp-block-columns alignwide" style="border-top-color:color-mix(in srgb, var(--wp--custom--dark--text) 14%, transparent);border-top-width:1px;padding-top:var(--wp--preset--spacing--huge)"><!-- wp:column -->
    28 <div class="wp-block-column"><!-- wp:paragraph {"align":"center","style":{"typography":{"fontWeight":"600","lineHeight":"1","letterSpacing":"0"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}}},"textColor":"primary","fontSize":"display-2xl"} -->
    29 <p class="has-text-align-center has-primary-color has-text-color has-display-2-xl-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium);font-weight:600;letter-spacing:0;line-height:1"><?php echo esc_html__( '62', 'origin-canvas' ); ?></p>
     26<!-- wp:columns {"align":"wide","style":{"border":{"top":{"color":"color-mix(in srgb, var(--wp--custom--dark--text) 12%, transparent)","width":"1px"}},"spacing":{"padding":{"top":"var:preset|spacing|huge"},"blockGap":{"top":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
     27<div class="wp-block-columns alignwide" style="border-top-color:color-mix(in srgb, var(--wp--custom--dark--text) 12%, transparent);border-top-width:1px;padding-top:var(--wp--preset--spacing--huge)"><!-- wp:column -->
     28<div class="wp-block-column"><!-- wp:paragraph {"className":"origin-canvas-figure","style":{"typography":{"fontWeight":"700","lineHeight":"1","textAlign":"center"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}}},"textColor":"primary","fontSize":"display-2xl"} -->
     29<p class="origin-canvas-figure has-text-align-center has-primary-color has-text-color has-display-2-xl-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium);font-weight:700;line-height:1"><?php echo esc_html__( '93', 'origin-canvas' ); ?></p>
    3030<!-- /wp:paragraph -->
    3131
    32 <!-- wp:paragraph {"align":"center","style":{"color":{"text":"color-mix(in srgb, var(--wp--custom--dark--text) 65%, transparent)"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"small"} -->
    33 <p class="has-text-align-center has-text-color has-small-font-size" style="color:color-mix(in srgb, var(--wp--custom--dark--text) 65%, transparent);margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Block patterns', 'origin-canvas' ); ?></p>
     32<!-- wp:paragraph {"style":{"color":{"text":"color-mix(in srgb, var(--wp--custom--dark--text) 72%, transparent)"},"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"textAlign":"center"}},"fontSize":"small"} -->
     33<p class="has-text-align-center has-text-color has-small-font-size" style="color:color-mix(in srgb, var(--wp--custom--dark--text) 72%, transparent);margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Block patterns', 'origin-canvas' ); ?></p>
    3434<!-- /wp:paragraph --></div>
    3535<!-- /wp:column -->
    3636
    3737<!-- wp:column -->
    38 <div class="wp-block-column"><!-- wp:paragraph {"align":"center","style":{"typography":{"fontWeight":"600","lineHeight":"1","letterSpacing":"0"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}}},"textColor":"primary","fontSize":"display-2xl"} -->
    39 <p class="has-text-align-center has-primary-color has-text-color has-display-2-xl-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium);font-weight:600;letter-spacing:0;line-height:1"><?php echo esc_html__( '11', 'origin-canvas' ); ?></p>
     38<div class="wp-block-column"><!-- wp:paragraph {"className":"origin-canvas-figure","style":{"typography":{"fontWeight":"700","lineHeight":"1","textAlign":"center"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}}},"textColor":"primary","fontSize":"display-2xl"} -->
     39<p class="origin-canvas-figure has-text-align-center has-primary-color has-text-color has-display-2-xl-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium);font-weight:700;line-height:1"><?php echo esc_html__( '11', 'origin-canvas' ); ?></p>
    4040<!-- /wp:paragraph -->
    4141
    42 <!-- wp:paragraph {"align":"center","style":{"color":{"text":"color-mix(in srgb, var(--wp--custom--dark--text) 65%, transparent)"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"small"} -->
    43 <p class="has-text-align-center has-text-color has-small-font-size" style="color:color-mix(in srgb, var(--wp--custom--dark--text) 65%, transparent);margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Style variations', 'origin-canvas' ); ?></p>
     42<!-- wp:paragraph {"style":{"color":{"text":"color-mix(in srgb, var(--wp--custom--dark--text) 72%, transparent)"},"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"textAlign":"center"}},"fontSize":"small"} -->
     43<p class="has-text-align-center has-text-color has-small-font-size" style="color:color-mix(in srgb, var(--wp--custom--dark--text) 72%, transparent);margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Style variations', 'origin-canvas' ); ?></p>
    4444<!-- /wp:paragraph --></div>
    4545<!-- /wp:column -->
    4646
    4747<!-- wp:column -->
    48 <div class="wp-block-column"><!-- wp:paragraph {"align":"center","style":{"typography":{"fontWeight":"600","lineHeight":"1","letterSpacing":"0"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}}},"textColor":"primary","fontSize":"display-2xl"} -->
    49 <p class="has-text-align-center has-primary-color has-text-color has-display-2-xl-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium);font-weight:600;letter-spacing:0;line-height:1"><?php echo esc_html__( '12', 'origin-canvas' ); ?></p>
     48<div class="wp-block-column"><!-- wp:paragraph {"className":"origin-canvas-figure","style":{"typography":{"fontWeight":"700","lineHeight":"1","textAlign":"center"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}}},"textColor":"primary","fontSize":"display-2xl"} -->
     49<p class="origin-canvas-figure has-text-align-center has-primary-color has-text-color has-display-2-xl-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium);font-weight:700;line-height:1"><?php echo esc_html__( '12', 'origin-canvas' ); ?></p>
    5050<!-- /wp:paragraph -->
    5151
    52 <!-- wp:paragraph {"align":"center","style":{"color":{"text":"color-mix(in srgb, var(--wp--custom--dark--text) 65%, transparent)"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"small"} -->
    53 <p class="has-text-align-center has-text-color has-small-font-size" style="color:color-mix(in srgb, var(--wp--custom--dark--text) 65%, transparent);margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Templates', 'origin-canvas' ); ?></p>
     52<!-- wp:paragraph {"style":{"color":{"text":"color-mix(in srgb, var(--wp--custom--dark--text) 72%, transparent)"},"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"textAlign":"center"}},"fontSize":"small"} -->
     53<p class="has-text-align-center has-text-color has-small-font-size" style="color:color-mix(in srgb, var(--wp--custom--dark--text) 72%, transparent);margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Templates', 'origin-canvas' ); ?></p>
    5454<!-- /wp:paragraph --></div>
    5555<!-- /wp:column -->
    5656
    5757<!-- wp:column -->
    58 <div class="wp-block-column"><!-- wp:paragraph {"align":"center","style":{"typography":{"fontWeight":"600","lineHeight":"1","letterSpacing":"0"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}}},"textColor":"primary","fontSize":"display-2xl"} -->
    59 <p class="has-text-align-center has-primary-color has-text-color has-display-2-xl-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium);font-weight:600;letter-spacing:0;line-height:1"><?php echo esc_html__( '1', 'origin-canvas' ); ?></p>
     58<div class="wp-block-column"><!-- wp:paragraph {"className":"origin-canvas-figure","style":{"typography":{"fontWeight":"700","lineHeight":"1","textAlign":"center"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}}},"textColor":"primary","fontSize":"display-2xl"} -->
     59<p class="origin-canvas-figure has-text-align-center has-primary-color has-text-color has-display-2-xl-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium);font-weight:700;line-height:1"><?php echo esc_html__( '1', 'origin-canvas' ); ?></p>
    6060<!-- /wp:paragraph -->
    6161
    62 <!-- wp:paragraph {"align":"center","style":{"color":{"text":"color-mix(in srgb, var(--wp--custom--dark--text) 65%, transparent)"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"small"} -->
    63 <p class="has-text-align-center has-text-color has-small-font-size" style="color:color-mix(in srgb, var(--wp--custom--dark--text) 65%, transparent);margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Coherent system', 'origin-canvas' ); ?></p>
     62<!-- wp:paragraph {"style":{"color":{"text":"color-mix(in srgb, var(--wp--custom--dark--text) 72%, transparent)"},"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"textAlign":"center"}},"fontSize":"small"} -->
     63<p class="has-text-align-center has-text-color has-small-font-size" style="color:color-mix(in srgb, var(--wp--custom--dark--text) 72%, transparent);margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Coherent system', 'origin-canvas' ); ?></p>
    6464<!-- /wp:paragraph --></div>
    6565<!-- /wp:column --></div>

  • origin-canvas/1.4.3/patterns/stat-band.php

    r347102 r356743  
    33 * Title: Stat Band
    44 * Slug: origin-canvas/stat-band
     5 * Description: A dark band with a short statement and three figures, each over a label.
    56 * Categories: origin-canvas/stats
    6  * Keywords: metrics, dark, numbers, home
     7 * Keywords: metrics, numbers, results
    78 * Block Types: core/post-content
    89 * Viewport Width: 1500
    … …  
    1314
    1415?>
    15 <!-- wp:group {"tagName":"section","align":"full","style":{"color":{"background":"#111827","text":"#F3F4F6"},"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"}}},"layout":{"type":"constrained"}} -->
    16 <section class="wp-block-group alignfull has-text-color has-background" style="color:#F3F4F6;background-color:#111827;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:paragraph {"align":"center","style":{"typography":{"textTransform":"uppercase","fontWeight":"600","letterSpacing":"0.08em"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}},"color":{"text":"rgba(243,244,246,0.72)"}},"fontSize":"extra-small"} -->
    17 <p class="has-text-align-center has-text-color has-extra-small-font-size" style="color:rgba(243,244,246,0.72);margin-top:0;margin-bottom:var(--wp--preset--spacing--medium);font-weight:600;letter-spacing:0.08em;text-transform:uppercase"><?php echo esc_html__( '04 / By the numbers', 'origin-canvas' ); ?></p>
     16<!-- wp:group {"tagName":"section","align":"full","backgroundColor":"contrast","textColor":"base-2","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"}}},"layout":{"type":"constrained"}} -->
     17<section class="wp-block-group alignfull has-base-2-color has-contrast-background-color has-text-color has-background" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:paragraph {"className":"origin-canvas-eyebrow","style":{"typography":{"textTransform":"uppercase","fontWeight":"600","letterSpacing":"0.06em","textAlign":"center"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}}},"textColor":"primary","fontSize":"extra-small"} -->
     18<p class="origin-canvas-eyebrow has-text-align-center has-primary-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium);font-weight:600;letter-spacing:0.06em;text-transform:uppercase"><?php echo esc_html__( 'By the numbers', 'origin-canvas' ); ?></p>
    1819<!-- /wp:paragraph -->
    1920
    20 <!-- wp:paragraph {"align":"center","style":{"typography":{"fontWeight":"500","lineHeight":"1.25"},"spacing":{"margin":{"top":"0","right":"auto","bottom":"var:preset|spacing|colossal","left":"auto"}}},"fontSize":"display"} -->
    21 <p class="has-text-align-center has-display-font-size" style="margin-top:0;margin-right:auto;margin-bottom:var(--wp--preset--spacing--colossal);margin-left:auto;font-weight:500;line-height:1.25"><?php echo wp_kses_post( __( 'A small studio with a long memory. <span class="has-inline-color has-text-muted-color">We answer our own emails, write our own contracts, and ship work we&#8217;re still proud of two years later.</span>', 'origin-canvas' ) ); ?></p>
     21<!-- wp:paragraph {"style":{"typography":{"fontWeight":"500","lineHeight":"1.25","textAlign":"center"},"spacing":{"margin":{"top":"0","right":"auto","bottom":"var:preset|spacing|colossal","left":"auto"}}},"fontSize":"display"} -->
     22<p class="has-text-align-center has-display-font-size" style="margin-top:0;margin-right:auto;margin-bottom:var(--wp--preset--spacing--colossal);margin-left:auto;font-weight:500;line-height:1.25"><?php echo wp_kses_post( __( 'A small studio with a long memory. <span style="opacity:0.72">We answer our own emails, write our own contracts, and make work that holds up years after we deliver it.</span>', 'origin-canvas' ) ); ?></p>
    2223<!-- /wp:paragraph -->
    2324
    24 <!-- wp:columns {"align":"wide","style":{"border":{"top":{"color":"rgba(243,244,246,0.18)","width":"1px"}},"spacing":{"padding":{"top":"var:preset|spacing|huge"},"blockGap":{"top":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
    25 <div class="wp-block-columns alignwide" style="border-top-color:rgba(243,244,246,0.18);border-top-width:1px;padding-top:var(--wp--preset--spacing--huge)"><!-- wp:column -->
    26 <div class="wp-block-column"><!-- wp:paragraph {"align":"center","style":{"typography":{"fontWeight":"600","lineHeight":"1","letterSpacing":"0"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}}},"textColor":"primary","fontSize":"display-2xl"} -->
    27 <p class="has-text-align-center has-primary-color has-text-color has-display-2-xl-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium);font-weight:600;letter-spacing:0;line-height:1"><?php echo esc_html__( '12', 'origin-canvas' ); ?></p>
     25<!-- wp:columns {"align":"wide","style":{"border":{"top":{"color":"color-mix(in srgb, var(--wp--custom--dark--text) 12%, transparent)","width":"1px"}},"spacing":{"padding":{"top":"var:preset|spacing|huge"},"blockGap":{"top":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
     26<div class="wp-block-columns alignwide" style="border-top-color:color-mix(in srgb, var(--wp--custom--dark--text) 12%, transparent);border-top-width:1px;padding-top:var(--wp--preset--spacing--huge)"><!-- wp:column -->
     27<div class="wp-block-column"><!-- wp:paragraph {"className":"origin-canvas-figure","style":{"typography":{"fontWeight":"700","lineHeight":"1","textAlign":"center"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}}},"textColor":"primary","fontSize":"display-2xl"} -->
     28<p class="origin-canvas-figure has-text-align-center has-primary-color has-text-color has-display-2-xl-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium);font-weight:700;line-height:1"><?php echo esc_html__( '38', 'origin-canvas' ); ?></p>
    2829<!-- /wp:paragraph -->
    2930
    30 <!-- wp:paragraph {"align":"center","style":{"color":{"text":"rgba(243,244,246,0.72)"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"small"} -->
    31 <p class="has-text-align-center has-text-color has-small-font-size" style="color:rgba(243,244,246,0.72);margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Projects per year, on average', 'origin-canvas' ); ?></p>
     31<!-- wp:paragraph {"style":{"color":{"text":"color-mix(in srgb, var(--wp--custom--dark--text) 72%, transparent)"},"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"textAlign":"center"}},"fontSize":"small"} -->
     32<p class="has-text-align-center has-text-color has-small-font-size" style="color:color-mix(in srgb, var(--wp--custom--dark--text) 72%, transparent);margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Sites launched', 'origin-canvas' ); ?></p>
    3233<!-- /wp:paragraph --></div>
    3334<!-- /wp:column -->
    3435
    3536<!-- wp:column -->
    36 <div class="wp-block-column"><!-- wp:paragraph {"align":"center","style":{"typography":{"fontWeight":"600","lineHeight":"1","letterSpacing":"0"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}}},"textColor":"primary","fontSize":"display-2xl"} -->
    37 <p class="has-text-align-center has-primary-color has-text-color has-display-2-xl-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium);font-weight:600;letter-spacing:0;line-height:1"><?php echo esc_html__( '8', 'origin-canvas' ); ?></p>
     37<div class="wp-block-column"><!-- wp:paragraph {"className":"origin-canvas-figure","style":{"typography":{"fontWeight":"700","lineHeight":"1","textAlign":"center"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}}},"textColor":"primary","fontSize":"display-2xl"} -->
     38<p class="origin-canvas-figure has-text-align-center has-primary-color has-text-color has-display-2-xl-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium);font-weight:700;line-height:1"><?php echo esc_html__( '8', 'origin-canvas' ); ?></p>
    3839<!-- /wp:paragraph -->
    3940
    40 <!-- wp:paragraph {"align":"center","style":{"color":{"text":"rgba(243,244,246,0.72)"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"small"} -->
    41 <p class="has-text-align-center has-text-color has-small-font-size" style="color:rgba(243,244,246,0.72);margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Years working together', 'origin-canvas' ); ?></p>
     41<!-- wp:paragraph {"style":{"color":{"text":"color-mix(in srgb, var(--wp--custom--dark--text) 72%, transparent)"},"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"textAlign":"center"}},"fontSize":"small"} -->
     42<p class="has-text-align-center has-text-color has-small-font-size" style="color:color-mix(in srgb, var(--wp--custom--dark--text) 72%, transparent);margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Years working together', 'origin-canvas' ); ?></p>
    4243<!-- /wp:paragraph --></div>
    4344<!-- /wp:column -->
    4445
    4546<!-- wp:column -->
    46 <div class="wp-block-column"><!-- wp:paragraph {"align":"center","style":{"typography":{"fontWeight":"600","lineHeight":"1","letterSpacing":"0"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}}},"textColor":"primary","fontSize":"display-2xl"} -->
    47 <p class="has-text-align-center has-primary-color has-text-color has-display-2-xl-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium);font-weight:600;letter-spacing:0;line-height:1"><?php echo esc_html__( '94%', 'origin-canvas' ); ?></p>
     47<div class="wp-block-column"><!-- wp:paragraph {"className":"origin-canvas-figure","style":{"typography":{"fontWeight":"700","lineHeight":"1","textAlign":"center"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}}},"textColor":"primary","fontSize":"display-2xl"} -->
     48<p class="origin-canvas-figure has-text-align-center has-primary-color has-text-color has-display-2-xl-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium);font-weight:700;line-height:1"><?php echo esc_html__( '94%', 'origin-canvas' ); ?></p>
    4849<!-- /wp:paragraph -->
    4950
    50 <!-- wp:paragraph {"align":"center","style":{"color":{"text":"rgba(243,244,246,0.72)"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"small"} -->
    51 <p class="has-text-align-center has-text-color has-small-font-size" style="color:rgba(243,244,246,0.72);margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Repeat or referral clients', 'origin-canvas' ); ?></p>
     51<!-- wp:paragraph {"style":{"color":{"text":"color-mix(in srgb, var(--wp--custom--dark--text) 72%, transparent)"},"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"textAlign":"center"}},"fontSize":"small"} -->
     52<p class="has-text-align-center has-text-color has-small-font-size" style="color:color-mix(in srgb, var(--wp--custom--dark--text) 72%, transparent);margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Repeat or referral clients', 'origin-canvas' ); ?></p>
    5253<!-- /wp:paragraph --></div>
    5354<!-- /wp:column --></div>

  • origin-canvas/1.4.3/patterns/style-variations.php

    r347102 r356743  
    33 * Title: Style Variations Showcase
    44 * Slug: origin-canvas/style-variations
    5  * Description: A grid of style-variation preview cards (full, color, and typography presets) for the theme landing page.
     5 * Description: A tinted band with a centered eyebrow, heading and lead over three sets of cards: full variations with a type sample and color swatches, color presets with a color dot and name, and typography presets with a type sample and name.
    66 * Categories: origin-canvas/features
    7  * Keywords: palette, themes, swatches, styles
     7 * Keywords: palette, themes, styles
    88 * Viewport Width: 1500
    99 * Block Types:
    1010 * Post Types:
    11  * Inserter: true
     11 * Inserter: false
    1212 *
    1313 * @package Origin
    … …  
    1515
    1616?>
    17 <!-- wp:group {"tagName":"section","align":"full","backgroundColor":"surface-subtle","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"}}},"layout":{"type":"constrained"}} -->
    18 <section class="wp-block-group alignfull has-surface-subtle-background-color has-background" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:group {"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|huge"}}},"layout":{"type":"constrained","contentSize":"640px"}} -->
    19 <div class="wp-block-group" style="margin-bottom:var(--wp--preset--spacing--huge)"><!-- wp:paragraph {"align":"center","style":{"typography":{"textTransform":"uppercase","fontWeight":"600","letterSpacing":"0.12em"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}}},"textColor":"primary","fontSize":"small"} -->
    20 <p class="has-text-align-center has-primary-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium);font-weight:600;letter-spacing:0.12em;text-transform:uppercase"><?php echo esc_html__( 'Style variations', 'origin-canvas' ); ?></p>
    21 <!-- /wp:paragraph -->
    22 
    23 <!-- wp:heading {"textAlign":"center","level":2,"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}}},"fontSize":"display"} -->
    24 <h2 class="wp-block-heading has-text-align-center has-display-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium)"><?php echo wp_kses_post( __( 'Eleven style variations.<br>One click to reskin.', 'origin-canvas' ) ); ?></h2>
     17<!-- wp:group {"anchor":"style-variations","tagName":"section","align":"full","backgroundColor":"base-3","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"}}},"layout":{"type":"constrained"}} -->
     18<section id="style-variations" class="wp-block-group alignfull has-base-3-background-color has-background" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:group {"align":"wide","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|huge"}}},"layout":{"type":"constrained"}} -->
     19<div class="wp-block-group alignwide" style="margin-bottom:var(--wp--preset--spacing--huge)"><!-- wp:paragraph {"className":"origin-canvas-eyebrow","style":{"typography":{"textTransform":"uppercase","fontWeight":"600","letterSpacing":"0.06em","textAlign":"center"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}}},"textColor":"primary","fontSize":"small"} -->
     20<p class="origin-canvas-eyebrow has-text-align-center has-primary-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium);font-weight:600;letter-spacing:0.06em;text-transform:uppercase"><?php echo esc_html__( 'Style variations', 'origin-canvas' ); ?></p>
     21<!-- /wp:paragraph -->
     22
     23<!-- wp:heading {"level":2,"align":"wide","style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"textAlign":"center"}},"fontSize":"display"} -->
     24<h2 class="wp-block-heading has-text-align-center alignwide has-display-font-size" style="margin-top:0;margin-bottom:0"><?php echo wp_kses_post( __( 'Eleven style variations.<br>One click to reskin.', 'origin-canvas' ) ); ?></h2>
    2525<!-- /wp:heading -->
    2626
    27 <!-- wp:group {"layout":{"type":"constrained","contentSize":"340px"}} -->
    28 <div class="wp-block-group"><!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"1.0625rem"}},"textColor":"text-body"} -->
    29 <p class="has-text-align-center has-text-body-color has-text-color" style="font-size:1.0625rem"><?php echo esc_html__( 'Swap the entire palette and type system from the editor. Patterns and templates follow automatically.', 'origin-canvas' ); ?></p>
     27<!-- wp:group {"style":{"spacing":{"margin":{"top":"var:preset|spacing|small-medium"}}},"layout":{"type":"constrained"}} -->
     28<div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--small-medium)"><!-- wp:paragraph {"style":{"typography":{"fontSize":"1.0625rem","textAlign":"center"}},"textColor":"contrast-2"} -->
     29<p class="has-text-align-center has-contrast-2-color has-text-color" style="font-size:1.0625rem"><?php echo esc_html__( 'Swap the entire palette and type system from the editor. Patterns and templates follow automatically.', 'origin-canvas' ); ?></p>
    3030<!-- /wp:paragraph --></div>
    3131<!-- /wp:group --></div>
    … …  
    3333
    3434<!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"18px"}},"layout":{"type":"default"}} -->
    35 <div class="wp-block-group alignwide"><!-- wp:group {"className":"origin-canvas-group-head","style":{"spacing":{"margin":{"bottom":"18px"}}},"layout":{"type":"flex","justifyContent":"space-between"}} -->
    36 <div class="wp-block-group origin-canvas-group-head" style="margin-bottom:18px"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|compact"}},"layout":{"type":"flex","verticalAlignment":"bottom"}} -->
    37 <div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"700","letterSpacing":"0.08em","textTransform":"uppercase"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-heading","fontSize":"extra-small"} -->
    38 <p class="has-text-heading-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:700;letter-spacing:0.08em;text-transform:uppercase"><?php echo esc_html__( 'Full variations', 'origin-canvas' ); ?></p>
    39 <!-- /wp:paragraph -->
    40 
    41 <!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-muted","fontSize":"extra-small"} -->
    42 <p class="has-text-muted-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Palette & type together', 'origin-canvas' ); ?></p>
    43 <!-- /wp:paragraph --></div>
    44 <!-- /wp:group -->
    45 
    46 <!-- wp:paragraph {"className":"origin-canvas-mono","style":{"typography":{"fontSize":"0.75rem"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-muted"} -->
    47 <p class="origin-canvas-mono has-text-muted-color has-text-color" style="margin-top:0;margin-bottom:0;font-size:0.75rem"><?php echo esc_html__( '3 variations', 'origin-canvas' ); ?></p>
     35<div class="wp-block-group alignwide"><!-- wp:group {"className":"origin-canvas-align-baseline","style":{"spacing":{"margin":{"bottom":"18px"}}},"layout":{"type":"flex","justifyContent":"space-between"}} -->
     36<div class="wp-block-group origin-canvas-align-baseline" style="margin-bottom:18px"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small-medium"}},"layout":{"type":"flex","verticalAlignment":"bottom"}} -->
     37<div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600","letterSpacing":"0.06em","textTransform":"uppercase"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast","fontSize":"extra-small"} -->
     38<p class="has-contrast-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:600;letter-spacing:0.06em;text-transform:uppercase"><?php echo esc_html__( 'Full variations', 'origin-canvas' ); ?></p>
     39<!-- /wp:paragraph -->
     40
     41<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-3","fontSize":"extra-small"} -->
     42<p class="has-contrast-3-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Palette & type together', 'origin-canvas' ); ?></p>
     43<!-- /wp:paragraph --></div>
     44<!-- /wp:group -->
     45
     46<!-- wp:paragraph {"className":"origin-canvas-mono","style":{"typography":{"fontSize":"0.75rem"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-3"} -->
     47<p class="origin-canvas-mono has-contrast-3-color has-text-color" style="margin-top:0;margin-bottom:0;font-size:0.75rem"><?php echo esc_html__( '3 variations', 'origin-canvas' ); ?></p>
    4848<!-- /wp:paragraph --></div>
    4949<!-- /wp:group -->
    5050
    5151<!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"18px","left":"18px"}}}} -->
    52 <div class="wp-block-columns"><!-- wp:column {"backgroundColor":"surface-base","borderColor":"border","style":{"border":{"radius":"var:custom|radius|medium","style":"solid","width":"1px"}}} -->
    53 <div class="wp-block-column has-border-color has-border-border-color has-surface-base-background-color has-background" style="border-style:solid;border-width:1px;border-radius:var(--wp--custom--radius--medium)"><!-- wp:group {"style":{"border":{"bottom":{"color":"var:preset|color|border","width":"1px"}},"spacing":{"padding":{"top":"22px","right":"20px","bottom":"18px","left":"20px"},"blockGap":"10px"}},"layout":{"type":"constrained"}} -->
    54 <div class="wp-block-group" style="border-bottom-color:var(--wp--preset--color--border);border-bottom-width:1px;padding-top:22px;padding-right:20px;padding-bottom:18px;padding-left:20px"><!-- wp:paragraph {"style":{"color":{"text":"#111827"},"typography":{"fontSize":"2.625rem","fontWeight":"700","letterSpacing":"-0.02em","lineHeight":"1"},"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
    55 <p class="has-text-color" style="color:#111827;margin-top:0;margin-bottom:0;font-size:2.625rem;font-weight:700;letter-spacing:-0.02em;line-height:1"><?php echo esc_html__( 'Ag', 'origin-canvas' ); ?></p>
    56 <!-- /wp:paragraph -->
    57 
    58 <!-- wp:paragraph {"style":{"color":{"text":"#4B5563"},"typography":{"fontSize":"0.75rem"},"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
    59 <p class="has-text-color" style="color:#4B5563;margin-top:0;margin-bottom:0;font-size:0.75rem"><?php echo esc_html__( 'Inter &middot; the default canvas', 'origin-canvas' ); ?></p>
     52<div class="wp-block-columns"><!-- wp:column {"backgroundColor":"base","style":{"border":{"radius":"var:custom|radius|medium"}}} -->
     53<div class="wp-block-column has-base-background-color has-background" style="border-radius:var(--wp--custom--radius--medium)"><!-- wp:group {"style":{"border":{"bottom":{"color":"var:preset|color|base-5","width":"1px"}},"spacing":{"padding":{"top":"22px","right":"20px","bottom":"18px","left":"20px"},"blockGap":"10px"}},"layout":{"type":"constrained"}} -->
     54<div class="wp-block-group" style="border-bottom-color:var(--wp--preset--color--base-5);border-bottom-width:1px;padding-top:22px;padding-right:20px;padding-bottom:18px;padding-left:20px"><!-- wp:paragraph {"style":{"color":{"text":"#111827"},"typography":{"fontSize":"2.625rem","fontWeight":"600","letterSpacing":"-0.02em","lineHeight":"1"},"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
     55<p class="has-text-color" style="color:#111827;margin-top:0;margin-bottom:0;font-size:2.625rem;font-weight:600;letter-spacing:-0.02em;line-height:1"><?php echo esc_html__( 'Ag', 'origin-canvas' ); ?></p>
     56<!-- /wp:paragraph -->
     57
     58<!-- wp:paragraph {"style":{"color":{"text":"var:preset|color|contrast-2"},"typography":{"fontSize":"0.75rem"},"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
     59<p class="has-text-color" style="color:var(--wp--preset--color--contrast-2);margin-top:0;margin-bottom:0;font-size:0.75rem"><?php echo esc_html__( 'Inter &middot; the default canvas', 'origin-canvas' ); ?></p>
    6060<!-- /wp:paragraph -->
    6161
    … …  
    8080
    8181<!-- wp:group {"style":{"spacing":{"padding":{"top":"13px","right":"16px","bottom":"13px","left":"16px"}}},"layout":{"type":"constrained"}} -->
    82 <div class="wp-block-group" style="padding-top:13px;padding-right:16px;padding-bottom:13px;padding-left:16px"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-heading","fontSize":"extra-small"} -->
    83 <p class="has-text-heading-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:600"><?php echo esc_html__( 'Default', 'origin-canvas' ); ?></p>
    84 <!-- /wp:paragraph --></div>
    85 <!-- /wp:group --></div>
    86 <!-- /wp:column -->
    87 
    88 <!-- wp:column {"backgroundColor":"surface-base","borderColor":"border","style":{"border":{"radius":"var:custom|radius|medium","style":"solid","width":"1px"}}} -->
    89 <div class="wp-block-column has-border-color has-border-border-color has-surface-base-background-color has-background" style="border-style:solid;border-width:1px;border-radius:var(--wp--custom--radius--medium)"><!-- wp:group {"style":{"border":{"bottom":{"color":"var:preset|color|border","width":"1px"}},"spacing":{"padding":{"top":"22px","right":"20px","bottom":"18px","left":"20px"},"blockGap":"10px"}},"layout":{"type":"constrained"}} -->
    90 <div class="wp-block-group" style="border-bottom-color:var(--wp--preset--color--border);border-bottom-width:1px;padding-top:22px;padding-right:20px;padding-bottom:18px;padding-left:20px"><!-- wp:paragraph {"className":"origin-canvas-specimen-serif","style":{"color":{"text":"#1C1917"},"typography":{"fontSize":"2.625rem","fontWeight":"700","letterSpacing":"-0.02em","lineHeight":"1"},"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
    91 <p class="origin-canvas-specimen-serif has-text-color" style="color:#1C1917;margin-top:0;margin-bottom:0;font-size:2.625rem;font-weight:700;letter-spacing:-0.02em;line-height:1"><?php echo esc_html__( 'Ag', 'origin-canvas' ); ?></p>
     82<div class="wp-block-group" style="padding-top:13px;padding-right:16px;padding-bottom:13px;padding-left:16px"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast","fontSize":"extra-small"} -->
     83<p class="has-contrast-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:600"><?php echo esc_html__( 'Default', 'origin-canvas' ); ?></p>
     84<!-- /wp:paragraph --></div>
     85<!-- /wp:group --></div>
     86<!-- /wp:column -->
     87
     88<!-- wp:column {"backgroundColor":"base","style":{"border":{"radius":"var:custom|radius|medium"}}} -->
     89<div class="wp-block-column has-base-background-color has-background" style="border-radius:var(--wp--custom--radius--medium)"><!-- wp:group {"style":{"border":{"bottom":{"color":"var:preset|color|base-5","width":"1px"}},"spacing":{"padding":{"top":"22px","right":"20px","bottom":"18px","left":"20px"},"blockGap":"10px"}},"layout":{"type":"constrained"}} -->
     90<div class="wp-block-group" style="border-bottom-color:var(--wp--preset--color--base-5);border-bottom-width:1px;padding-top:22px;padding-right:20px;padding-bottom:18px;padding-left:20px"><!-- wp:paragraph {"className":"origin-canvas-specimen-serif","style":{"color":{"text":"#1C1917"},"typography":{"fontSize":"2.625rem","fontWeight":"600","letterSpacing":"-0.02em","lineHeight":"1"},"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
     91<p class="origin-canvas-specimen-serif has-text-color" style="color:#1C1917;margin-top:0;margin-bottom:0;font-size:2.625rem;font-weight:600;letter-spacing:-0.02em;line-height:1"><?php echo esc_html__( 'Ag', 'origin-canvas' ); ?></p>
    9292<!-- /wp:paragraph -->
    9393
    … …  
    116116
    117117<!-- wp:group {"style":{"spacing":{"padding":{"top":"13px","right":"16px","bottom":"13px","left":"16px"}}},"layout":{"type":"constrained"}} -->
    118 <div class="wp-block-group" style="padding-top:13px;padding-right:16px;padding-bottom:13px;padding-left:16px"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-heading","fontSize":"extra-small"} -->
    119 <p class="has-text-heading-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:600"><?php echo esc_html__( 'Editorial', 'origin-canvas' ); ?></p>
    120 <!-- /wp:paragraph --></div>
    121 <!-- /wp:group --></div>
    122 <!-- /wp:column -->
    123 
    124 <!-- wp:column {"backgroundColor":"surface-base","borderColor":"border","style":{"border":{"radius":"var:custom|radius|medium","style":"solid","width":"1px"}}} -->
    125 <div class="wp-block-column has-border-color has-border-border-color has-surface-base-background-color has-background" style="border-style:solid;border-width:1px;border-radius:var(--wp--custom--radius--medium)"><!-- wp:group {"style":{"border":{"bottom":{"color":"var:preset|color|border","width":"1px"}},"spacing":{"padding":{"top":"22px","right":"20px","bottom":"18px","left":"20px"},"blockGap":"10px"}},"layout":{"type":"constrained"}} -->
    126 <div class="wp-block-group" style="border-bottom-color:var(--wp--preset--color--border);border-bottom-width:1px;padding-top:22px;padding-right:20px;padding-bottom:18px;padding-left:20px"><!-- wp:paragraph {"className":"origin-canvas-specimen-grotesk","style":{"color":{"text":"#030712"},"typography":{"fontSize":"2.625rem","fontWeight":"700","letterSpacing":"-0.02em","lineHeight":"1"},"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
    127 <p class="origin-canvas-specimen-grotesk has-text-color" style="color:#030712;margin-top:0;margin-bottom:0;font-size:2.625rem;font-weight:700;letter-spacing:-0.02em;line-height:1"><?php echo esc_html__( 'Ag', 'origin-canvas' ); ?></p>
     118<div class="wp-block-group" style="padding-top:13px;padding-right:16px;padding-bottom:13px;padding-left:16px"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast","fontSize":"extra-small"} -->
     119<p class="has-contrast-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:600"><?php echo esc_html__( 'Editorial', 'origin-canvas' ); ?></p>
     120<!-- /wp:paragraph --></div>
     121<!-- /wp:group --></div>
     122<!-- /wp:column -->
     123
     124<!-- wp:column {"backgroundColor":"base","style":{"border":{"radius":"var:custom|radius|medium"}}} -->
     125<div class="wp-block-column has-base-background-color has-background" style="border-radius:var(--wp--custom--radius--medium)"><!-- wp:group {"style":{"border":{"bottom":{"color":"var:preset|color|base-5","width":"1px"}},"spacing":{"padding":{"top":"22px","right":"20px","bottom":"18px","left":"20px"},"blockGap":"10px"}},"layout":{"type":"constrained"}} -->
     126<div class="wp-block-group" style="border-bottom-color:var(--wp--preset--color--base-5);border-bottom-width:1px;padding-top:22px;padding-right:20px;padding-bottom:18px;padding-left:20px"><!-- wp:paragraph {"className":"origin-canvas-specimen-grotesk","style":{"color":{"text":"#030712"},"typography":{"fontSize":"2.625rem","fontWeight":"600","letterSpacing":"-0.02em","lineHeight":"1"},"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
     127<p class="origin-canvas-specimen-grotesk has-text-color" style="color:#030712;margin-top:0;margin-bottom:0;font-size:2.625rem;font-weight:600;letter-spacing:-0.02em;line-height:1"><?php echo esc_html__( 'Ag', 'origin-canvas' ); ?></p>
    128128<!-- /wp:paragraph -->
    129129
    … …  
    152152
    153153<!-- wp:group {"style":{"spacing":{"padding":{"top":"13px","right":"16px","bottom":"13px","left":"16px"}}},"layout":{"type":"constrained"}} -->
    154 <div class="wp-block-group" style="padding-top:13px;padding-right:16px;padding-bottom:13px;padding-left:16px"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-heading","fontSize":"extra-small"} -->
    155 <p class="has-text-heading-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:600"><?php echo esc_html__( 'Expressive', 'origin-canvas' ); ?></p>
    156 <!-- /wp:paragraph --></div>
    157 <!-- /wp:group --></div>
    158 <!-- /wp:column -->
    159 
    160 <!-- wp:column {"backgroundColor":"surface-base","borderColor":"border","style":{"border":{"radius":"var:custom|radius|medium","style":"solid","width":"1px"}}} -->
    161 <div class="wp-block-column has-border-color has-border-border-color has-surface-base-background-color has-background" style="border-style:solid;border-width:1px;border-radius:var(--wp--custom--radius--medium)"><!-- wp:group {"style":{"border":{"bottom":{"color":"var:preset|color|border","width":"1px"}},"spacing":{"padding":{"top":"22px","right":"20px","bottom":"18px","left":"20px"},"blockGap":"10px"}},"layout":{"type":"constrained"}} -->
    162 <div class="wp-block-group" style="border-bottom-color:var(--wp--preset--color--border);border-bottom-width:1px;padding-top:22px;padding-right:20px;padding-bottom:18px;padding-left:20px"><!-- wp:paragraph {"className":"origin-canvas-specimen-dmsans","style":{"color":{"text":"#0F172A"},"typography":{"fontSize":"2.625rem","fontWeight":"700","letterSpacing":"-0.02em","lineHeight":"1"},"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
    163 <p class="origin-canvas-specimen-dmsans has-text-color" style="color:#0F172A;margin-top:0;margin-bottom:0;font-size:2.625rem;font-weight:700;letter-spacing:-0.02em;line-height:1"><?php echo esc_html__( 'Ag', 'origin-canvas' ); ?></p>
    164 <!-- /wp:paragraph -->
    165 
    166 <!-- wp:paragraph {"style":{"color":{"text":"#475569"},"typography":{"fontSize":"0.75rem"},"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
    167 <p class="has-text-color" style="color:#475569;margin-top:0;margin-bottom:0;font-size:0.75rem"><?php echo esc_html__( 'DM Sans &middot; cool slate', 'origin-canvas' ); ?></p>
     154<div class="wp-block-group" style="padding-top:13px;padding-right:16px;padding-bottom:13px;padding-left:16px"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast","fontSize":"extra-small"} -->
     155<p class="has-contrast-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:600"><?php echo esc_html__( 'Expressive', 'origin-canvas' ); ?></p>
     156<!-- /wp:paragraph --></div>
     157<!-- /wp:group --></div>
     158<!-- /wp:column -->
     159
     160<!-- wp:column {"backgroundColor":"base","style":{"border":{"radius":"var:custom|radius|medium"}}} -->
     161<div class="wp-block-column has-base-background-color has-background" style="border-radius:var(--wp--custom--radius--medium)"><!-- wp:group {"style":{"border":{"bottom":{"color":"var:preset|color|base-5","width":"1px"}},"spacing":{"padding":{"top":"22px","right":"20px","bottom":"18px","left":"20px"},"blockGap":"10px"}},"layout":{"type":"constrained"}} -->
     162<div class="wp-block-group" style="border-bottom-color:var(--wp--preset--color--base-5);border-bottom-width:1px;padding-top:22px;padding-right:20px;padding-bottom:18px;padding-left:20px"><!-- wp:paragraph {"className":"origin-canvas-specimen-dmsans","style":{"color":{"text":"#0F172A"},"typography":{"fontSize":"2.625rem","fontWeight":"600","letterSpacing":"-0.02em","lineHeight":"1"},"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
     163<p class="origin-canvas-specimen-dmsans has-text-color" style="color:#0F172A;margin-top:0;margin-bottom:0;font-size:2.625rem;font-weight:600;letter-spacing:-0.02em;line-height:1"><?php echo esc_html__( 'Ag', 'origin-canvas' ); ?></p>
     164<!-- /wp:paragraph -->
     165
     166<!-- wp:paragraph {"style":{"color":{"text":"#334155"},"typography":{"fontSize":"0.75rem"},"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
     167<p class="has-text-color" style="color:#334155;margin-top:0;margin-bottom:0;font-size:0.75rem"><?php echo esc_html__( 'DM Sans &middot; cool slate', 'origin-canvas' ); ?></p>
    168168<!-- /wp:paragraph -->
    169169
    … …  
    188188
    189189<!-- wp:group {"style":{"spacing":{"padding":{"top":"13px","right":"16px","bottom":"13px","left":"16px"}}},"layout":{"type":"constrained"}} -->
    190 <div class="wp-block-group" style="padding-top:13px;padding-right:16px;padding-bottom:13px;padding-left:16px"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-heading","fontSize":"extra-small"} -->
    191 <p class="has-text-heading-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:600"><?php echo esc_html__( 'Refined Sans', 'origin-canvas' ); ?></p>
     190<div class="wp-block-group" style="padding-top:13px;padding-right:16px;padding-bottom:13px;padding-left:16px"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast","fontSize":"extra-small"} -->
     191<p class="has-contrast-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:600"><?php echo esc_html__( 'Refined Sans', 'origin-canvas' ); ?></p>
    192192<!-- /wp:paragraph --></div>
    193193<!-- /wp:group --></div>
    … …  
    197197
    198198<!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"18px","margin":{"top":"var:preset|spacing|extra-large"}}},"layout":{"type":"default"}} -->
    199 <div class="wp-block-group alignwide" style="margin-top:var(--wp--preset--spacing--extra-large)"><!-- wp:group {"className":"origin-canvas-group-head","style":{"spacing":{"margin":{"bottom":"18px"}}},"layout":{"type":"flex","justifyContent":"space-between"}} -->
    200 <div class="wp-block-group origin-canvas-group-head" style="margin-bottom:18px"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|compact"}},"layout":{"type":"flex","verticalAlignment":"bottom"}} -->
    201 <div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"700","letterSpacing":"0.08em","textTransform":"uppercase"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-heading","fontSize":"extra-small"} -->
    202 <p class="has-text-heading-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:700;letter-spacing:0.08em;text-transform:uppercase"><?php echo esc_html__( 'Color presets', 'origin-canvas' ); ?></p>
    203 <!-- /wp:paragraph -->
    204 
    205 <!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-muted","fontSize":"extra-small"} -->
    206 <p class="has-text-muted-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Default palette and type, primary only', 'origin-canvas' ); ?></p>
    207 <!-- /wp:paragraph --></div>
    208 <!-- /wp:group -->
    209 
    210 <!-- wp:paragraph {"className":"origin-canvas-mono","style":{"typography":{"fontSize":"0.75rem"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-muted"} -->
    211 <p class="origin-canvas-mono has-text-muted-color has-text-color" style="margin-top:0;margin-bottom:0;font-size:0.75rem"><?php echo esc_html__( '5 presets', 'origin-canvas' ); ?></p>
     199<div class="wp-block-group alignwide" style="margin-top:var(--wp--preset--spacing--extra-large)"><!-- wp:group {"className":"origin-canvas-align-baseline","style":{"spacing":{"margin":{"bottom":"18px"}}},"layout":{"type":"flex","justifyContent":"space-between"}} -->
     200<div class="wp-block-group origin-canvas-align-baseline" style="margin-bottom:18px"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small-medium"}},"layout":{"type":"flex","verticalAlignment":"bottom"}} -->
     201<div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600","letterSpacing":"0.06em","textTransform":"uppercase"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast","fontSize":"extra-small"} -->
     202<p class="has-contrast-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:600;letter-spacing:0.06em;text-transform:uppercase"><?php echo esc_html__( 'Color presets', 'origin-canvas' ); ?></p>
     203<!-- /wp:paragraph -->
     204
     205<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-3","fontSize":"extra-small"} -->
     206<p class="has-contrast-3-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Default palette and type, primary only', 'origin-canvas' ); ?></p>
     207<!-- /wp:paragraph --></div>
     208<!-- /wp:group -->
     209
     210<!-- wp:paragraph {"className":"origin-canvas-mono","style":{"typography":{"fontSize":"0.75rem"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-3"} -->
     211<p class="origin-canvas-mono has-contrast-3-color has-text-color" style="margin-top:0;margin-bottom:0;font-size:0.75rem"><?php echo esc_html__( '5 presets', 'origin-canvas' ); ?></p>
    212212<!-- /wp:paragraph --></div>
    213213<!-- /wp:group -->
    … …  
    215215<!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"16px","left":"16px"}}}} -->
    216216<div class="wp-block-columns"><!-- wp:column -->
    217 <div class="wp-block-column"><!-- wp:group {"backgroundColor":"surface-base","borderColor":"border","style":{"border":{"radius":"var:custom|radius|medium","style":"solid","width":"1px"},"spacing":{"padding":{"top":"15px","right":"16px","bottom":"15px","left":"16px"},"blockGap":"13px"}},"layout":{"type":"flex","verticalAlignment":"center"}} -->
    218 <div class="wp-block-group has-border-color has-border-border-color has-surface-base-background-color has-background" style="border-style:solid;border-width:1px;border-radius:var(--wp--custom--radius--medium);padding-top:15px;padding-right:16px;padding-bottom:15px;padding-left:16px"><!-- wp:group {"className":"origin-canvas-preset-dot","style":{"color":{"background":"#2563EB"},"dimensions":{"minHeight":"38px"}}} -->
     217<div class="wp-block-column"><!-- wp:group {"backgroundColor":"base","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"15px","right":"16px","bottom":"15px","left":"16px"},"blockGap":"13px"}},"layout":{"type":"flex","verticalAlignment":"center"}} -->
     218<div class="wp-block-group has-base-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:15px;padding-right:16px;padding-bottom:15px;padding-left:16px"><!-- wp:group {"className":"origin-canvas-preset-dot","style":{"color":{"background":"#2563EB"},"dimensions":{"minHeight":"38px"}}} -->
    219219<div class="wp-block-group origin-canvas-preset-dot has-background" style="background-color:#2563EB;min-height:38px"></div>
    220220<!-- /wp:group -->
    221221
    222222<!-- wp:group {"style":{"spacing":{"blockGap":"2px"}},"layout":{"type":"constrained"}} -->
    223 <div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-heading","fontSize":"small"} -->
    224 <p class="has-text-heading-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:600"><?php echo esc_html__( 'Blue', 'origin-canvas' ); ?></p>
    225 <!-- /wp:paragraph -->
    226 
    227 <!-- wp:paragraph {"className":"origin-canvas-mono","style":{"typography":{"fontSize":"0.75rem"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-muted"} -->
    228 <p class="origin-canvas-mono has-text-muted-color has-text-color" style="margin-top:0;margin-bottom:0;font-size:0.75rem"><?php echo esc_html__( '#2563EB', 'origin-canvas' ); ?></p>
     223<div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast","fontSize":"small"} -->
     224<p class="has-contrast-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:600"><?php echo esc_html__( 'Blue', 'origin-canvas' ); ?></p>
     225<!-- /wp:paragraph -->
     226
     227<!-- wp:paragraph {"className":"origin-canvas-mono","style":{"typography":{"fontSize":"0.75rem"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-3"} -->
     228<p class="origin-canvas-mono has-contrast-3-color has-text-color" style="margin-top:0;margin-bottom:0;font-size:0.75rem"><?php echo esc_html__( '#2563EB', 'origin-canvas' ); ?></p>
    229229<!-- /wp:paragraph --></div>
    230230<!-- /wp:group --></div>
    … …  
    233233
    234234<!-- wp:column -->
    235 <div class="wp-block-column"><!-- wp:group {"backgroundColor":"surface-base","borderColor":"border","style":{"border":{"radius":"var:custom|radius|medium","style":"solid","width":"1px"},"spacing":{"padding":{"top":"15px","right":"16px","bottom":"15px","left":"16px"},"blockGap":"13px"}},"layout":{"type":"flex","verticalAlignment":"center"}} -->
    236 <div class="wp-block-group has-border-color has-border-border-color has-surface-base-background-color has-background" style="border-style:solid;border-width:1px;border-radius:var(--wp--custom--radius--medium);padding-top:15px;padding-right:16px;padding-bottom:15px;padding-left:16px"><!-- wp:group {"className":"origin-canvas-preset-dot","style":{"color":{"background":"#16A34A"},"dimensions":{"minHeight":"38px"}}} -->
     235<div class="wp-block-column"><!-- wp:group {"backgroundColor":"base","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"15px","right":"16px","bottom":"15px","left":"16px"},"blockGap":"13px"}},"layout":{"type":"flex","verticalAlignment":"center"}} -->
     236<div class="wp-block-group has-base-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:15px;padding-right:16px;padding-bottom:15px;padding-left:16px"><!-- wp:group {"className":"origin-canvas-preset-dot","style":{"color":{"background":"#16A34A"},"dimensions":{"minHeight":"38px"}}} -->
    237237<div class="wp-block-group origin-canvas-preset-dot has-background" style="background-color:#16A34A;min-height:38px"></div>
    238238<!-- /wp:group -->
    239239
    240240<!-- wp:group {"style":{"spacing":{"blockGap":"2px"}},"layout":{"type":"constrained"}} -->
    241 <div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-heading","fontSize":"small"} -->
    242 <p class="has-text-heading-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:600"><?php echo esc_html__( 'Green', 'origin-canvas' ); ?></p>
    243 <!-- /wp:paragraph -->
    244 
    245 <!-- wp:paragraph {"className":"origin-canvas-mono","style":{"typography":{"fontSize":"0.75rem"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-muted"} -->
    246 <p class="origin-canvas-mono has-text-muted-color has-text-color" style="margin-top:0;margin-bottom:0;font-size:0.75rem"><?php echo esc_html__( '#16A34A', 'origin-canvas' ); ?></p>
     241<div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast","fontSize":"small"} -->
     242<p class="has-contrast-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:600"><?php echo esc_html__( 'Green', 'origin-canvas' ); ?></p>
     243<!-- /wp:paragraph -->
     244
     245<!-- wp:paragraph {"className":"origin-canvas-mono","style":{"typography":{"fontSize":"0.75rem"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-3"} -->
     246<p class="origin-canvas-mono has-contrast-3-color has-text-color" style="margin-top:0;margin-bottom:0;font-size:0.75rem"><?php echo esc_html__( '#16A34A', 'origin-canvas' ); ?></p>
    247247<!-- /wp:paragraph --></div>
    248248<!-- /wp:group --></div>
    … …  
    251251
    252252<!-- wp:column -->
    253 <div class="wp-block-column"><!-- wp:group {"backgroundColor":"surface-base","borderColor":"border","style":{"border":{"radius":"var:custom|radius|medium","style":"solid","width":"1px"},"spacing":{"padding":{"top":"15px","right":"16px","bottom":"15px","left":"16px"},"blockGap":"13px"}},"layout":{"type":"flex","verticalAlignment":"center"}} -->
    254 <div class="wp-block-group has-border-color has-border-border-color has-surface-base-background-color has-background" style="border-style:solid;border-width:1px;border-radius:var(--wp--custom--radius--medium);padding-top:15px;padding-right:16px;padding-bottom:15px;padding-left:16px"><!-- wp:group {"className":"origin-canvas-preset-dot","style":{"color":{"background":"#EA580C"},"dimensions":{"minHeight":"38px"}}} -->
     253<div class="wp-block-column"><!-- wp:group {"backgroundColor":"base","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"15px","right":"16px","bottom":"15px","left":"16px"},"blockGap":"13px"}},"layout":{"type":"flex","verticalAlignment":"center"}} -->
     254<div class="wp-block-group has-base-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:15px;padding-right:16px;padding-bottom:15px;padding-left:16px"><!-- wp:group {"className":"origin-canvas-preset-dot","style":{"color":{"background":"#EA580C"},"dimensions":{"minHeight":"38px"}}} -->
    255255<div class="wp-block-group origin-canvas-preset-dot has-background" style="background-color:#EA580C;min-height:38px"></div>
    256256<!-- /wp:group -->
    257257
    258258<!-- wp:group {"style":{"spacing":{"blockGap":"2px"}},"layout":{"type":"constrained"}} -->
    259 <div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-heading","fontSize":"small"} -->
    260 <p class="has-text-heading-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:600"><?php echo esc_html__( 'Orange', 'origin-canvas' ); ?></p>
    261 <!-- /wp:paragraph -->
    262 
    263 <!-- wp:paragraph {"className":"origin-canvas-mono","style":{"typography":{"fontSize":"0.75rem"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-muted"} -->
    264 <p class="origin-canvas-mono has-text-muted-color has-text-color" style="margin-top:0;margin-bottom:0;font-size:0.75rem"><?php echo esc_html__( '#EA580C', 'origin-canvas' ); ?></p>
     259<div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast","fontSize":"small"} -->
     260<p class="has-contrast-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:600"><?php echo esc_html__( 'Orange', 'origin-canvas' ); ?></p>
     261<!-- /wp:paragraph -->
     262
     263<!-- wp:paragraph {"className":"origin-canvas-mono","style":{"typography":{"fontSize":"0.75rem"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-3"} -->
     264<p class="origin-canvas-mono has-contrast-3-color has-text-color" style="margin-top:0;margin-bottom:0;font-size:0.75rem"><?php echo esc_html__( '#EA580C', 'origin-canvas' ); ?></p>
    265265<!-- /wp:paragraph --></div>
    266266<!-- /wp:group --></div>
    … …  
    269269
    270270<!-- wp:column -->
    271 <div class="wp-block-column"><!-- wp:group {"backgroundColor":"surface-base","borderColor":"border","style":{"border":{"radius":"var:custom|radius|medium","style":"solid","width":"1px"},"spacing":{"padding":{"top":"15px","right":"16px","bottom":"15px","left":"16px"},"blockGap":"13px"}},"layout":{"type":"flex","verticalAlignment":"center"}} -->
    272 <div class="wp-block-group has-border-color has-border-border-color has-surface-base-background-color has-background" style="border-style:solid;border-width:1px;border-radius:var(--wp--custom--radius--medium);padding-top:15px;padding-right:16px;padding-bottom:15px;padding-left:16px"><!-- wp:group {"className":"origin-canvas-preset-dot","style":{"color":{"background":"#7C3AED"},"dimensions":{"minHeight":"38px"}}} -->
     271<div class="wp-block-column"><!-- wp:group {"backgroundColor":"base","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"15px","right":"16px","bottom":"15px","left":"16px"},"blockGap":"13px"}},"layout":{"type":"flex","verticalAlignment":"center"}} -->
     272<div class="wp-block-group has-base-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:15px;padding-right:16px;padding-bottom:15px;padding-left:16px"><!-- wp:group {"className":"origin-canvas-preset-dot","style":{"color":{"background":"#7C3AED"},"dimensions":{"minHeight":"38px"}}} -->
    273273<div class="wp-block-group origin-canvas-preset-dot has-background" style="background-color:#7C3AED;min-height:38px"></div>
    274274<!-- /wp:group -->
    275275
    276276<!-- wp:group {"style":{"spacing":{"blockGap":"2px"}},"layout":{"type":"constrained"}} -->
    277 <div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-heading","fontSize":"small"} -->
    278 <p class="has-text-heading-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:600"><?php echo esc_html__( 'Purple', 'origin-canvas' ); ?></p>
    279 <!-- /wp:paragraph -->
    280 
    281 <!-- wp:paragraph {"className":"origin-canvas-mono","style":{"typography":{"fontSize":"0.75rem"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-muted"} -->
    282 <p class="origin-canvas-mono has-text-muted-color has-text-color" style="margin-top:0;margin-bottom:0;font-size:0.75rem"><?php echo esc_html__( '#7C3AED', 'origin-canvas' ); ?></p>
     277<div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast","fontSize":"small"} -->
     278<p class="has-contrast-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:600"><?php echo esc_html__( 'Purple', 'origin-canvas' ); ?></p>
     279<!-- /wp:paragraph -->
     280
     281<!-- wp:paragraph {"className":"origin-canvas-mono","style":{"typography":{"fontSize":"0.75rem"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-3"} -->
     282<p class="origin-canvas-mono has-contrast-3-color has-text-color" style="margin-top:0;margin-bottom:0;font-size:0.75rem"><?php echo esc_html__( '#7C3AED', 'origin-canvas' ); ?></p>
    283283<!-- /wp:paragraph --></div>
    284284<!-- /wp:group --></div>
    … …  
    287287
    288288<!-- wp:column -->
    289 <div class="wp-block-column"><!-- wp:group {"backgroundColor":"surface-base","borderColor":"border","style":{"border":{"radius":"var:custom|radius|medium","style":"solid","width":"1px"},"spacing":{"padding":{"top":"15px","right":"16px","bottom":"15px","left":"16px"},"blockGap":"13px"}},"layout":{"type":"flex","verticalAlignment":"center"}} -->
    290 <div class="wp-block-group has-border-color has-border-border-color has-surface-base-background-color has-background" style="border-style:solid;border-width:1px;border-radius:var(--wp--custom--radius--medium);padding-top:15px;padding-right:16px;padding-bottom:15px;padding-left:16px"><!-- wp:group {"className":"origin-canvas-preset-dot","style":{"color":{"background":"#DC2626"},"dimensions":{"minHeight":"38px"}}} -->
     289<div class="wp-block-column"><!-- wp:group {"backgroundColor":"base","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"15px","right":"16px","bottom":"15px","left":"16px"},"blockGap":"13px"}},"layout":{"type":"flex","verticalAlignment":"center"}} -->
     290<div class="wp-block-group has-base-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:15px;padding-right:16px;padding-bottom:15px;padding-left:16px"><!-- wp:group {"className":"origin-canvas-preset-dot","style":{"color":{"background":"#DC2626"},"dimensions":{"minHeight":"38px"}}} -->
    291291<div class="wp-block-group origin-canvas-preset-dot has-background" style="background-color:#DC2626;min-height:38px"></div>
    292292<!-- /wp:group -->
    293293
    294294<!-- wp:group {"style":{"spacing":{"blockGap":"2px"}},"layout":{"type":"constrained"}} -->
    295 <div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-heading","fontSize":"small"} -->
    296 <p class="has-text-heading-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:600"><?php echo esc_html__( 'Red', 'origin-canvas' ); ?></p>
    297 <!-- /wp:paragraph -->
    298 
    299 <!-- wp:paragraph {"className":"origin-canvas-mono","style":{"typography":{"fontSize":"0.75rem"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-muted"} -->
    300 <p class="origin-canvas-mono has-text-muted-color has-text-color" style="margin-top:0;margin-bottom:0;font-size:0.75rem"><?php echo esc_html__( '#DC2626', 'origin-canvas' ); ?></p>
     295<div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast","fontSize":"small"} -->
     296<p class="has-contrast-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:600"><?php echo esc_html__( 'Red', 'origin-canvas' ); ?></p>
     297<!-- /wp:paragraph -->
     298
     299<!-- wp:paragraph {"className":"origin-canvas-mono","style":{"typography":{"fontSize":"0.75rem"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-3"} -->
     300<p class="origin-canvas-mono has-contrast-3-color has-text-color" style="margin-top:0;margin-bottom:0;font-size:0.75rem"><?php echo esc_html__( '#DC2626', 'origin-canvas' ); ?></p>
    301301<!-- /wp:paragraph --></div>
    302302<!-- /wp:group --></div>
    … …  
    307307
    308308<!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"18px","margin":{"top":"var:preset|spacing|extra-large"}}},"layout":{"type":"default"}} -->
    309 <div class="wp-block-group alignwide" style="margin-top:var(--wp--preset--spacing--extra-large)"><!-- wp:group {"className":"origin-canvas-group-head","style":{"spacing":{"margin":{"bottom":"18px"}}},"layout":{"type":"flex","justifyContent":"space-between"}} -->
    310 <div class="wp-block-group origin-canvas-group-head" style="margin-bottom:18px"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|compact"}},"layout":{"type":"flex","verticalAlignment":"bottom"}} -->
    311 <div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"700","letterSpacing":"0.08em","textTransform":"uppercase"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-heading","fontSize":"extra-small"} -->
    312 <p class="has-text-heading-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:700;letter-spacing:0.08em;text-transform:uppercase"><?php echo esc_html__( 'Typography presets', 'origin-canvas' ); ?></p>
    313 <!-- /wp:paragraph -->
    314 
    315 <!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-muted","fontSize":"extra-small"} -->
    316 <p class="has-text-muted-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Default palette kept, type only', 'origin-canvas' ); ?></p>
    317 <!-- /wp:paragraph --></div>
    318 <!-- /wp:group -->
    319 
    320 <!-- wp:paragraph {"className":"origin-canvas-mono","style":{"typography":{"fontSize":"0.75rem"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-muted"} -->
    321 <p class="origin-canvas-mono has-text-muted-color has-text-color" style="margin-top:0;margin-bottom:0;font-size:0.75rem"><?php echo esc_html__( '3 presets', 'origin-canvas' ); ?></p>
     309<div class="wp-block-group alignwide" style="margin-top:var(--wp--preset--spacing--extra-large)"><!-- wp:group {"className":"origin-canvas-align-baseline","style":{"spacing":{"margin":{"bottom":"18px"}}},"layout":{"type":"flex","justifyContent":"space-between"}} -->
     310<div class="wp-block-group origin-canvas-align-baseline" style="margin-bottom:18px"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small-medium"}},"layout":{"type":"flex","verticalAlignment":"bottom"}} -->
     311<div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600","letterSpacing":"0.06em","textTransform":"uppercase"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast","fontSize":"extra-small"} -->
     312<p class="has-contrast-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:600;letter-spacing:0.06em;text-transform:uppercase"><?php echo esc_html__( 'Typography presets', 'origin-canvas' ); ?></p>
     313<!-- /wp:paragraph -->
     314
     315<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-3","fontSize":"extra-small"} -->
     316<p class="has-contrast-3-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Default palette kept, type only', 'origin-canvas' ); ?></p>
     317<!-- /wp:paragraph --></div>
     318<!-- /wp:group -->
     319
     320<!-- wp:paragraph {"className":"origin-canvas-mono","style":{"typography":{"fontSize":"0.75rem"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-3"} -->
     321<p class="origin-canvas-mono has-contrast-3-color has-text-color" style="margin-top:0;margin-bottom:0;font-size:0.75rem"><?php echo esc_html__( '3 presets', 'origin-canvas' ); ?></p>
    322322<!-- /wp:paragraph --></div>
    323323<!-- /wp:group -->
    324324
    325325<!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"18px","left":"18px"}}}} -->
    326 <div class="wp-block-columns"><!-- wp:column {"backgroundColor":"surface-base","borderColor":"border","style":{"border":{"radius":"var:custom|radius|medium","style":"solid","width":"1px"},"spacing":{"padding":{"top":"22px","right":"22px","bottom":"20px","left":"22px"}}}} -->
    327 <div class="wp-block-column has-border-color has-border-border-color has-surface-base-background-color has-background" style="border-style:solid;border-width:1px;border-radius:var(--wp--custom--radius--medium);padding-top:22px;padding-right:22px;padding-bottom:20px;padding-left:22px"><!-- wp:paragraph {"className":"origin-canvas-specimen-dmsans","style":{"typography":{"fontSize":"3rem","fontWeight":"700","letterSpacing":"-0.015em","lineHeight":"1"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-heading"} -->
    328 <p class="origin-canvas-specimen-dmsans has-text-heading-color has-text-color" style="margin-top:0;margin-bottom:0;font-size:3rem;font-weight:700;letter-spacing:-0.015em;line-height:1"><?php echo esc_html__( 'Ag', 'origin-canvas' ); ?></p>
    329 <!-- /wp:paragraph -->
    330 
    331 <!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"18px","bottom":"0"}}},"textColor":"text-heading","fontSize":"small"} -->
    332 <p class="has-text-heading-color has-text-color has-small-font-size" style="margin-top:18px;margin-bottom:0;font-weight:600"><?php echo esc_html__( 'DM Sans', 'origin-canvas' ); ?></p>
    333 <!-- /wp:paragraph -->
    334 
    335 <!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.5"},"spacing":{"margin":{"top":"5px","bottom":"0"}}},"textColor":"text-body","fontSize":"extra-small"} -->
    336 <p class="has-text-body-color has-text-color has-extra-small-font-size" style="margin-top:5px;margin-bottom:0;line-height:1.5"><?php echo esc_html__( 'DM Sans body & headings &middot; 700 headings, tight tracking', 'origin-canvas' ); ?></p>
    337 <!-- /wp:paragraph --></div>
    338 <!-- /wp:column -->
    339 
    340 <!-- wp:column {"backgroundColor":"surface-base","borderColor":"border","style":{"border":{"radius":"var:custom|radius|medium","style":"solid","width":"1px"},"spacing":{"padding":{"top":"22px","right":"22px","bottom":"20px","left":"22px"}}}} -->
    341 <div class="wp-block-column has-border-color has-border-border-color has-surface-base-background-color has-background" style="border-style:solid;border-width:1px;border-radius:var(--wp--custom--radius--medium);padding-top:22px;padding-right:22px;padding-bottom:20px;padding-left:22px"><!-- wp:paragraph {"className":"origin-canvas-specimen-serif","style":{"typography":{"fontSize":"3rem","fontWeight":"700","lineHeight":"1"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-heading"} -->
    342 <p class="origin-canvas-specimen-serif has-text-heading-color has-text-color" style="margin-top:0;margin-bottom:0;font-size:3rem;font-weight:700;line-height:1"><?php echo esc_html__( 'Ag', 'origin-canvas' ); ?></p>
    343 <!-- /wp:paragraph -->
    344 
    345 <!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"18px","bottom":"0"}}},"textColor":"text-heading","fontSize":"small"} -->
    346 <p class="has-text-heading-color has-text-color has-small-font-size" style="margin-top:18px;margin-bottom:0;font-weight:600"><?php echo esc_html__( 'Serif Headings', 'origin-canvas' ); ?></p>
    347 <!-- /wp:paragraph -->
    348 
    349 <!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.5"},"spacing":{"margin":{"top":"5px","bottom":"0"}}},"textColor":"text-body","fontSize":"extra-small"} -->
    350 <p class="has-text-body-color has-text-color has-extra-small-font-size" style="margin-top:5px;margin-bottom:0;line-height:1.5"><?php echo esc_html__( 'Source Serif 4 headings over Inter &middot; looser body leading', 'origin-canvas' ); ?></p>
    351 <!-- /wp:paragraph --></div>
    352 <!-- /wp:column -->
    353 
    354 <!-- wp:column {"backgroundColor":"surface-base","borderColor":"border","style":{"border":{"radius":"var:custom|radius|medium","style":"solid","width":"1px"},"spacing":{"padding":{"top":"22px","right":"22px","bottom":"20px","left":"22px"}}}} -->
    355 <div class="wp-block-column has-border-color has-border-border-color has-surface-base-background-color has-background" style="border-style:solid;border-width:1px;border-radius:var(--wp--custom--radius--medium);padding-top:22px;padding-right:22px;padding-bottom:20px;padding-left:22px"><!-- wp:paragraph {"className":"origin-canvas-specimen-grotesk","style":{"typography":{"fontSize":"3rem","fontWeight":"700","lineHeight":"1"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-heading"} -->
    356 <p class="origin-canvas-specimen-grotesk has-text-heading-color has-text-color" style="margin-top:0;margin-bottom:0;font-size:3rem;font-weight:700;line-height:1"><?php echo esc_html__( 'Ag', 'origin-canvas' ); ?></p>
    357 <!-- /wp:paragraph -->
    358 
    359 <!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"18px","bottom":"0"}}},"textColor":"text-heading","fontSize":"small"} -->
    360 <p class="has-text-heading-color has-text-color has-small-font-size" style="margin-top:18px;margin-bottom:0;font-weight:600"><?php echo esc_html__( 'Space Grotesk', 'origin-canvas' ); ?></p>
    361 <!-- /wp:paragraph -->
    362 
    363 <!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.5"},"spacing":{"margin":{"top":"5px","bottom":"0"}}},"textColor":"text-body","fontSize":"extra-small"} -->
    364 <p class="has-text-body-color has-text-color has-extra-small-font-size" style="margin-top:5px;margin-bottom:0;line-height:1.5"><?php echo esc_html__( 'Space Grotesk headings &middot; bumped display scale', 'origin-canvas' ); ?></p>
     326<div class="wp-block-columns"><!-- wp:column {"backgroundColor":"base","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"22px","right":"22px","bottom":"20px","left":"22px"}}}} -->
     327<div class="wp-block-column has-base-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:22px;padding-right:22px;padding-bottom:20px;padding-left:22px"><!-- wp:paragraph {"className":"origin-canvas-specimen-dmsans","style":{"typography":{"fontSize":"3rem","fontWeight":"600","letterSpacing":"-0.015em","lineHeight":"1"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast"} -->
     328<p class="origin-canvas-specimen-dmsans has-contrast-color has-text-color" style="margin-top:0;margin-bottom:0;font-size:3rem;font-weight:600;letter-spacing:-0.015em;line-height:1"><?php echo esc_html__( 'Ag', 'origin-canvas' ); ?></p>
     329<!-- /wp:paragraph -->
     330
     331<!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"18px","bottom":"0"}}},"textColor":"contrast","fontSize":"small"} -->
     332<p class="has-contrast-color has-text-color has-small-font-size" style="margin-top:18px;margin-bottom:0;font-weight:600"><?php echo esc_html__( 'DM Sans', 'origin-canvas' ); ?></p>
     333<!-- /wp:paragraph -->
     334
     335<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.5"},"spacing":{"margin":{"top":"5px","bottom":"0"}}},"textColor":"contrast-2","fontSize":"extra-small"} -->
     336<p class="has-contrast-2-color has-text-color has-extra-small-font-size" style="margin-top:5px;margin-bottom:0;line-height:1.5"><?php echo esc_html__( 'DM Sans body & headings &middot; 600 headings, tight tracking', 'origin-canvas' ); ?></p>
     337<!-- /wp:paragraph --></div>
     338<!-- /wp:column -->
     339
     340<!-- wp:column {"backgroundColor":"base","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"22px","right":"22px","bottom":"20px","left":"22px"}}}} -->
     341<div class="wp-block-column has-base-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:22px;padding-right:22px;padding-bottom:20px;padding-left:22px"><!-- wp:paragraph {"className":"origin-canvas-specimen-serif","style":{"typography":{"fontSize":"3rem","fontWeight":"600","lineHeight":"1"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast"} -->
     342<p class="origin-canvas-specimen-serif has-contrast-color has-text-color" style="margin-top:0;margin-bottom:0;font-size:3rem;font-weight:600;line-height:1"><?php echo esc_html__( 'Ag', 'origin-canvas' ); ?></p>
     343<!-- /wp:paragraph -->
     344
     345<!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"18px","bottom":"0"}}},"textColor":"contrast","fontSize":"small"} -->
     346<p class="has-contrast-color has-text-color has-small-font-size" style="margin-top:18px;margin-bottom:0;font-weight:600"><?php echo esc_html__( 'Serif Headings', 'origin-canvas' ); ?></p>
     347<!-- /wp:paragraph -->
     348
     349<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.5"},"spacing":{"margin":{"top":"5px","bottom":"0"}}},"textColor":"contrast-2","fontSize":"extra-small"} -->
     350<p class="has-contrast-2-color has-text-color has-extra-small-font-size" style="margin-top:5px;margin-bottom:0;line-height:1.5"><?php echo esc_html__( 'Source Serif 4 headings over Inter &middot; looser body leading', 'origin-canvas' ); ?></p>
     351<!-- /wp:paragraph --></div>
     352<!-- /wp:column -->
     353
     354<!-- wp:column {"backgroundColor":"base","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"padding":{"top":"22px","right":"22px","bottom":"20px","left":"22px"}}}} -->
     355<div class="wp-block-column has-base-background-color has-background" style="border-radius:var(--wp--custom--radius--medium);padding-top:22px;padding-right:22px;padding-bottom:20px;padding-left:22px"><!-- wp:paragraph {"className":"origin-canvas-specimen-grotesk","style":{"typography":{"fontSize":"3rem","fontWeight":"600","lineHeight":"1"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast"} -->
     356<p class="origin-canvas-specimen-grotesk has-contrast-color has-text-color" style="margin-top:0;margin-bottom:0;font-size:3rem;font-weight:600;line-height:1"><?php echo esc_html__( 'Ag', 'origin-canvas' ); ?></p>
     357<!-- /wp:paragraph -->
     358
     359<!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"18px","bottom":"0"}}},"textColor":"contrast","fontSize":"small"} -->
     360<p class="has-contrast-color has-text-color has-small-font-size" style="margin-top:18px;margin-bottom:0;font-weight:600"><?php echo esc_html__( 'Space Grotesk', 'origin-canvas' ); ?></p>
     361<!-- /wp:paragraph -->
     362
     363<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.5"},"spacing":{"margin":{"top":"5px","bottom":"0"}}},"textColor":"contrast-2","fontSize":"extra-small"} -->
     364<p class="has-contrast-2-color has-text-color has-extra-small-font-size" style="margin-top:5px;margin-bottom:0;line-height:1.5"><?php echo esc_html__( 'Space Grotesk headings &middot; bumped display scale', 'origin-canvas' ); ?></p>
    365365<!-- /wp:paragraph --></div>
    366366<!-- /wp:column --></div>
    … …  
    369369
    370370<!-- wp:group {"align":"wide","style":{"spacing":{"margin":{"top":"var:preset|spacing|extra-large"}}},"layout":{"type":"default"}} -->
    371 <div class="wp-block-group alignwide" style="margin-top:var(--wp--preset--spacing--extra-large)"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-muted","fontSize":"small"} -->
    372 <p class="has-text-muted-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Color and typography presets mix and match in the editor&#8217;s Styles panel. Combine any color preset with any type preset, or apply a full variation in one click.', 'origin-canvas' ); ?></p>
     371<div class="wp-block-group alignwide" style="margin-top:var(--wp--preset--spacing--extra-large)"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-3","fontSize":"small"} -->
     372<p class="has-contrast-3-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Color and typography presets mix and match in the editor&#8217;s Styles panel. Combine any color preset with any type preset, or apply a full variation in one click.', 'origin-canvas' ); ?></p>
    373373<!-- /wp:paragraph --></div>
    374374<!-- /wp:group --></section>

  • origin-canvas/1.4.3/patterns/team-grid.php

    r347102 r356743  
    33 * Title: Team Grid
    44 * Slug: origin-canvas/team-grid
    5  * Description: A three-up arrangement of colleagues with circular photos, roles and short bios.
     5 * Description: A two-by-two arrangement of colleagues with circular photos, roles and short bios.
    66 * Categories: team
    7  * Keywords: staff, people, members, about, headshots
     7 * Keywords: staff, people, members, about page, headshots
    88 * Viewport Width: 1500
    99 * Block Types:
    … …  
    1515
    1616?>
    17 <!-- wp:group {"tagName":"section","align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"}}},"layout":{"type":"constrained"}} -->
    18 <section class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)">
    19 <!-- wp:heading {"level":2,"align":"wide","style":{"typography":{"lineHeight":"1.1"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|extra-large"}}},"textColor":"text-heading","fontSize":"display"} -->
    20 <h2 class="wp-block-heading alignwide has-text-heading-color has-text-color has-display-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--extra-large);line-height:1.1"><?php echo esc_html__( 'The three of us', 'origin-canvas' ); ?></h2>
    21 <!-- /wp:heading --><!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|huge","left":"var:preset|spacing|extra-large"}}}} -->
    22 <div class="wp-block-columns alignwide"><!-- wp:column -->
    23 <div class="wp-block-column"><!-- wp:image {"aspectRatio":"1","linkDestination":"none","align":"center","width":"128px","height":"128px","className":"is-style-origin-canvas-rounded-full","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|medium"}}}} -->
    24 <figure class="wp-block-image aligncenter is-resized is-style-origin-canvas-rounded-full" style="margin-bottom:var(--wp--preset--spacing--medium)"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/avatar-claire-bennett.webp" alt="<?php esc_attr_e( 'Portrait of Claire Bennett, Founder.', 'origin-canvas' ); ?>" style="aspect-ratio:1;width:128px;height:128px"/></figure>
    25 <!-- /wp:image -->
    26 
    27 <!-- wp:heading {"textAlign":"center","level":3,"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|extra-small"}}},"textColor":"text-heading","fontSize":"regular-plus"} -->
    28 <h3 class="wp-block-heading has-text-align-center has-text-heading-color has-text-color has-regular-plus-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--extra-small)"><?php echo esc_html__( 'Claire Bennett', 'origin-canvas' ); ?></h3>
     17<!-- wp:group {"tagName":"section","align":"full","backgroundColor":"base-2","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"}}},"layout":{"type":"constrained"}} -->
     18<section class="wp-block-group alignfull has-base-2-background-color has-background" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:group {"align":"wide","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} -->
     19<div class="wp-block-group alignwide" style="margin-top:0;margin-bottom:0"><!-- wp:heading {"level":2,"align":"wide","style":{"typography":{"lineHeight":"1.1","textAlign":"center"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast","fontSize":"display"} -->
     20<h2 class="wp-block-heading has-text-align-center alignwide has-contrast-color has-text-color has-display-font-size" style="margin-top:0;margin-bottom:0;line-height:1.1"><?php echo esc_html__( 'The team that sees it through', 'origin-canvas' ); ?></h2>
    2921<!-- /wp:heading -->
    3022
    31 <!-- wp:paragraph {"align":"center","style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|small"}}},"textColor":"text-body","fontSize":"regular"} -->
    32 <p class="has-text-align-center has-text-body-color has-text-color has-regular-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--small)"><?php echo esc_html__( 'Founder', 'origin-canvas' ); ?></p>
     23<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"var:preset|spacing|small-medium","bottom":"0"}},"typography":{"textAlign":"center"}},"textColor":"contrast-2","fontSize":"regular-plus"} -->
     24<p class="has-text-align-center has-contrast-2-color has-text-color has-regular-plus-font-size" style="margin-top:var(--wp--preset--spacing--small-medium);margin-bottom:0"><?php echo esc_html__( 'Two founders, a strategist and a developer. Whoever you meet on the first call stays on your project until launch day.', 'origin-canvas' ); ?></p>
     25<!-- /wp:paragraph --></div>
     26<!-- /wp:group -->
     27
     28<!-- wp:columns {"align":"wide","style":{"spacing":{"margin":{"top":"var:preset|spacing|huge"},"blockGap":{"top":"var:preset|spacing|huge","left":"var:preset|spacing|extra-large"}}}} -->
     29<div class="wp-block-columns alignwide" style="margin-top:var(--wp--preset--spacing--huge)"><!-- wp:column -->
     30<div class="wp-block-column"><!-- wp:columns {"verticalAlignment":"top","style":{"spacing":{"blockGap":{"left":"var:preset|spacing|large"}}}} -->
     31<div class="wp-block-columns are-vertically-aligned-top"><!-- wp:column {"verticalAlignment":"top","width":"128px"} -->
     32<div class="wp-block-column is-vertically-aligned-top" style="flex-basis:128px"><!-- wp:image {"aspectRatio":"1","linkDestination":"none","width":"128px","height":"128px","className":"is-style-origin-canvas-rounded-full"} -->
     33<figure class="wp-block-image is-resized is-style-origin-canvas-rounded-full"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/avatar-claire-bennett.webp" alt="<?php esc_attr_e( 'Portrait of Claire Bennett, Co-founder.', 'origin-canvas' ); ?>" style="aspect-ratio:1;width:128px;height:128px"/></figure>
     34<!-- /wp:image --></div>
     35<!-- /wp:column -->
     36
     37<!-- wp:column {"verticalAlignment":"top"} -->
     38<div class="wp-block-column is-vertically-aligned-top"><!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|extra-small"}}},"textColor":"contrast","fontSize":"regular-plus"} -->
     39<h3 class="wp-block-heading has-contrast-color has-text-color has-regular-plus-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--extra-small)"><?php echo esc_html__( 'Claire Bennett', 'origin-canvas' ); ?></h3>
     40<!-- /wp:heading -->
     41
     42<!-- wp:paragraph {"style":{"typography":{"fontWeight":"500"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|small"}}},"textColor":"contrast-3","fontSize":"small"} -->
     43<p class="has-contrast-3-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--small);font-weight:500"><?php echo esc_html__( 'Co-founder', 'origin-canvas' ); ?></p>
    3344<!-- /wp:paragraph -->
    3445
    35 <!-- wp:paragraph {"align":"center","style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|small"}}},"textColor":"text-body","fontSize":"small"} -->
    36 <p class="has-text-align-center has-text-body-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--small)"><?php echo esc_html__( 'Twelve years in agencies before going small. Most days she&#8217;s in a discovery call or pushing back on a brief.', 'origin-canvas' ); ?></p>
     46<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|small"}}},"textColor":"contrast-2","fontSize":"small"} -->
     47<p class="has-contrast-2-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--small)"><?php echo esc_html__( 'Twelve years in agencies before going small. Most days she&#8217;s in a discovery call or pushing back on a brief.', 'origin-canvas' ); ?></p>
    3748<!-- /wp:paragraph -->
    3849
    39 <!-- wp:paragraph {"align":"center","className":"origin-canvas-links-plain","style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"elements":{"link":{"color":{"text":"var:preset|color|text-heading"},":hover":{"color":{"text":"var:preset|color|primary"}}}}},"textColor":"text-muted","fontSize":"small"} -->
    40 <p class="origin-canvas-links-plain has-text-align-center has-text-muted-color has-text-color has-link-color has-small-font-size" style="margin-top:0;margin-bottom:0"><a href="#"><?php echo esc_html__( 'LinkedIn', 'origin-canvas' ); ?></a> &middot; <a href="#"><?php echo esc_html__( 'Twitter', 'origin-canvas' ); ?></a> &middot; <a href="#"><?php echo esc_html__( 'Email', 'origin-canvas' ); ?></a></p>
     50<!-- wp:paragraph {"className":"origin-canvas-links-plain","style":{"typography":{"fontWeight":"500"},"spacing":{"margin":{"top":"0","bottom":"0"}},"elements":{"link":{"color":{"text":"var:preset|color|contrast"},":hover":{"color":{"text":"var:preset|color|primary"}}}}},"textColor":"contrast-3","fontSize":"small"} -->
     51<p class="origin-canvas-links-plain has-contrast-3-color has-text-color has-link-color has-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:500"><a href="#"><?php echo esc_html__( 'LinkedIn', 'origin-canvas' ); ?></a> &middot; <a href="#"><?php echo esc_html__( 'Twitter', 'origin-canvas' ); ?></a> &middot; <a href="#"><?php echo esc_html__( 'Email', 'origin-canvas' ); ?></a></p>
    4152<!-- /wp:paragraph --></div>
     53<!-- /wp:column --></div>
     54<!-- /wp:columns --></div>
    4255<!-- /wp:column -->
    4356
    4457<!-- wp:column -->
    45 <div class="wp-block-column"><!-- wp:image {"aspectRatio":"1","linkDestination":"none","align":"center","width":"128px","height":"128px","className":"is-style-origin-canvas-rounded-full","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|medium"}}}} -->
    46 <figure class="wp-block-image aligncenter is-resized is-style-origin-canvas-rounded-full" style="margin-bottom:var(--wp--preset--spacing--medium)"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/avatar-marcus-holloway.webp" alt="<?php esc_attr_e( 'Portrait of Marcus Holloway.', 'origin-canvas' ); ?>" style="aspect-ratio:1;width:128px;height:128px"/></figure>
    47 <!-- /wp:image -->
     58<div class="wp-block-column"><!-- wp:columns {"verticalAlignment":"top","style":{"spacing":{"blockGap":{"left":"var:preset|spacing|large"}}}} -->
     59<div class="wp-block-columns are-vertically-aligned-top"><!-- wp:column {"verticalAlignment":"top","width":"128px"} -->
     60<div class="wp-block-column is-vertically-aligned-top" style="flex-basis:128px"><!-- wp:image {"aspectRatio":"1","linkDestination":"none","width":"128px","height":"128px","className":"is-style-origin-canvas-rounded-full"} -->
     61<figure class="wp-block-image is-resized is-style-origin-canvas-rounded-full"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/avatar-marcus-holloway.webp" alt="<?php esc_attr_e( 'Portrait of Marcus Holloway.', 'origin-canvas' ); ?>" style="aspect-ratio:1;width:128px;height:128px"/></figure>
     62<!-- /wp:image --></div>
     63<!-- /wp:column -->
    4864
    49 <!-- wp:heading {"textAlign":"center","level":3,"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|extra-small"}}},"textColor":"text-heading","fontSize":"regular-plus"} -->
    50 <h3 class="wp-block-heading has-text-align-center has-text-heading-color has-text-color has-regular-plus-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--extra-small)"><?php echo esc_html__( 'Marcus Holloway', 'origin-canvas' ); ?></h3>
     65<!-- wp:column {"verticalAlignment":"top"} -->
     66<div class="wp-block-column is-vertically-aligned-top"><!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|extra-small"}}},"textColor":"contrast","fontSize":"regular-plus"} -->
     67<h3 class="wp-block-heading has-contrast-color has-text-color has-regular-plus-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--extra-small)"><?php echo esc_html__( 'Marcus Holloway', 'origin-canvas' ); ?></h3>
    5168<!-- /wp:heading -->
    5269
    53 <!-- wp:paragraph {"align":"center","style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|small"}}},"textColor":"text-body","fontSize":"regular"} -->
    54 <p class="has-text-align-center has-text-body-color has-text-color has-regular-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--small)"><?php echo esc_html__( 'Senior Designer', 'origin-canvas' ); ?></p>
     70<!-- wp:paragraph {"style":{"typography":{"fontWeight":"500"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|small"}}},"textColor":"contrast-3","fontSize":"small"} -->
     71<p class="has-contrast-3-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--small);font-weight:500"><?php echo esc_html__( 'Co-founder and Designer', 'origin-canvas' ); ?></p>
    5572<!-- /wp:paragraph -->
    5673
    57 <!-- wp:paragraph {"align":"center","style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|small"}}},"textColor":"text-body","fontSize":"small"} -->
    58 <p class="has-text-align-center has-text-body-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--small)"><?php echo esc_html__( 'Draws the pages and keeps the type honest. Came from print and still sets everything twice.', 'origin-canvas' ); ?></p>
     74<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|small"}}},"textColor":"contrast-2","fontSize":"small"} -->
     75<p class="has-contrast-2-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--small)"><?php echo esc_html__( 'Started the studio with Claire after ten years in print. Still checks every page twice before it goes out.', 'origin-canvas' ); ?></p>
    5976<!-- /wp:paragraph -->
    6077
    61 <!-- wp:paragraph {"align":"center","className":"origin-canvas-links-plain","style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"elements":{"link":{"color":{"text":"var:preset|color|text-heading"},":hover":{"color":{"text":"var:preset|color|primary"}}}}},"textColor":"text-muted","fontSize":"small"} -->
    62 <p class="origin-canvas-links-plain has-text-align-center has-text-muted-color has-text-color has-link-color has-small-font-size" style="margin-top:0;margin-bottom:0"><a href="#"><?php echo esc_html__( 'LinkedIn', 'origin-canvas' ); ?></a> &middot; <a href="#"><?php echo esc_html__( 'Twitter', 'origin-canvas' ); ?></a> &middot; <a href="#"><?php echo esc_html__( 'Email', 'origin-canvas' ); ?></a></p>
     78<!-- wp:paragraph {"className":"origin-canvas-links-plain","style":{"typography":{"fontWeight":"500"},"spacing":{"margin":{"top":"0","bottom":"0"}},"elements":{"link":{"color":{"text":"var:preset|color|contrast"},":hover":{"color":{"text":"var:preset|color|primary"}}}}},"textColor":"contrast-3","fontSize":"small"} -->
     79<p class="origin-canvas-links-plain has-contrast-3-color has-text-color has-link-color has-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:500"><a href="#"><?php echo esc_html__( 'LinkedIn', 'origin-canvas' ); ?></a> &middot; <a href="#"><?php echo esc_html__( 'Twitter', 'origin-canvas' ); ?></a> &middot; <a href="#"><?php echo esc_html__( 'Email', 'origin-canvas' ); ?></a></p>
    6380<!-- /wp:paragraph --></div>
     81<!-- /wp:column --></div>
     82<!-- /wp:columns --></div>
     83<!-- /wp:column --></div>
     84<!-- /wp:columns -->
     85
     86<!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|huge","left":"var:preset|spacing|extra-large"},"margin":{"top":"var:preset|spacing|huge"}}}} -->
     87<div class="wp-block-columns alignwide" style="margin-top:var(--wp--preset--spacing--huge)"><!-- wp:column -->
     88<div class="wp-block-column"><!-- wp:columns {"verticalAlignment":"top","style":{"spacing":{"blockGap":{"left":"var:preset|spacing|large"}}}} -->
     89<div class="wp-block-columns are-vertically-aligned-top"><!-- wp:column {"verticalAlignment":"top","width":"128px"} -->
     90<div class="wp-block-column is-vertically-aligned-top" style="flex-basis:128px"><!-- wp:image {"aspectRatio":"1","linkDestination":"none","width":"128px","height":"128px","className":"is-style-origin-canvas-rounded-full"} -->
     91<figure class="wp-block-image is-resized is-style-origin-canvas-rounded-full"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/avatar-hannah-wright.webp" alt="<?php esc_attr_e( 'Portrait of Hannah Wright.', 'origin-canvas' ); ?>" style="aspect-ratio:1;width:128px;height:128px"/></figure>
     92<!-- /wp:image --></div>
     93<!-- /wp:column -->
     94
     95<!-- wp:column {"verticalAlignment":"top"} -->
     96<div class="wp-block-column is-vertically-aligned-top"><!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|extra-small"}}},"textColor":"contrast","fontSize":"regular-plus"} -->
     97<h3 class="wp-block-heading has-contrast-color has-text-color has-regular-plus-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--extra-small)"><?php echo esc_html__( 'Hannah Wright', 'origin-canvas' ); ?></h3>
     98<!-- /wp:heading -->
     99
     100<!-- wp:paragraph {"style":{"typography":{"fontWeight":"500"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|small"}}},"textColor":"contrast-3","fontSize":"small"} -->
     101<p class="has-contrast-3-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--small);font-weight:500"><?php echo esc_html__( 'Brand Strategist', 'origin-canvas' ); ?></p>
     102<!-- /wp:paragraph -->
     103
     104<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|small"}}},"textColor":"contrast-2","fontSize":"small"} -->
     105<p class="has-contrast-2-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--small)"><?php echo esc_html__( 'Works out what a business is actually saying before anyone draws a page. Runs the first week of every project.', 'origin-canvas' ); ?></p>
     106<!-- /wp:paragraph -->
     107
     108<!-- wp:paragraph {"className":"origin-canvas-links-plain","style":{"typography":{"fontWeight":"500"},"spacing":{"margin":{"top":"0","bottom":"0"}},"elements":{"link":{"color":{"text":"var:preset|color|contrast"},":hover":{"color":{"text":"var:preset|color|primary"}}}}},"textColor":"contrast-3","fontSize":"small"} -->
     109<p class="origin-canvas-links-plain has-contrast-3-color has-text-color has-link-color has-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:500"><a href="#"><?php echo esc_html__( 'LinkedIn', 'origin-canvas' ); ?></a> &middot; <a href="#"><?php echo esc_html__( 'Twitter', 'origin-canvas' ); ?></a> &middot; <a href="#"><?php echo esc_html__( 'Email', 'origin-canvas' ); ?></a></p>
     110<!-- /wp:paragraph --></div>
     111<!-- /wp:column --></div>
     112<!-- /wp:columns --></div>
    64113<!-- /wp:column -->
    65114
    66115<!-- wp:column -->
    67 <div class="wp-block-column"><!-- wp:image {"aspectRatio":"1","linkDestination":"none","align":"center","width":"128px","height":"128px","className":"is-style-origin-canvas-rounded-full","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|medium"}}}} -->
    68 <figure class="wp-block-image aligncenter is-resized is-style-origin-canvas-rounded-full" style="margin-bottom:var(--wp--preset--spacing--medium)"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/avatar-hannah-wright.webp" alt="<?php esc_attr_e( 'Portrait of Hannah Wright.', 'origin-canvas' ); ?>" style="aspect-ratio:1;width:128px;height:128px"/></figure>
    69 <!-- /wp:image -->
     116<div class="wp-block-column"><!-- wp:columns {"verticalAlignment":"top","style":{"spacing":{"blockGap":{"left":"var:preset|spacing|large"}}}} -->
     117<div class="wp-block-columns are-vertically-aligned-top"><!-- wp:column {"verticalAlignment":"top","width":"128px"} -->
     118<div class="wp-block-column is-vertically-aligned-top" style="flex-basis:128px"><!-- wp:image {"aspectRatio":"1","linkDestination":"none","width":"128px","height":"128px","className":"is-style-origin-canvas-rounded-full"} -->
     119<figure class="wp-block-image is-resized is-style-origin-canvas-rounded-full"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/avatar-ben-carter.webp" alt="<?php esc_attr_e( 'Portrait of Ben Carter.', 'origin-canvas' ); ?>" style="aspect-ratio:1;width:128px;height:128px"/></figure>
     120<!-- /wp:image --></div>
     121<!-- /wp:column -->
    70122
    71 <!-- wp:heading {"textAlign":"center","level":3,"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|extra-small"}}},"textColor":"text-heading","fontSize":"regular-plus"} -->
    72 <h3 class="wp-block-heading has-text-align-center has-text-heading-color has-text-color has-regular-plus-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--extra-small)"><?php echo esc_html__( 'Hannah Wright', 'origin-canvas' ); ?></h3>
     123<!-- wp:column {"verticalAlignment":"top"} -->
     124<div class="wp-block-column is-vertically-aligned-top"><!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|extra-small"}}},"textColor":"contrast","fontSize":"regular-plus"} -->
     125<h3 class="wp-block-heading has-contrast-color has-text-color has-regular-plus-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--extra-small)"><?php echo esc_html__( 'Ben Carter', 'origin-canvas' ); ?></h3>
    73126<!-- /wp:heading -->
    74127
    75 <!-- wp:paragraph {"align":"center","style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|small"}}},"textColor":"text-body","fontSize":"regular"} -->
    76 <p class="has-text-align-center has-text-body-color has-text-color has-regular-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--small)"><?php echo esc_html__( 'Brand Strategist', 'origin-canvas' ); ?></p>
     128<!-- wp:paragraph {"style":{"typography":{"fontWeight":"500"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|small"}}},"textColor":"contrast-3","fontSize":"small"} -->
     129<p class="has-contrast-3-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--small);font-weight:500"><?php echo esc_html__( 'Developer', 'origin-canvas' ); ?></p>
    77130<!-- /wp:paragraph -->
    78131
    79 <!-- wp:paragraph {"align":"center","style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|small"}}},"textColor":"text-body","fontSize":"small"} -->
    80 <p class="has-text-align-center has-text-body-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--small)"><?php echo esc_html__( 'Works out what a business is actually saying before anyone draws a page. Runs the first week of every project.', 'origin-canvas' ); ?></p>
     132<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|small"}}},"textColor":"contrast-2","fontSize":"small"} -->
     133<p class="has-contrast-2-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--small)"><?php echo esc_html__( 'Builds every site and runs the launch. Tests it all on the oldest phone in the office.', 'origin-canvas' ); ?></p>
    81134<!-- /wp:paragraph -->
    82135
    83 <!-- wp:paragraph {"align":"center","className":"origin-canvas-links-plain","style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"elements":{"link":{"color":{"text":"var:preset|color|text-heading"},":hover":{"color":{"text":"var:preset|color|primary"}}}}},"textColor":"text-muted","fontSize":"small"} -->
    84 <p class="origin-canvas-links-plain has-text-align-center has-text-muted-color has-text-color has-link-color has-small-font-size" style="margin-top:0;margin-bottom:0"><a href="#"><?php echo esc_html__( 'LinkedIn', 'origin-canvas' ); ?></a> &middot; <a href="#"><?php echo esc_html__( 'Twitter', 'origin-canvas' ); ?></a> &middot; <a href="#"><?php echo esc_html__( 'Email', 'origin-canvas' ); ?></a></p>
     136<!-- wp:paragraph {"className":"origin-canvas-links-plain","style":{"typography":{"fontWeight":"500"},"spacing":{"margin":{"top":"0","bottom":"0"}},"elements":{"link":{"color":{"text":"var:preset|color|contrast"},":hover":{"color":{"text":"var:preset|color|primary"}}}}},"textColor":"contrast-3","fontSize":"small"} -->
     137<p class="origin-canvas-links-plain has-contrast-3-color has-text-color has-link-color has-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:500"><a href="#"><?php echo esc_html__( 'LinkedIn', 'origin-canvas' ); ?></a> &middot; <a href="#"><?php echo esc_html__( 'Twitter', 'origin-canvas' ); ?></a> &middot; <a href="#"><?php echo esc_html__( 'Email', 'origin-canvas' ); ?></a></p>
    85138<!-- /wp:paragraph --></div>
     139<!-- /wp:column --></div>
     140<!-- /wp:columns --></div>
    86141<!-- /wp:column --></div>
    87142<!-- /wp:columns --></section>

  • origin-canvas/1.4.3/patterns/team-list.php

    r347102 r356743  
    55 * Description: A vertical run of colleagues, each with a circular photo beside their role and bio.
    66 * Categories: team
    7  * Keywords: staff, people, members, about, headshots
     7 * Keywords: staff, people, members, about page, headshots
    88 * Block Types:
    99 * Post Types:
    … …  
    1616<!-- wp:group {"tagName":"section","align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"},"blockGap":"0"}},"layout":{"type":"constrained"}} -->
    1717<section class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)">
    18 <!-- wp:heading {"level":2,"style":{"typography":{"lineHeight":"1.1"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|extra-large"}}},"textColor":"text-heading","fontSize":"huge"} -->
    19 <h2 class="wp-block-heading has-text-heading-color has-text-color has-huge-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--extra-large);line-height:1.1"><?php echo esc_html__( 'The three of us', 'origin-canvas' ); ?></h2>
    20 <!-- /wp:heading --><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|large","padding":{"top":"var:preset|spacing|large","bottom":"var:preset|spacing|large"}},"border":{"bottom":{"color":"var:preset|color|border","style":"solid","width":"1px"}}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
    21 <div class="wp-block-group" style="border-bottom-color:var(--wp--preset--color--border);border-bottom-style:solid;border-bottom-width:1px;padding-top:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large)"><!-- wp:image {"aspectRatio":"1","linkDestination":"none","width":"128px","height":"128px","className":"is-style-origin-canvas-rounded-full","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
    22 <figure class="wp-block-image is-resized is-style-origin-canvas-rounded-full" style="margin-top:0;margin-bottom:0"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/avatar-claire-bennett.webp" alt="<?php esc_attr_e( 'Portrait of Claire Bennett, Founder.', 'origin-canvas' ); ?>" style="aspect-ratio:1;width:128px;height:128px"/></figure>
     18<!-- wp:heading {"level":2,"style":{"typography":{"lineHeight":"1.1"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|extra-large"}}},"textColor":"contrast","fontSize":"huge"} -->
     19<h2 class="wp-block-heading has-contrast-color has-text-color has-huge-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--extra-large);line-height:1.1"><?php echo esc_html__( 'The team that sees it through', 'origin-canvas' ); ?></h2>
     20<!-- /wp:heading --><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|large","padding":{"top":"var:preset|spacing|large","bottom":"var:preset|spacing|large"}},"border":{"bottom":{"color":"var:preset|color|base-5","style":"solid","width":"1px"}}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
     21<div class="wp-block-group" style="border-bottom-color:var(--wp--preset--color--base-5);border-bottom-style:solid;border-bottom-width:1px;padding-top:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large)"><!-- wp:image {"aspectRatio":"1","linkDestination":"none","width":"128px","height":"128px","className":"is-style-origin-canvas-rounded-full","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
     22<figure class="wp-block-image is-resized is-style-origin-canvas-rounded-full" style="margin-top:0;margin-bottom:0"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/avatar-claire-bennett.webp" alt="<?php esc_attr_e( 'Portrait of Claire Bennett, Co-founder.', 'origin-canvas' ); ?>" style="aspect-ratio:1;width:128px;height:128px"/></figure>
    2323<!-- /wp:image -->
    2424
    2525<!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained","justifyContent":"left"}} -->
    26 <div class="wp-block-group"><!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|extra-small"}}},"textColor":"text-heading","fontSize":"regular-plus"} -->
    27 <h3 class="wp-block-heading has-text-heading-color has-text-color has-regular-plus-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--extra-small)"><?php echo esc_html__( 'Claire Bennett', 'origin-canvas' ); ?></h3>
     26<div class="wp-block-group"><!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|extra-small"}}},"textColor":"contrast","fontSize":"regular-plus"} -->
     27<h3 class="wp-block-heading has-contrast-color has-text-color has-regular-plus-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--extra-small)"><?php echo esc_html__( 'Claire Bennett', 'origin-canvas' ); ?></h3>
    2828<!-- /wp:heading -->
    2929
    30 <!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|small"}}},"textColor":"text-body","fontSize":"regular"} -->
    31 <p class="has-text-body-color has-text-color has-regular-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--small)"><?php echo esc_html__( 'Founder', 'origin-canvas' ); ?></p>
     30<!-- wp:paragraph {"style":{"typography":{"fontWeight":"500"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|small"}}},"textColor":"contrast-3","fontSize":"regular"} -->
     31<p class="has-contrast-3-color has-text-color has-regular-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--small);font-weight:500"><?php echo esc_html__( 'Co-founder', 'origin-canvas' ); ?></p>
    3232<!-- /wp:paragraph -->
    3333
    34 <!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|small"}}},"textColor":"text-body","fontSize":"small"} -->
    35 <p class="has-text-body-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--small)"><?php echo esc_html__( 'Twelve years in agencies before going small. Most days she&#8217;s in a discovery call or pushing back on a brief.', 'origin-canvas' ); ?></p>
     34<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|small"}}},"textColor":"contrast-2","fontSize":"small"} -->
     35<p class="has-contrast-2-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--small)"><?php echo esc_html__( 'Twelve years in agencies before going small. Most days she&#8217;s in a discovery call or pushing back on a brief.', 'origin-canvas' ); ?></p>
    3636<!-- /wp:paragraph -->
    3737
    38 <!-- wp:paragraph {"className":"origin-canvas-links-plain","style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"elements":{"link":{"color":{"text":"var:preset|color|text-heading"},":hover":{"color":{"text":"var:preset|color|primary"}}}}},"textColor":"text-muted","fontSize":"small"} -->
    39 <p class="origin-canvas-links-plain has-text-muted-color has-text-color has-link-color has-small-font-size" style="margin-top:0;margin-bottom:0"><a href="#"><?php echo esc_html__( 'LinkedIn', 'origin-canvas' ); ?></a> &middot; <a href="#"><?php echo esc_html__( 'Twitter', 'origin-canvas' ); ?></a> &middot; <a href="#"><?php echo esc_html__( 'Email', 'origin-canvas' ); ?></a></p>
     38<!-- wp:paragraph {"className":"origin-canvas-links-plain","style":{"typography":{"fontWeight":"500"},"spacing":{"margin":{"top":"0","bottom":"0"}},"elements":{"link":{"color":{"text":"var:preset|color|contrast"},":hover":{"color":{"text":"var:preset|color|primary"}}}}},"textColor":"contrast-3","fontSize":"small"} -->
     39<p class="origin-canvas-links-plain has-contrast-3-color has-text-color has-link-color has-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:500"><a href="#"><?php echo esc_html__( 'LinkedIn', 'origin-canvas' ); ?></a> &middot; <a href="#"><?php echo esc_html__( 'Twitter', 'origin-canvas' ); ?></a> &middot; <a href="#"><?php echo esc_html__( 'Email', 'origin-canvas' ); ?></a></p>
    4040<!-- /wp:paragraph --></div>
    4141<!-- /wp:group --></div>
    4242<!-- /wp:group -->
    4343
    44 <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|large","padding":{"top":"var:preset|spacing|large","bottom":"var:preset|spacing|large"}},"border":{"bottom":{"color":"var:preset|color|border","style":"solid","width":"1px"}}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
    45 <div class="wp-block-group" style="border-bottom-color:var(--wp--preset--color--border);border-bottom-style:solid;border-bottom-width:1px;padding-top:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large)"><!-- wp:image {"aspectRatio":"1","linkDestination":"none","width":"128px","height":"128px","className":"is-style-origin-canvas-rounded-full","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
     44<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|large","padding":{"top":"var:preset|spacing|large","bottom":"var:preset|spacing|large"}},"border":{"bottom":{"color":"var:preset|color|base-5","style":"solid","width":"1px"}}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
     45<div class="wp-block-group" style="border-bottom-color:var(--wp--preset--color--base-5);border-bottom-style:solid;border-bottom-width:1px;padding-top:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large)"><!-- wp:image {"aspectRatio":"1","linkDestination":"none","width":"128px","height":"128px","className":"is-style-origin-canvas-rounded-full","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
    4646<figure class="wp-block-image is-resized is-style-origin-canvas-rounded-full" style="margin-top:0;margin-bottom:0"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/avatar-marcus-holloway.webp" alt="<?php esc_attr_e( 'Portrait of Marcus Holloway.', 'origin-canvas' ); ?>" style="aspect-ratio:1;width:128px;height:128px"/></figure>
    4747<!-- /wp:image -->
    4848
    4949<!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained","justifyContent":"left"}} -->
    50 <div class="wp-block-group"><!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|extra-small"}}},"textColor":"text-heading","fontSize":"regular-plus"} -->
    51 <h3 class="wp-block-heading has-text-heading-color has-text-color has-regular-plus-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--extra-small)"><?php echo esc_html__( 'Marcus Holloway', 'origin-canvas' ); ?></h3>
     50<div class="wp-block-group"><!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|extra-small"}}},"textColor":"contrast","fontSize":"regular-plus"} -->
     51<h3 class="wp-block-heading has-contrast-color has-text-color has-regular-plus-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--extra-small)"><?php echo esc_html__( 'Marcus Holloway', 'origin-canvas' ); ?></h3>
    5252<!-- /wp:heading -->
    5353
    54 <!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|small"}}},"textColor":"text-body","fontSize":"regular"} -->
    55 <p class="has-text-body-color has-text-color has-regular-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--small)"><?php echo esc_html__( 'Senior Designer', 'origin-canvas' ); ?></p>
     54<!-- wp:paragraph {"style":{"typography":{"fontWeight":"500"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|small"}}},"textColor":"contrast-3","fontSize":"regular"} -->
     55<p class="has-contrast-3-color has-text-color has-regular-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--small);font-weight:500"><?php echo esc_html__( 'Co-founder and Designer', 'origin-canvas' ); ?></p>
    5656<!-- /wp:paragraph -->
    5757
    58 <!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|small"}}},"textColor":"text-body","fontSize":"small"} -->
    59 <p class="has-text-body-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--small)"><?php echo esc_html__( 'Draws the pages and keeps the type honest. Came from print and still sets everything twice.', 'origin-canvas' ); ?></p>
     58<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|small"}}},"textColor":"contrast-2","fontSize":"small"} -->
     59<p class="has-contrast-2-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--small)"><?php echo esc_html__( 'Started the studio with Claire after ten years in print. Still checks every page twice before it goes out.', 'origin-canvas' ); ?></p>
    6060<!-- /wp:paragraph -->
    6161
    62 <!-- wp:paragraph {"className":"origin-canvas-links-plain","style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"elements":{"link":{"color":{"text":"var:preset|color|text-heading"},":hover":{"color":{"text":"var:preset|color|primary"}}}}},"textColor":"text-muted","fontSize":"small"} -->
    63 <p class="origin-canvas-links-plain has-text-muted-color has-text-color has-link-color has-small-font-size" style="margin-top:0;margin-bottom:0"><a href="#"><?php echo esc_html__( 'LinkedIn', 'origin-canvas' ); ?></a> &middot; <a href="#"><?php echo esc_html__( 'Twitter', 'origin-canvas' ); ?></a> &middot; <a href="#"><?php echo esc_html__( 'Email', 'origin-canvas' ); ?></a></p>
     62<!-- wp:paragraph {"className":"origin-canvas-links-plain","style":{"typography":{"fontWeight":"500"},"spacing":{"margin":{"top":"0","bottom":"0"}},"elements":{"link":{"color":{"text":"var:preset|color|contrast"},":hover":{"color":{"text":"var:preset|color|primary"}}}}},"textColor":"contrast-3","fontSize":"small"} -->
     63<p class="origin-canvas-links-plain has-contrast-3-color has-text-color has-link-color has-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:500"><a href="#"><?php echo esc_html__( 'LinkedIn', 'origin-canvas' ); ?></a> &middot; <a href="#"><?php echo esc_html__( 'Twitter', 'origin-canvas' ); ?></a> &middot; <a href="#"><?php echo esc_html__( 'Email', 'origin-canvas' ); ?></a></p>
     64<!-- /wp:paragraph --></div>
     65<!-- /wp:group --></div>
     66<!-- /wp:group -->
     67
     68<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|large","padding":{"top":"var:preset|spacing|large","bottom":"var:preset|spacing|large"}},"border":{"bottom":{"color":"var:preset|color|base-5","style":"solid","width":"1px"}}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
     69<div class="wp-block-group" style="border-bottom-color:var(--wp--preset--color--base-5);border-bottom-style:solid;border-bottom-width:1px;padding-top:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large)"><!-- wp:image {"aspectRatio":"1","linkDestination":"none","width":"128px","height":"128px","className":"is-style-origin-canvas-rounded-full","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
     70<figure class="wp-block-image is-resized is-style-origin-canvas-rounded-full" style="margin-top:0;margin-bottom:0"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/avatar-hannah-wright.webp" alt="<?php esc_attr_e( 'Portrait of Hannah Wright.', 'origin-canvas' ); ?>" style="aspect-ratio:1;width:128px;height:128px"/></figure>
     71<!-- /wp:image -->
     72
     73<!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained","justifyContent":"left"}} -->
     74<div class="wp-block-group"><!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|extra-small"}}},"textColor":"contrast","fontSize":"regular-plus"} -->
     75<h3 class="wp-block-heading has-contrast-color has-text-color has-regular-plus-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--extra-small)"><?php echo esc_html__( 'Hannah Wright', 'origin-canvas' ); ?></h3>
     76<!-- /wp:heading -->
     77
     78<!-- wp:paragraph {"style":{"typography":{"fontWeight":"500"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|small"}}},"textColor":"contrast-3","fontSize":"regular"} -->
     79<p class="has-contrast-3-color has-text-color has-regular-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--small);font-weight:500"><?php echo esc_html__( 'Brand Strategist', 'origin-canvas' ); ?></p>
     80<!-- /wp:paragraph -->
     81
     82<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|small"}}},"textColor":"contrast-2","fontSize":"small"} -->
     83<p class="has-contrast-2-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--small)"><?php echo esc_html__( 'Works out what a business is actually saying before anyone draws a page. Runs the first week of every project.', 'origin-canvas' ); ?></p>
     84<!-- /wp:paragraph -->
     85
     86<!-- wp:paragraph {"className":"origin-canvas-links-plain","style":{"typography":{"fontWeight":"500"},"spacing":{"margin":{"top":"0","bottom":"0"}},"elements":{"link":{"color":{"text":"var:preset|color|contrast"},":hover":{"color":{"text":"var:preset|color|primary"}}}}},"textColor":"contrast-3","fontSize":"small"} -->
     87<p class="origin-canvas-links-plain has-contrast-3-color has-text-color has-link-color has-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:500"><a href="#"><?php echo esc_html__( 'LinkedIn', 'origin-canvas' ); ?></a> &middot; <a href="#"><?php echo esc_html__( 'Twitter', 'origin-canvas' ); ?></a> &middot; <a href="#"><?php echo esc_html__( 'Email', 'origin-canvas' ); ?></a></p>
    6488<!-- /wp:paragraph --></div>
    6589<!-- /wp:group --></div>
    … …  
    6892<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|large","padding":{"top":"var:preset|spacing|large","bottom":"var:preset|spacing|large"}}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
    6993<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large)"><!-- wp:image {"aspectRatio":"1","linkDestination":"none","width":"128px","height":"128px","className":"is-style-origin-canvas-rounded-full","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
    70 <figure class="wp-block-image is-resized is-style-origin-canvas-rounded-full" style="margin-top:0;margin-bottom:0"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/avatar-hannah-wright.webp" alt="<?php esc_attr_e( 'Portrait of Hannah Wright.', 'origin-canvas' ); ?>" style="aspect-ratio:1;width:128px;height:128px"/></figure>
     94<figure class="wp-block-image is-resized is-style-origin-canvas-rounded-full" style="margin-top:0;margin-bottom:0"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/avatar-ben-carter.webp" alt="<?php esc_attr_e( 'Portrait of Ben Carter.', 'origin-canvas' ); ?>" style="aspect-ratio:1;width:128px;height:128px"/></figure>
    7195<!-- /wp:image -->
    7296
    7397<!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained","justifyContent":"left"}} -->
    74 <div class="wp-block-group"><!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|extra-small"}}},"textColor":"text-heading","fontSize":"regular-plus"} -->
    75 <h3 class="wp-block-heading has-text-heading-color has-text-color has-regular-plus-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--extra-small)"><?php echo esc_html__( 'Hannah Wright', 'origin-canvas' ); ?></h3>
     98<div class="wp-block-group"><!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|extra-small"}}},"textColor":"contrast","fontSize":"regular-plus"} -->
     99<h3 class="wp-block-heading has-contrast-color has-text-color has-regular-plus-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--extra-small)"><?php echo esc_html__( 'Ben Carter', 'origin-canvas' ); ?></h3>
    76100<!-- /wp:heading -->
    77101
    78 <!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|small"}}},"textColor":"text-body","fontSize":"regular"} -->
    79 <p class="has-text-body-color has-text-color has-regular-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--small)"><?php echo esc_html__( 'Brand Strategist', 'origin-canvas' ); ?></p>
     102<!-- wp:paragraph {"style":{"typography":{"fontWeight":"500"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|small"}}},"textColor":"contrast-3","fontSize":"regular"} -->
     103<p class="has-contrast-3-color has-text-color has-regular-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--small);font-weight:500"><?php echo esc_html__( 'Developer', 'origin-canvas' ); ?></p>
    80104<!-- /wp:paragraph -->
    81105
    82 <!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|small"}}},"textColor":"text-body","fontSize":"small"} -->
    83 <p class="has-text-body-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--small)"><?php echo esc_html__( 'Works out what a business is actually saying before anyone draws a page. Runs the first week of every project.', 'origin-canvas' ); ?></p>
     106<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|small"}}},"textColor":"contrast-2","fontSize":"small"} -->
     107<p class="has-contrast-2-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--small)"><?php echo esc_html__( 'Builds every site and runs the launch. Tests it all on the oldest phone in the office.', 'origin-canvas' ); ?></p>
    84108<!-- /wp:paragraph -->
    85109
    86 <!-- wp:paragraph {"className":"origin-canvas-links-plain","style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"elements":{"link":{"color":{"text":"var:preset|color|text-heading"},":hover":{"color":{"text":"var:preset|color|primary"}}}}},"textColor":"text-muted","fontSize":"small"} -->
    87 <p class="origin-canvas-links-plain has-text-muted-color has-text-color has-link-color has-small-font-size" style="margin-top:0;margin-bottom:0"><a href="#"><?php echo esc_html__( 'LinkedIn', 'origin-canvas' ); ?></a> &middot; <a href="#"><?php echo esc_html__( 'Twitter', 'origin-canvas' ); ?></a> &middot; <a href="#"><?php echo esc_html__( 'Email', 'origin-canvas' ); ?></a></p>
     110<!-- wp:paragraph {"className":"origin-canvas-links-plain","style":{"typography":{"fontWeight":"500"},"spacing":{"margin":{"top":"0","bottom":"0"}},"elements":{"link":{"color":{"text":"var:preset|color|contrast"},":hover":{"color":{"text":"var:preset|color|primary"}}}}},"textColor":"contrast-3","fontSize":"small"} -->
     111<p class="origin-canvas-links-plain has-contrast-3-color has-text-color has-link-color has-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:500"><a href="#"><?php echo esc_html__( 'LinkedIn', 'origin-canvas' ); ?></a> &middot; <a href="#"><?php echo esc_html__( 'Twitter', 'origin-canvas' ); ?></a> &middot; <a href="#"><?php echo esc_html__( 'Email', 'origin-canvas' ); ?></a></p>
    88112<!-- /wp:paragraph --></div>
    89113<!-- /wp:group --></div>

  • origin-canvas/1.4.3/patterns/template-showcase.php

    r347102 r356743  
    33 * Title: Template Showcase
    44 * Slug: origin-canvas/template-showcase
    5  * Description: A grid of template wireframe cards for the theme landing page.
     5 * Description: A centered eyebrow, heading, lead and link over six cards, each with a template wireframe, its name and its file name, and a count of the templates shown.
    66 * Categories: origin-canvas/features
    7  * Keywords: templates, wireframes, marketing, layouts
     7 * Keywords: wireframes, marketing, layouts
    88 * Viewport Width: 1500
    99 * Block Types:
    1010 * Post Types:
    11  * Inserter: true
     11 * Inserter: false
    1212 *
    1313 * @package Origin
    … …  
    1616?>
    1717<!-- wp:group {"tagName":"section","align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"}}},"layout":{"type":"constrained"}} -->
    18 <section class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:group {"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|huge"}}},"layout":{"type":"constrained","contentSize":"680px"}} -->
    19 <div class="wp-block-group" style="margin-bottom:var(--wp--preset--spacing--huge)"><!-- wp:paragraph {"align":"center","style":{"typography":{"textTransform":"uppercase","fontWeight":"600","letterSpacing":"0.12em"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}}},"textColor":"primary","fontSize":"small"} -->
    20 <p class="has-text-align-center has-primary-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium);font-weight:600;letter-spacing:0.12em;text-transform:uppercase"><?php echo esc_html__( 'Templates', 'origin-canvas' ); ?></p>
    21 <!-- /wp:paragraph -->
    22 
    23 <!-- wp:heading {"textAlign":"center","level":2,"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}}},"fontSize":"display"} -->
    24 <h2 class="wp-block-heading has-text-align-center has-display-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium)"><?php echo esc_html__( 'Every template, ready to shape in the editor.', 'origin-canvas' ); ?></h2>
     18<section class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:group {"align":"wide","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|huge"}}},"layout":{"type":"constrained"}} -->
     19<div class="wp-block-group alignwide" style="margin-bottom:var(--wp--preset--spacing--huge)"><!-- wp:paragraph {"className":"origin-canvas-eyebrow","style":{"typography":{"textTransform":"uppercase","fontWeight":"600","letterSpacing":"0.06em","textAlign":"center"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}}},"textColor":"primary","fontSize":"small"} -->
     20<p class="origin-canvas-eyebrow has-text-align-center has-primary-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium);font-weight:600;letter-spacing:0.06em;text-transform:uppercase"><?php echo esc_html__( 'Templates', 'origin-canvas' ); ?></p>
     21<!-- /wp:paragraph -->
     22
     23<!-- wp:heading {"level":2,"align":"wide","style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"textAlign":"center"}},"fontSize":"display"} -->
     24<h2 class="wp-block-heading has-text-align-center alignwide has-display-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Every template, ready to shape in the editor.', 'origin-canvas' ); ?></h2>
    2525<!-- /wp:heading -->
    2626
    27 <!-- wp:group {"layout":{"type":"constrained","contentSize":"520px"}} -->
    28 <div class="wp-block-group"><!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"0.9375rem","lineHeight":"1.55"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|compact"}}},"textColor":"text-body"} -->
    29 <p class="has-text-align-center has-text-body-color has-text-color" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--compact);font-size:0.9375rem;line-height:1.55"><?php echo esc_html__( 'Twelve templates cover the whole site. Open any one in the Site Editor and rearrange it block by block.', 'origin-canvas' ); ?></p>
    30 <!-- /wp:paragraph -->
    31 
    32 <!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"0.9375rem","fontWeight":"500"},"spacing":{"margin":{"top":"0","bottom":"0"}},"elements":{"link":{"color":{"text":"var:preset|color|text-heading"},"typography":{"textDecoration":"none"}}}},"textColor":"text-heading"} -->
    33 <p class="has-text-align-center has-text-heading-color has-text-color has-link-color" style="margin-top:0;margin-bottom:0;font-size:0.9375rem;font-weight:500"><a href="#" style="text-decoration:none"><?php echo esc_html__( 'Open the Site Editor tour', 'origin-canvas' ); ?></a> <span class="has-primary-color has-text-color" style="color:var(--wp--preset--color--primary)" aria-hidden="true">&rarr;</span></p>
     27<!-- wp:group {"style":{"spacing":{"margin":{"top":"var:preset|spacing|small-medium"}}},"layout":{"type":"constrained"}} -->
     28<div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--small-medium)"><!-- wp:paragraph {"style":{"typography":{"fontSize":"0.9375rem","lineHeight":"1.55","textAlign":"center"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|small-medium"}}},"textColor":"contrast-2"} -->
     29<p class="has-text-align-center has-contrast-2-color has-text-color" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--small-medium);font-size:0.9375rem;line-height:1.55"><?php echo esc_html__( 'Twelve templates cover the whole site. Open any one in the Site Editor and rearrange it block by block.', 'origin-canvas' ); ?></p>
     30<!-- /wp:paragraph -->
     31
     32<!-- wp:paragraph {"style":{"typography":{"fontSize":"0.9375rem","fontWeight":"500","textAlign":"center"},"spacing":{"margin":{"top":"0","bottom":"0"}},"elements":{"link":{"typography":{"textDecoration":"none"}}}},"textColor":"contrast"} -->
     33<p class="has-text-align-center has-contrast-color has-text-color" style="margin-top:0;margin-bottom:0;font-size:0.9375rem;font-weight:500"><a href="#" style="text-decoration:none"><?php echo esc_html__( 'Open the Site Editor tour', 'origin-canvas' ); ?> <span aria-hidden="true">&rarr;</span></a></p>
    3434<!-- /wp:paragraph --></div>
    3535<!-- /wp:group --></div>
    … …  
    5151
    5252<!-- wp:group {"style":{"spacing":{"margin":{"top":"13px"}}},"layout":{"type":"flex","justifyContent":"space-between","verticalAlignment":"bottom"}} -->
    53 <div class="wp-block-group" style="margin-top:13px"><!-- wp:paragraph {"style":{"typography":{"fontSize":"0.9375rem","fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-heading"} -->
    54 <p class="has-text-heading-color has-text-color" style="margin-top:0;margin-bottom:0;font-size:0.9375rem;font-weight:600"><?php echo esc_html__( 'Single Post', 'origin-canvas' ); ?></p>
    55 <!-- /wp:paragraph -->
    56 
    57 <!-- wp:paragraph {"className":"origin-canvas-mono","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-muted","fontSize":"extra-small"} -->
    58 <p class="origin-canvas-mono has-text-muted-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'single', 'origin-canvas' ); ?></p>
     53<div class="wp-block-group" style="margin-top:13px"><!-- wp:paragraph {"style":{"typography":{"fontSize":"0.9375rem","fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast"} -->
     54<p class="has-contrast-color has-text-color" style="margin-top:0;margin-bottom:0;font-size:0.9375rem;font-weight:600"><?php echo esc_html__( 'Single Post', 'origin-canvas' ); ?></p>
     55<!-- /wp:paragraph -->
     56
     57<!-- wp:paragraph {"className":"origin-canvas-mono","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-3","fontSize":"extra-small"} -->
     58<p class="origin-canvas-mono has-contrast-3-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'single', 'origin-canvas' ); ?></p>
    5959<!-- /wp:paragraph --></div>
    6060<!-- /wp:group --></div>
    … …  
    7979
    8080<!-- wp:group {"style":{"spacing":{"margin":{"top":"13px"}}},"layout":{"type":"flex","justifyContent":"space-between","verticalAlignment":"bottom"}} -->
    81 <div class="wp-block-group" style="margin-top:13px"><!-- wp:paragraph {"style":{"typography":{"fontSize":"0.9375rem","fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-heading"} -->
    82 <p class="has-text-heading-color has-text-color" style="margin-top:0;margin-bottom:0;font-size:0.9375rem;font-weight:600"><?php echo esc_html__( 'Right Sidebar', 'origin-canvas' ); ?></p>
    83 <!-- /wp:paragraph -->
    84 
    85 <!-- wp:paragraph {"className":"origin-canvas-mono","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-muted","fontSize":"extra-small"} -->
    86 <p class="origin-canvas-mono has-text-muted-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'page-right-sidebar', 'origin-canvas' ); ?></p>
     81<div class="wp-block-group" style="margin-top:13px"><!-- wp:paragraph {"style":{"typography":{"fontSize":"0.9375rem","fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast"} -->
     82<p class="has-contrast-color has-text-color" style="margin-top:0;margin-bottom:0;font-size:0.9375rem;font-weight:600"><?php echo esc_html__( 'Right Sidebar', 'origin-canvas' ); ?></p>
     83<!-- /wp:paragraph -->
     84
     85<!-- wp:paragraph {"className":"origin-canvas-mono","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-3","fontSize":"extra-small"} -->
     86<p class="origin-canvas-mono has-contrast-3-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'page-right-sidebar', 'origin-canvas' ); ?></p>
    8787<!-- /wp:paragraph --></div>
    8888<!-- /wp:group --></div>
    … …  
    107107
    108108<!-- wp:group {"style":{"spacing":{"margin":{"top":"13px"}}},"layout":{"type":"flex","justifyContent":"space-between","verticalAlignment":"bottom"}} -->
    109 <div class="wp-block-group" style="margin-top:13px"><!-- wp:paragraph {"style":{"typography":{"fontSize":"0.9375rem","fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-heading"} -->
    110 <p class="has-text-heading-color has-text-color" style="margin-top:0;margin-bottom:0;font-size:0.9375rem;font-weight:600"><?php echo esc_html__( 'Left Sidebar', 'origin-canvas' ); ?></p>
    111 <!-- /wp:paragraph -->
    112 
    113 <!-- wp:paragraph {"className":"origin-canvas-mono","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-muted","fontSize":"extra-small"} -->
    114 <p class="origin-canvas-mono has-text-muted-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'page-left-sidebar', 'origin-canvas' ); ?></p>
     109<div class="wp-block-group" style="margin-top:13px"><!-- wp:paragraph {"style":{"typography":{"fontSize":"0.9375rem","fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast"} -->
     110<p class="has-contrast-color has-text-color" style="margin-top:0;margin-bottom:0;font-size:0.9375rem;font-weight:600"><?php echo esc_html__( 'Left Sidebar', 'origin-canvas' ); ?></p>
     111<!-- /wp:paragraph -->
     112
     113<!-- wp:paragraph {"className":"origin-canvas-mono","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-3","fontSize":"extra-small"} -->
     114<p class="origin-canvas-mono has-contrast-3-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'page-left-sidebar', 'origin-canvas' ); ?></p>
    115115<!-- /wp:paragraph --></div>
    116116<!-- /wp:group --></div>
    … …  
    133133
    134134<!-- wp:group {"style":{"spacing":{"margin":{"top":"13px"}}},"layout":{"type":"flex","justifyContent":"space-between","verticalAlignment":"bottom"}} -->
    135 <div class="wp-block-group" style="margin-top:13px"><!-- wp:paragraph {"style":{"typography":{"fontSize":"0.9375rem","fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-heading"} -->
    136 <p class="has-text-heading-color has-text-color" style="margin-top:0;margin-bottom:0;font-size:0.9375rem;font-weight:600"><?php echo esc_html__( 'Page, Wide', 'origin-canvas' ); ?></p>
    137 <!-- /wp:paragraph -->
    138 
    139 <!-- wp:paragraph {"className":"origin-canvas-mono","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-muted","fontSize":"extra-small"} -->
    140 <p class="origin-canvas-mono has-text-muted-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'page-wide', 'origin-canvas' ); ?></p>
     135<div class="wp-block-group" style="margin-top:13px"><!-- wp:paragraph {"style":{"typography":{"fontSize":"0.9375rem","fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast"} -->
     136<p class="has-contrast-color has-text-color" style="margin-top:0;margin-bottom:0;font-size:0.9375rem;font-weight:600"><?php echo esc_html__( 'Page, Wide', 'origin-canvas' ); ?></p>
     137<!-- /wp:paragraph -->
     138
     139<!-- wp:paragraph {"className":"origin-canvas-mono","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-3","fontSize":"extra-small"} -->
     140<p class="origin-canvas-mono has-contrast-3-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'page-wide', 'origin-canvas' ); ?></p>
    141141<!-- /wp:paragraph --></div>
    142142<!-- /wp:group --></div>
    … …  
    169169
    170170<!-- wp:group {"style":{"spacing":{"margin":{"top":"13px"}}},"layout":{"type":"flex","justifyContent":"space-between","verticalAlignment":"bottom"}} -->
    171 <div class="wp-block-group" style="margin-top:13px"><!-- wp:paragraph {"style":{"typography":{"fontSize":"0.9375rem","fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-heading"} -->
    172 <p class="has-text-heading-color has-text-color" style="margin-top:0;margin-bottom:0;font-size:0.9375rem;font-weight:600"><?php echo esc_html__( 'Archive', 'origin-canvas' ); ?></p>
    173 <!-- /wp:paragraph -->
    174 
    175 <!-- wp:paragraph {"className":"origin-canvas-mono","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-muted","fontSize":"extra-small"} -->
    176 <p class="origin-canvas-mono has-text-muted-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'archive', 'origin-canvas' ); ?></p>
     171<div class="wp-block-group" style="margin-top:13px"><!-- wp:paragraph {"style":{"typography":{"fontSize":"0.9375rem","fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast"} -->
     172<p class="has-contrast-color has-text-color" style="margin-top:0;margin-bottom:0;font-size:0.9375rem;font-weight:600"><?php echo esc_html__( 'Archive', 'origin-canvas' ); ?></p>
     173<!-- /wp:paragraph -->
     174
     175<!-- wp:paragraph {"className":"origin-canvas-mono","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-3","fontSize":"extra-small"} -->
     176<p class="origin-canvas-mono has-contrast-3-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'archive', 'origin-canvas' ); ?></p>
    177177<!-- /wp:paragraph --></div>
    178178<!-- /wp:group --></div>
    … …  
    201201
    202202<!-- wp:group {"style":{"spacing":{"margin":{"top":"13px"}}},"layout":{"type":"flex","justifyContent":"space-between","verticalAlignment":"bottom"}} -->
    203 <div class="wp-block-group" style="margin-top:13px"><!-- wp:paragraph {"style":{"typography":{"fontSize":"0.9375rem","fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-heading"} -->
    204 <p class="has-text-heading-color has-text-color" style="margin-top:0;margin-bottom:0;font-size:0.9375rem;font-weight:600"><?php echo esc_html__( 'Home / Blog', 'origin-canvas' ); ?></p>
    205 <!-- /wp:paragraph -->
    206 
    207 <!-- wp:paragraph {"className":"origin-canvas-mono","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-muted","fontSize":"extra-small"} -->
    208 <p class="origin-canvas-mono has-text-muted-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'index', 'origin-canvas' ); ?></p>
     203<div class="wp-block-group" style="margin-top:13px"><!-- wp:paragraph {"style":{"typography":{"fontSize":"0.9375rem","fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast"} -->
     204<p class="has-contrast-color has-text-color" style="margin-top:0;margin-bottom:0;font-size:0.9375rem;font-weight:600"><?php echo esc_html__( 'Home / Blog', 'origin-canvas' ); ?></p>
     205<!-- /wp:paragraph -->
     206
     207<!-- wp:paragraph {"className":"origin-canvas-mono","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-3","fontSize":"extra-small"} -->
     208<p class="origin-canvas-mono has-contrast-3-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'index', 'origin-canvas' ); ?></p>
    209209<!-- /wp:paragraph --></div>
    210210<!-- /wp:group --></div>
    … …  
    213213
    214214<!-- wp:group {"align":"wide","style":{"spacing":{"margin":{"top":"var:preset|spacing|large"}}},"layout":{"type":"default"}} -->
    215 <div class="wp-block-group alignwide" style="margin-top:var(--wp--preset--spacing--large)"><!-- wp:paragraph {"className":"origin-canvas-mono","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-muted","fontSize":"extra-small"} -->
    216 <p class="origin-canvas-mono has-text-muted-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( '6 of 12 templates shown', 'origin-canvas' ); ?></p>
     215<div class="wp-block-group alignwide" style="margin-top:var(--wp--preset--spacing--large)"><!-- wp:paragraph {"className":"origin-canvas-mono","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-3","fontSize":"extra-small"} -->
     216<p class="origin-canvas-mono has-contrast-3-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( '6 of 12 templates shown', 'origin-canvas' ); ?></p>
    217217<!-- /wp:paragraph --></div>
    218218<!-- /wp:group --></section>

  • origin-canvas/1.4.3/patterns/testimonial-grid.php

    r347102 r356743  
    1616?>
    1717<!-- wp:group {"tagName":"section","align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|jumbo","bottom":"var:preset|spacing|jumbo"},"blockGap":"var:preset|spacing|huge"}},"layout":{"type":"constrained"}} -->
    18 <section class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--jumbo);padding-bottom:var(--wp--preset--spacing--jumbo)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|medium","margin":{"bottom":"var:preset|spacing|huge"}}},"layout":{"type":"constrained","contentSize":"720px"}} -->
    19 <div class="wp-block-group" style="margin-bottom:var(--wp--preset--spacing--huge)"><!-- wp:paragraph {"align":"center","style":{"typography":{"textTransform":"uppercase","fontWeight":"600","letterSpacing":"0.08em"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}}},"textColor":"primary","fontSize":"extra-small"} -->
    20 <p class="has-text-align-center has-primary-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium);font-weight:600;letter-spacing:0.08em;text-transform:uppercase"><?php echo esc_html__( 'Testimonials', 'origin-canvas' ); ?></p>
     18<section class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--jumbo);padding-bottom:var(--wp--preset--spacing--jumbo)"><!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"var:preset|spacing|medium","margin":{"bottom":"var:preset|spacing|huge"}}},"layout":{"type":"constrained"}} -->
     19<div class="wp-block-group alignwide" style="margin-bottom:var(--wp--preset--spacing--huge)"><!-- wp:paragraph {"className":"origin-canvas-eyebrow","style":{"typography":{"textTransform":"uppercase","fontWeight":"600","letterSpacing":"0.06em","textAlign":"center"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}}},"textColor":"primary","fontSize":"extra-small"} -->
     20<p class="origin-canvas-eyebrow has-text-align-center has-primary-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium);font-weight:600;letter-spacing:0.06em;text-transform:uppercase"><?php echo esc_html__( 'Testimonials', 'origin-canvas' ); ?></p>
    2121<!-- /wp:paragraph -->
    2222
    23 <!-- wp:heading {"textAlign":"center","level":2,"style":{"spacing":{"margin":{"top":"var:preset|spacing|medium","bottom":"0"}}},"fontSize":"display"} -->
    24 <h2 class="wp-block-heading has-text-align-center has-display-font-size" style="margin-top:var(--wp--preset--spacing--medium);margin-bottom:0"><?php echo esc_html__( 'What clients say', 'origin-canvas' ); ?></h2>
     23<!-- wp:heading {"level":2,"align":"wide","style":{"spacing":{"margin":{"top":"var:preset|spacing|medium","bottom":"0"}},"typography":{"textAlign":"center"}},"fontSize":"display"} -->
     24<h2 class="wp-block-heading has-text-align-center alignwide has-display-font-size" style="margin-top:var(--wp--preset--spacing--medium);margin-bottom:0"><?php echo esc_html__( 'What clients say', 'origin-canvas' ); ?></h2>
    2525<!-- /wp:heading --></div>
    2626<!-- /wp:group -->
    … …  
    2828<!-- wp:columns {"align":"wide","verticalAlignment":"stretch","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|large","left":"var:preset|spacing|large"}}}} -->
    2929<div class="wp-block-columns alignwide are-vertically-aligned-stretch"><!-- wp:column {"verticalAlignment":"stretch"} -->
    30 <div class="wp-block-column is-vertically-aligned-stretch"><!-- wp:group {"style":{"border":{"color":"var:preset|color|border","radius":"var:custom|radius|medium","width":"1px"},"spacing":{"padding":{"top":"var:preset|spacing|extra-large","right":"var:preset|spacing|extra-large","bottom":"var:preset|spacing|extra-large","left":"var:preset|spacing|extra-large"},"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"},"className":"origin-canvas-testimonial-card"} -->
    31 <div class="wp-block-group origin-canvas-testimonial-card has-border-color" style="border-color:var(--wp--preset--color--border);border-width:1px;border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--extra-large);padding-right:var(--wp--preset--spacing--extra-large);padding-bottom:var(--wp--preset--spacing--extra-large);padding-left:var(--wp--preset--spacing--extra-large)"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"500","lineHeight":"1.55"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-heading","fontSize":"regular-plus"} -->
    32 <p class="has-text-heading-color has-text-color has-regular-plus-font-size" style="margin-top:0;margin-bottom:0;font-weight:500;line-height:1.55"><?php echo esc_html__( '&#8220;Six weeks, three rounds, and a brand we can actually grow into. Easy to brief and easier to live with.&#8221;', 'origin-canvas' ); ?></p>
     30<div class="wp-block-column is-vertically-aligned-stretch"><!-- wp:group {"style":{"dimensions":{"minHeight":"100%"},"border":{"color":"var:preset|color|base-5","radius":"var:custom|radius|medium","width":"1px"},"spacing":{"padding":{"top":"var:preset|spacing|extra-large","right":"var:preset|spacing|extra-large","bottom":"var:preset|spacing|extra-large","left":"var:preset|spacing|extra-large"},"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
     31<div class="wp-block-group has-border-color" style="border-color:var(--wp--preset--color--base-5);border-width:1px;border-radius:var(--wp--custom--radius--medium);min-height:100%;padding-top:var(--wp--preset--spacing--extra-large);padding-right:var(--wp--preset--spacing--extra-large);padding-bottom:var(--wp--preset--spacing--extra-large);padding-left:var(--wp--preset--spacing--extra-large)"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"500","lineHeight":"1.55"},"spacing":{"margin":{"top":"0","bottom":"0"}},"layout":{"selfStretch":"fill"}},"textColor":"contrast","fontSize":"regular-plus"} -->
     32<p class="has-contrast-color has-text-color has-regular-plus-font-size" style="margin-top:0;margin-bottom:0;font-weight:500;line-height:1.55"><?php echo esc_html__( '&#8220;Four weeks, three rounds, and a brand we can actually grow into. Easy to brief and easier to live with.&#8221;', 'origin-canvas' ); ?></p>
    3333<!-- /wp:paragraph -->
    3434
    35 <!-- wp:group {"style":{"border":{"top":{"color":"var:preset|color|border","style":"solid","width":"1px"}},"spacing":{"padding":{"top":"var:preset|spacing|large"},"margin":{"top":"var:preset|spacing|large"},"blockGap":"var:preset|spacing|compact"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"center"}} -->
    36 <div class="wp-block-group" style="border-top-color:var(--wp--preset--color--border);border-top-style:solid;border-top-width:1px;margin-top:var(--wp--preset--spacing--large);padding-top:var(--wp--preset--spacing--large)"><!-- wp:image {"aspectRatio":"1","scale":"cover","width":"48px","height":"48px","sizeSlug":"full","linkDestination":"none","className":"is-style-origin-canvas-rounded-full"} -->
    37 <figure class="wp-block-image size-full is-resized is-style-origin-canvas-rounded-full"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/avatar-sarah-jenkins.webp" alt="<?php esc_attr_e( 'Portrait of Sarah Jenkins, Founder of Hartwell Tea Co.', 'origin-canvas' ); ?>" style="aspect-ratio:1;object-fit:cover;width:48px;height:48px"/></figure>
     35<!-- wp:group {"style":{"border":{"top":{"color":"var:preset|color|base-5","style":"solid","width":"1px"}},"spacing":{"padding":{"top":"var:preset|spacing|large"},"margin":{"top":"var:preset|spacing|large"},"blockGap":"var:preset|spacing|small-medium"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"center"}} -->
     36<div class="wp-block-group" style="border-top-color:var(--wp--preset--color--base-5);border-top-style:solid;border-top-width:1px;margin-top:var(--wp--preset--spacing--large);padding-top:var(--wp--preset--spacing--large)"><!-- wp:image {"aspectRatio":"1","scale":"cover","width":"48px","height":"48px","sizeSlug":"full","linkDestination":"none","className":"is-style-origin-canvas-rounded-full"} -->
     37<figure class="wp-block-image size-full is-resized is-style-origin-canvas-rounded-full"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/avatar-owen-parry.webp" alt="<?php esc_attr_e( 'Portrait of Owen Parker, Clinic Director of Kestrel Physical Therapy.', 'origin-canvas' ); ?>" style="aspect-ratio:1;object-fit:cover;width:48px;height:48px"/></figure>
    3838<!-- /wp:image -->
    3939
    40 <!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained"}} -->
    41 <div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-heading","fontSize":"regular"} -->
    42 <p class="has-text-heading-color has-text-color has-regular-font-size" style="margin-top:0;margin-bottom:0;font-weight:600"><?php echo esc_html__( 'Sarah Jenkins', 'origin-canvas' ); ?></p>
     40<!-- wp:group {"style":{"spacing":{"blockGap":"0"},"dimensions":{"minHeight":"66px"}},"layout":{"type":"flex","orientation":"vertical","verticalAlignment":"center"}} -->
     41<div class="wp-block-group" style="min-height:66px"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast","fontSize":"regular"} -->
     42<p class="has-contrast-color has-text-color has-regular-font-size" style="margin-top:0;margin-bottom:0;font-weight:600"><?php echo esc_html__( 'Owen Parker', 'origin-canvas' ); ?></p>
    4343<!-- /wp:paragraph -->
    4444
    45 <!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-body","fontSize":"small"} -->
    46 <p class="has-text-body-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Founder, Hartwell Tea Co.', 'origin-canvas' ); ?></p>
     45<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontWeight":"500"}},"textColor":"contrast-3","fontSize":"small"} -->
     46<p class="has-contrast-3-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:500"><?php echo esc_html__( 'Kestrel Physical Therapy', 'origin-canvas' ); ?></p>
    4747<!-- /wp:paragraph --></div>
    4848<!-- /wp:group --></div>
    … …  
    5252
    5353<!-- wp:column {"verticalAlignment":"stretch"} -->
    54 <div class="wp-block-column is-vertically-aligned-stretch"><!-- wp:group {"style":{"border":{"color":"var:preset|color|border","radius":"var:custom|radius|medium","width":"1px"},"spacing":{"padding":{"top":"var:preset|spacing|extra-large","right":"var:preset|spacing|extra-large","bottom":"var:preset|spacing|extra-large","left":"var:preset|spacing|extra-large"},"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"},"className":"origin-canvas-testimonial-card"} -->
    55 <div class="wp-block-group origin-canvas-testimonial-card has-border-color" style="border-color:var(--wp--preset--color--border);border-width:1px;border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--extra-large);padding-right:var(--wp--preset--spacing--extra-large);padding-bottom:var(--wp--preset--spacing--extra-large);padding-left:var(--wp--preset--spacing--extra-large)"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"500","lineHeight":"1.55"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-heading","fontSize":"regular-plus"} -->
    56 <p class="has-text-heading-color has-text-color has-regular-plus-font-size" style="margin-top:0;margin-bottom:0;font-weight:500;line-height:1.55"><?php echo esc_html__( '&#8220;The site is fast, it ranks, and our team updates it without calling anyone. Exactly what we asked for.&#8221;', 'origin-canvas' ); ?></p>
     54<div class="wp-block-column is-vertically-aligned-stretch"><!-- wp:group {"style":{"dimensions":{"minHeight":"100%"},"border":{"color":"var:preset|color|base-5","radius":"var:custom|radius|medium","width":"1px"},"spacing":{"padding":{"top":"var:preset|spacing|extra-large","right":"var:preset|spacing|extra-large","bottom":"var:preset|spacing|extra-large","left":"var:preset|spacing|extra-large"},"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
     55<div class="wp-block-group has-border-color" style="border-color:var(--wp--preset--color--base-5);border-width:1px;border-radius:var(--wp--custom--radius--medium);min-height:100%;padding-top:var(--wp--preset--spacing--extra-large);padding-right:var(--wp--preset--spacing--extra-large);padding-bottom:var(--wp--preset--spacing--extra-large);padding-left:var(--wp--preset--spacing--extra-large)"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"500","lineHeight":"1.55"},"spacing":{"margin":{"top":"0","bottom":"0"}},"layout":{"selfStretch":"fill"}},"textColor":"contrast","fontSize":"regular-plus"} -->
     56<p class="has-contrast-color has-text-color has-regular-plus-font-size" style="margin-top:0;margin-bottom:0;font-weight:500;line-height:1.55"><?php echo esc_html__( '&#8220;The site is fast, it ranks, and our team updates it without calling anyone. Exactly what we asked for.&#8221;', 'origin-canvas' ); ?></p>
    5757<!-- /wp:paragraph -->
    5858
    59 <!-- wp:group {"style":{"border":{"top":{"color":"var:preset|color|border","style":"solid","width":"1px"}},"spacing":{"padding":{"top":"var:preset|spacing|large"},"margin":{"top":"var:preset|spacing|large"},"blockGap":"var:preset|spacing|compact"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"center"}} -->
    60 <div class="wp-block-group" style="border-top-color:var(--wp--preset--color--border);border-top-style:solid;border-top-width:1px;margin-top:var(--wp--preset--spacing--large);padding-top:var(--wp--preset--spacing--large)"><!-- wp:image {"aspectRatio":"1","scale":"cover","width":"48px","height":"48px","sizeSlug":"full","linkDestination":"none","className":"is-style-origin-canvas-rounded-full"} -->
    61 <figure class="wp-block-image size-full is-resized is-style-origin-canvas-rounded-full"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/avatar-michael-hughes.webp" alt="<?php esc_attr_e( 'Portrait of Michael Hughes, Director of Westmount Property.', 'origin-canvas' ); ?>" style="aspect-ratio:1;object-fit:cover;width:48px;height:48px"/></figure>
     59<!-- wp:group {"style":{"border":{"top":{"color":"var:preset|color|base-5","style":"solid","width":"1px"}},"spacing":{"padding":{"top":"var:preset|spacing|large"},"margin":{"top":"var:preset|spacing|large"},"blockGap":"var:preset|spacing|small-medium"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"center"}} -->
     60<div class="wp-block-group" style="border-top-color:var(--wp--preset--color--base-5);border-top-style:solid;border-top-width:1px;margin-top:var(--wp--preset--spacing--large);padding-top:var(--wp--preset--spacing--large)"><!-- wp:image {"aspectRatio":"1","scale":"cover","width":"48px","height":"48px","sizeSlug":"full","linkDestination":"none","className":"is-style-origin-canvas-rounded-full"} -->
     61<figure class="wp-block-image size-full is-resized is-style-origin-canvas-rounded-full"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/avatar-joanna-pryce.webp" alt="<?php esc_attr_e( 'Portrait of Joanna Price, Managing Partner of Clearwater Accounting.', 'origin-canvas' ); ?>" style="aspect-ratio:1;object-fit:cover;width:48px;height:48px"/></figure>
    6262<!-- /wp:image -->
    6363
    64 <!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained"}} -->
    65 <div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-heading","fontSize":"regular"} -->
    66 <p class="has-text-heading-color has-text-color has-regular-font-size" style="margin-top:0;margin-bottom:0;font-weight:600"><?php echo esc_html__( 'Michael Hughes', 'origin-canvas' ); ?></p>
     64<!-- wp:group {"style":{"spacing":{"blockGap":"0"},"dimensions":{"minHeight":"66px"}},"layout":{"type":"flex","orientation":"vertical","verticalAlignment":"center"}} -->
     65<div class="wp-block-group" style="min-height:66px"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast","fontSize":"regular"} -->
     66<p class="has-contrast-color has-text-color has-regular-font-size" style="margin-top:0;margin-bottom:0;font-weight:600"><?php echo esc_html__( 'Joanna Price', 'origin-canvas' ); ?></p>
    6767<!-- /wp:paragraph -->
    6868
    69 <!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-body","fontSize":"small"} -->
    70 <p class="has-text-body-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Director, Westmount Property', 'origin-canvas' ); ?></p>
     69<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontWeight":"500"}},"textColor":"contrast-3","fontSize":"small"} -->
     70<p class="has-contrast-3-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:500"><?php echo esc_html__( 'Clearwater Accounting', 'origin-canvas' ); ?></p>
    7171<!-- /wp:paragraph --></div>
    7272<!-- /wp:group --></div>
    … …  
    7676
    7777<!-- wp:column {"verticalAlignment":"stretch"} -->
    78 <div class="wp-block-column is-vertically-aligned-stretch"><!-- wp:group {"style":{"border":{"color":"var:preset|color|border","radius":"var:custom|radius|medium","width":"1px"},"spacing":{"padding":{"top":"var:preset|spacing|extra-large","right":"var:preset|spacing|extra-large","bottom":"var:preset|spacing|extra-large","left":"var:preset|spacing|extra-large"},"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"},"className":"origin-canvas-testimonial-card"} -->
    79 <div class="wp-block-group origin-canvas-testimonial-card has-border-color" style="border-color:var(--wp--preset--color--border);border-width:1px;border-radius:var(--wp--custom--radius--medium);padding-top:var(--wp--preset--spacing--extra-large);padding-right:var(--wp--preset--spacing--extra-large);padding-bottom:var(--wp--preset--spacing--extra-large);padding-left:var(--wp--preset--spacing--extra-large)"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"500","lineHeight":"1.55"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-heading","fontSize":"regular-plus"} -->
    80 <p class="has-text-heading-color has-text-color has-regular-plus-font-size" style="margin-top:0;margin-bottom:0;font-weight:500;line-height:1.55"><?php echo esc_html__( '&#8220;A single page that does more work than our old five. They left out everything that was not earning its place.&#8221;', 'origin-canvas' ); ?></p>
     78<div class="wp-block-column is-vertically-aligned-stretch"><!-- wp:group {"style":{"dimensions":{"minHeight":"100%"},"border":{"color":"var:preset|color|base-5","radius":"var:custom|radius|medium","width":"1px"},"spacing":{"padding":{"top":"var:preset|spacing|extra-large","right":"var:preset|spacing|extra-large","bottom":"var:preset|spacing|extra-large","left":"var:preset|spacing|extra-large"},"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
     79<div class="wp-block-group has-border-color" style="border-color:var(--wp--preset--color--base-5);border-width:1px;border-radius:var(--wp--custom--radius--medium);min-height:100%;padding-top:var(--wp--preset--spacing--extra-large);padding-right:var(--wp--preset--spacing--extra-large);padding-bottom:var(--wp--preset--spacing--extra-large);padding-left:var(--wp--preset--spacing--extra-large)"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"500","lineHeight":"1.55"},"spacing":{"margin":{"top":"0","bottom":"0"}},"layout":{"selfStretch":"fill"}},"textColor":"contrast","fontSize":"regular-plus"} -->
     80<p class="has-contrast-color has-text-color has-regular-plus-font-size" style="margin-top:0;margin-bottom:0;font-weight:500;line-height:1.55"><?php echo esc_html__( '&#8220;A single page that does more work than our old five. They left out everything that was not earning its place.&#8221;', 'origin-canvas' ); ?></p>
    8181<!-- /wp:paragraph -->
    8282
    83 <!-- wp:group {"style":{"border":{"top":{"color":"var:preset|color|border","style":"solid","width":"1px"}},"spacing":{"padding":{"top":"var:preset|spacing|large"},"margin":{"top":"var:preset|spacing|large"},"blockGap":"var:preset|spacing|compact"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"center"}} -->
    84 <div class="wp-block-group" style="border-top-color:var(--wp--preset--color--border);border-top-style:solid;border-top-width:1px;margin-top:var(--wp--preset--spacing--large);padding-top:var(--wp--preset--spacing--large)"><!-- wp:image {"aspectRatio":"1","scale":"cover","width":"48px","height":"48px","sizeSlug":"full","linkDestination":"none","className":"is-style-origin-canvas-rounded-full"} -->
    85 <figure class="wp-block-image size-full is-resized is-style-origin-canvas-rounded-full"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/avatar-emma-whitaker.webp" alt="<?php esc_attr_e( 'Portrait of Emma Whitaker, Owner of Linden &amp; Lark Florist.', 'origin-canvas' ); ?>" style="aspect-ratio:1;object-fit:cover;width:48px;height:48px"/></figure>
     83<!-- wp:group {"style":{"border":{"top":{"color":"var:preset|color|base-5","style":"solid","width":"1px"}},"spacing":{"padding":{"top":"var:preset|spacing|large"},"margin":{"top":"var:preset|spacing|large"},"blockGap":"var:preset|spacing|small-medium"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"center"}} -->
     84<div class="wp-block-group" style="border-top-color:var(--wp--preset--color--base-5);border-top-style:solid;border-top-width:1px;margin-top:var(--wp--preset--spacing--large);padding-top:var(--wp--preset--spacing--large)"><!-- wp:image {"aspectRatio":"1","scale":"cover","width":"48px","height":"48px","sizeSlug":"full","linkDestination":"none","className":"is-style-origin-canvas-rounded-full"} -->
     85<figure class="wp-block-image size-full is-resized is-style-origin-canvas-rounded-full"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/avatar-ruth-mason.webp" alt="<?php esc_attr_e( 'Portrait of Ruth Mason, Practice Manager at Calder Veterinary Clinic.', 'origin-canvas' ); ?>" style="aspect-ratio:1;object-fit:cover;width:48px;height:48px"/></figure>
    8686<!-- /wp:image -->
    8787
    88 <!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained"}} -->
    89 <div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-heading","fontSize":"regular"} -->
    90 <p class="has-text-heading-color has-text-color has-regular-font-size" style="margin-top:0;margin-bottom:0;font-weight:600"><?php echo esc_html__( 'Emma Whitaker', 'origin-canvas' ); ?></p>
     88<!-- wp:group {"style":{"spacing":{"blockGap":"0"},"dimensions":{"minHeight":"66px"}},"layout":{"type":"flex","orientation":"vertical","verticalAlignment":"center"}} -->
     89<div class="wp-block-group" style="min-height:66px"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast","fontSize":"regular"} -->
     90<p class="has-contrast-color has-text-color has-regular-font-size" style="margin-top:0;margin-bottom:0;font-weight:600"><?php echo esc_html__( 'Ruth Mason', 'origin-canvas' ); ?></p>
    9191<!-- /wp:paragraph -->
    9292
    93 <!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-body","fontSize":"small"} -->
    94 <p class="has-text-body-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Owner, Linden & Lark Florist', 'origin-canvas' ); ?></p>
     93<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontWeight":"500"}},"textColor":"contrast-3","fontSize":"small"} -->
     94<p class="has-contrast-3-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:500"><?php echo esc_html__( 'Calder Veterinary Clinic', 'origin-canvas' ); ?></p>
    9595<!-- /wp:paragraph --></div>
    9696<!-- /wp:group --></div>

  • origin-canvas/1.4.3/patterns/testimonial-highlight.php

    r347102 r356743  
    11<?php
    22/**
    3  * Title: Testimonial Highlight
     3 * Title: Testimonial
    44 * Slug: origin-canvas/testimonial-highlight
    5  * Description: A single highlighted testimonial quote with author attribution.
     5 * Description: A centered quote with no background, with a short label above and the author photo, name and role beneath.
    66 * Categories: testimonials
    77 * Keywords: review, featured, endorsement, pullquote
    … …  
    1515
    1616?>
    17 <!-- wp:group {"tagName":"section","align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"}}},"layout":{"type":"constrained","contentSize":"880px"}} -->
    18 <section class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:group {"layout":{"type":"constrained","contentSize":"880px"}} -->
    19 <div class="wp-block-group"><!-- wp:paragraph {"align":"center","style":{"typography":{"textTransform":"uppercase","fontWeight":"600","letterSpacing":"0.08em"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}}},"textColor":"primary","fontSize":"small"} -->
    20 <p class="has-text-align-center has-primary-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium);font-weight:600;letter-spacing:0.08em;text-transform:uppercase"><?php echo esc_html__( 'From the people building with it', 'origin-canvas' ); ?></p>
     17<!-- wp:group {"tagName":"section","align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"}}},"layout":{"type":"constrained"}} -->
     18<section class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:group {"layout":{"type":"constrained"}} -->
     19<div class="wp-block-group"><!-- wp:paragraph {"className":"origin-canvas-eyebrow","style":{"typography":{"textTransform":"uppercase","fontWeight":"600","letterSpacing":"0.06em","textAlign":"center"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}}},"textColor":"primary","fontSize":"small"} -->
     20<p class="origin-canvas-eyebrow has-text-align-center has-primary-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium);font-weight:600;letter-spacing:0.06em;text-transform:uppercase"><?php echo esc_html__( 'From the people building with it', 'origin-canvas' ); ?></p>
    2121<!-- /wp:paragraph -->
    2222
    23 <!-- wp:paragraph {"align":"center","style":{"typography":{"fontWeight":"500","lineHeight":"1.4","letterSpacing":"-0.01em"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-heading","fontSize":"huge"} -->
    24 <p class="has-text-align-center has-text-heading-color has-text-color has-huge-font-size" style="margin-top:0;margin-bottom:0;font-weight:500;letter-spacing:-0.01em;line-height:1.4"><?php echo esc_html__( 'We have worked with bigger studios. None of them made the work feel this calm, or this much like ours.', 'origin-canvas' ); ?></p>
     23<!-- wp:paragraph {"style":{"typography":{"fontWeight":"500","lineHeight":"1.4","textAlign":"center"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast","fontSize":"huge"} -->
     24<p class="has-text-align-center has-contrast-color has-text-color has-huge-font-size" style="margin-top:0;margin-bottom:0;font-weight:500;line-height:1.4"><?php echo esc_html__( 'We have worked with bigger studios. None of them made the work feel this calm, or this much like ours.', 'origin-canvas' ); ?></p>
    2525<!-- /wp:paragraph -->
    2626
    27 <!-- wp:group {"style":{"spacing":{"blockGap":"16px","margin":{"top":"var:preset|spacing|extra-large"}}},"layout":{"type":"flex","justifyContent":"center","verticalAlignment":"center"}} -->
     27<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|medium","margin":{"top":"var:preset|spacing|extra-large"}}},"layout":{"type":"flex","justifyContent":"center","verticalAlignment":"center"}} -->
    2828<div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--extra-large)"><!-- wp:image {"aspectRatio":"1","linkDestination":"none","width":"48px","height":"48px","className":"is-style-origin-canvas-rounded-full"} -->
    29 <figure class="wp-block-image is-resized is-style-origin-canvas-rounded-full"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/avatar-michael-hughes.webp" alt="<?php esc_attr_e( 'Portrait of Michael Hughes, Director of Westmount Property.', 'origin-canvas' ); ?>" style="aspect-ratio:1;width:48px;height:48px"/></figure>
     29<figure class="wp-block-image is-resized is-style-origin-canvas-rounded-full"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/avatar-michael-hughes.webp" alt="<?php esc_attr_e( 'Portrait of Michael Hughes, Broker at Westmount Realty.', 'origin-canvas' ); ?>" style="aspect-ratio:1;width:48px;height:48px"/></figure>
    3030<!-- /wp:image -->
    3131
    3232<!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained"}} -->
    33 <div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600","letterSpacing":"-0.01em"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-heading","fontSize":"regular"} -->
    34 <p class="has-text-heading-color has-text-color has-regular-font-size" style="margin-top:0;margin-bottom:0;font-weight:600;letter-spacing:-0.01em"><?php echo esc_html__( 'Michael Hughes', 'origin-canvas' ); ?></p>
     33<div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast","fontSize":"regular"} -->
     34<p class="has-contrast-color has-text-color has-regular-font-size" style="margin-top:0;margin-bottom:0;font-weight:600"><?php echo esc_html__( 'Michael Hughes', 'origin-canvas' ); ?></p>
    3535<!-- /wp:paragraph -->
    3636
    37 <!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-muted","fontSize":"small"} -->
    38 <p class="has-text-muted-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Director, Westmount Property', 'origin-canvas' ); ?></p>
     37<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontWeight":"500"}},"textColor":"contrast-3","fontSize":"small"} -->
     38<p class="has-contrast-3-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:500"><?php echo esc_html__( 'Broker, Westmount Realty', 'origin-canvas' ); ?></p>
    3939<!-- /wp:paragraph --></div>
    4040<!-- /wp:group --></div>

  • origin-canvas/1.4.3/patterns/testimonial-single.php

    r347102 r356743  
    11<?php
    22/**
    3  * Title: Testimonial Single
     3 * Title: Testimonial Band Tinted
    44 * Slug: origin-canvas/testimonial-single
    5  * Description: A single centered testimonial quote with author attribution.
     5 * Description: A tinted band with a centered quote, and a portrait above the name and role.
    66 * Categories: testimonials
    77 * Keywords: client, review, praise, solo
    … …  
    1515
    1616?>
    17 <!-- wp:group {"tagName":"section","align":"full","backgroundColor":"surface-muted","style":{"spacing":{"padding":{"top":"var:preset|spacing|jumbo","bottom":"var:preset|spacing|jumbo"}}},"layout":{"type":"constrained","contentSize":"1200px"}} -->
    18 <section class="wp-block-group alignfull has-surface-muted-background-color has-background" style="padding-top:var(--wp--preset--spacing--jumbo);padding-bottom:var(--wp--preset--spacing--jumbo)"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|large"}},"layout":{"type":"constrained","contentSize":"880px"}} -->
    19 <div class="wp-block-group"><!-- wp:paragraph {"align":"center","style":{"typography":{"textTransform":"uppercase","fontWeight":"600","letterSpacing":"0.08em"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}}},"textColor":"primary","fontSize":"extra-small"} -->
    20 <p class="has-text-align-center has-primary-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium);font-weight:600;letter-spacing:0.08em;text-transform:uppercase"><?php echo esc_html__( 'In their words', 'origin-canvas' ); ?></p>
     17<!-- wp:group {"tagName":"section","align":"full","backgroundColor":"base-2","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"}}},"layout":{"type":"constrained"}} -->
     18<section class="wp-block-group alignfull has-base-2-background-color has-background" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"var:preset|spacing|large"}},"layout":{"type":"constrained","justifyContent":"center"}} -->
     19<div class="wp-block-group alignwide"><!-- wp:paragraph {"className":"origin-canvas-eyebrow","style":{"typography":{"textTransform":"uppercase","fontWeight":"600","letterSpacing":"0.06em","textAlign":"center"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}}},"textColor":"primary","fontSize":"extra-small"} -->
     20<p class="origin-canvas-eyebrow has-text-align-center has-primary-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium);font-weight:600;letter-spacing:0.06em;text-transform:uppercase"><?php echo esc_html__( 'In their words', 'origin-canvas' ); ?></p>
    2121<!-- /wp:paragraph -->
    2222
    … …  
    2525<!-- /wp:group -->
    2626
    27 <!-- wp:paragraph {"align":"center","style":{"typography":{"lineHeight":"1.35","fontWeight":"500","letterSpacing":"-0.01em"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-heading","fontSize":"huge"} -->
    28 <p class="has-text-align-center has-text-heading-color has-text-color has-huge-font-size" style="margin-top:0;margin-bottom:0;font-weight:500;letter-spacing:-0.01em;line-height:1.35"><?php echo esc_html__( 'They asked the questions our last designer didn\'t. The site finally feels like ours, not a template we tried to make fit.', 'origin-canvas' ); ?></p>
     27<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.35","fontWeight":"500","textAlign":"center"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast","fontSize":"huge"} -->
     28<p class="has-text-align-center has-contrast-color has-text-color has-huge-font-size" style="margin-top:0;margin-bottom:0;font-weight:500;line-height:1.35"><?php echo esc_html__( 'They asked about our clients before they designed a thing. The site finally feels like ours.', 'origin-canvas' ); ?></p>
    2929<!-- /wp:paragraph -->
    3030
    3131<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|medium","margin":{"top":"var:preset|spacing|extra-large"}}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center","verticalAlignment":"center"}} -->
    3232<div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--extra-large)"><!-- wp:image {"aspectRatio":"1","scale":"cover","width":"64px","height":"64px","sizeSlug":"full","linkDestination":"none","className":"is-style-origin-canvas-rounded-full"} -->
    33 <figure class="wp-block-image size-full is-resized is-style-origin-canvas-rounded-full"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/avatar-sarah-jenkins.webp" alt="<?php esc_attr_e( 'Portrait of Sarah Jenkins, Founder of Hartwell Tea Co.', 'origin-canvas' ); ?>" style="aspect-ratio:1;object-fit:cover;width:64px;height:64px"/></figure>
     33<figure class="wp-block-image size-full is-resized is-style-origin-canvas-rounded-full"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/avatar-catherine-rowe.webp" alt="<?php esc_attr_e( 'Portrait of Catherine Rowe, Partner at Ashby &amp; Rowe Law.', 'origin-canvas' ); ?>" style="aspect-ratio:1;object-fit:cover;width:64px;height:64px"/></figure>
    3434<!-- /wp:image -->
    3535
    3636<!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained"}} -->
    37 <div class="wp-block-group"><!-- wp:paragraph {"align":"center","style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-heading","fontSize":"regular"} -->
    38 <p class="has-text-align-center has-text-heading-color has-text-color has-regular-font-size" style="margin-top:0;margin-bottom:0;font-weight:600"><?php echo esc_html__( 'Sarah Jenkins', 'origin-canvas' ); ?></p>
     37<div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600","textAlign":"center"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast","fontSize":"regular"} -->
     38<p class="has-text-align-center has-contrast-color has-text-color has-regular-font-size" style="margin-top:0;margin-bottom:0;font-weight:600"><?php echo esc_html__( 'Catherine Rowe', 'origin-canvas' ); ?></p>
    3939<!-- /wp:paragraph -->
    4040
    41 <!-- wp:paragraph {"align":"center","style":{"spacing":{"margin":{"top":"var:preset|spacing|extra-small","bottom":"0"}}},"textColor":"text-body","fontSize":"small"} -->
    42 <p class="has-text-align-center has-text-body-color has-text-color has-small-font-size" style="margin-top:var(--wp--preset--spacing--extra-small);margin-bottom:0"><?php echo esc_html__( 'Founder, Hartwell Tea Co.', 'origin-canvas' ); ?></p>
     41<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"var:preset|spacing|extra-small","bottom":"0"}},"typography":{"fontWeight":"500","textAlign":"center"}},"textColor":"contrast-3","fontSize":"small"} -->
     42<p class="has-text-align-center has-contrast-3-color has-text-color has-small-font-size" style="margin-top:var(--wp--preset--spacing--extra-small);margin-bottom:0;font-weight:500"><?php echo esc_html__( 'Partner, Ashby &amp; Rowe Law', 'origin-canvas' ); ?></p>
    4343<!-- /wp:paragraph --></div>
    4444<!-- /wp:group --></div>

  • origin-canvas/1.4.3/patterns/testimonial-with-image.php

    r347102 r356743  
    1515
    1616?>
    17 <!-- wp:group {"tagName":"section","align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|huge","bottom":"var:preset|spacing|huge"}}},"layout":{"type":"constrained"}} -->
    18 <section class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--huge);padding-bottom:var(--wp--preset--spacing--huge)"><!-- wp:columns {"verticalAlignment":"center","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|extra-large","left":"var:preset|spacing|extra-large"}}}} -->
     17<!-- wp:group {"tagName":"section","align":"full","backgroundColor":"base-2","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"}}},"layout":{"type":"constrained"}} -->
     18<section class="wp-block-group alignfull has-base-2-background-color has-background" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:columns {"verticalAlignment":"center","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|extra-large","left":"var:preset|spacing|extra-large"}}}} -->
    1919<div class="wp-block-columns are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"180px"} -->
    2020<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:180px"><!-- wp:image {"aspectRatio":"1","scale":"cover","width":"180px","height":"180px","sizeSlug":"full","linkDestination":"none","className":"is-style-origin-canvas-rounded-full"} -->
    21 <figure class="wp-block-image size-full is-resized is-style-origin-canvas-rounded-full"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/avatar-emma-whitaker.webp" alt="<?php esc_attr_e( 'Portrait of Emma Whitaker, Owner of Linden &amp; Lark Florist.', 'origin-canvas' ); ?>" style="aspect-ratio:1;object-fit:cover;width:180px;height:180px"/></figure>
     21<figure class="wp-block-image size-full is-resized is-style-origin-canvas-rounded-full"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/avatar-rachel-moore.webp" alt="<?php esc_attr_e( 'Portrait of Rachel Moore, Owner of Mercer Street Framing.', 'origin-canvas' ); ?>" style="aspect-ratio:1;object-fit:cover;width:180px;height:180px"/></figure>
    2222<!-- /wp:image --></div>
    2323<!-- /wp:column -->
    … …  
    2929<!-- /wp:group -->
    3030
    31 <!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.4","fontWeight":"500","letterSpacing":"-0.01em"},"spacing":{"margin":{"top":"var:preset|spacing|medium","bottom":"var:preset|spacing|medium"}}},"textColor":"text-heading","fontSize":"large"} -->
    32 <p class="has-text-heading-color has-text-color has-large-font-size" style="margin-top:var(--wp--preset--spacing--medium);margin-bottom:var(--wp--preset--spacing--medium);font-weight:500;letter-spacing:-0.01em;line-height:1.4"><?php echo esc_html__( 'They sent invoices in plain English and launched on the day they said they would. That alone made the project feel calm.', 'origin-canvas' ); ?></p>
     31<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.4","fontWeight":"500"},"spacing":{"margin":{"top":"var:preset|spacing|medium","bottom":"var:preset|spacing|medium"}}},"textColor":"contrast","fontSize":"large"} -->
     32<p class="has-contrast-color has-text-color has-large-font-size" style="margin-top:var(--wp--preset--spacing--medium);margin-bottom:var(--wp--preset--spacing--medium);font-weight:500;line-height:1.4"><?php echo esc_html__( 'They sent invoices in plain English and launched on the day they said they would. That alone made the project feel calm.', 'origin-canvas' ); ?></p>
    3333<!-- /wp:paragraph -->
    3434
    35 <!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained"}} -->
    36 <div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-heading","fontSize":"regular"} -->
    37 <p class="has-text-heading-color has-text-color has-regular-font-size" style="margin-top:0;margin-bottom:0;font-weight:600"><?php echo esc_html__( 'Emma Whitaker', 'origin-canvas' ); ?></p>
     35<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|medium"}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between","verticalAlignment":"bottom"}} -->
     36<div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained"}} -->
     37<div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast","fontSize":"regular"} -->
     38<p class="has-contrast-color has-text-color has-regular-font-size" style="margin-top:0;margin-bottom:0;font-weight:600"><?php echo esc_html__( 'Rachel Moore', 'origin-canvas' ); ?></p>
    3839<!-- /wp:paragraph -->
    3940
    40 <!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"var:preset|spacing|extra-small","bottom":"0"}}},"textColor":"text-body","fontSize":"small"} -->
    41 <p class="has-text-body-color has-text-color has-small-font-size" style="margin-top:var(--wp--preset--spacing--extra-small);margin-bottom:0"><?php echo esc_html__( 'Owner, Linden & Lark Florist', 'origin-canvas' ); ?></p>
     41<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"var:preset|spacing|extra-small","bottom":"0"}},"typography":{"fontWeight":"500"}},"textColor":"contrast-3","fontSize":"small"} -->
     42<p class="has-contrast-3-color has-text-color has-small-font-size" style="margin-top:var(--wp--preset--spacing--extra-small);margin-bottom:0;font-weight:500"><?php echo esc_html__( 'Owner, Mercer Street Framing', 'origin-canvas' ); ?></p>
    4243<!-- /wp:paragraph --></div>
    4344<!-- /wp:group -->
    4445
    45 <!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"var:preset|spacing|medium","bottom":"0"}}},"textColor":"text-heading","fontSize":"regular"} -->
    46 <p class="has-text-heading-color has-text-color has-regular-font-size" style="margin-top:var(--wp--preset--spacing--medium);margin-bottom:0;font-weight:600"><a href="#" style="text-decoration:none"><?php echo esc_html__( 'Read the case study', 'origin-canvas' ); ?> <span class="has-primary-color has-text-color" style="color:var(--wp--preset--color--primary)" aria-hidden="true">&rarr;</span></a></p>
     46<!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast","fontSize":"small"} -->
     47<p class="has-contrast-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:600"><a href="#" style="text-decoration:none"><?php echo esc_html__( 'Read the case study', 'origin-canvas' ); ?> <span aria-hidden="true">&rarr;</span></a></p>
    4748<!-- /wp:paragraph --></div>
     49<!-- /wp:group --></div>
    4850<!-- /wp:group --></div>
    4951<!-- /wp:column --></div>

  • origin-canvas/1.4.3/patterns/text-image-side.php

    r347102 r356743  
    11<?php
    22/**
    3  * Title: Text Image Side
     3 * Title: Text Split
    44 * Slug: origin-canvas/text-image-side
    55 * Description: A picture beside a heading and prose, balanced half and half.
    66 * Categories: text
    7  * Keywords: editorial, about, media, split, story
     7 * Keywords: editorial, about page, media, story
    88 * Viewport Width: 1500
    99 * Block Types:
    … …  
    1818<section class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:columns {"align":"wide","verticalAlignment":"center","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|huge","left":"var:preset|spacing|jumbo"}}}} -->
    1919<div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"50%"} -->
    20 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%"><!-- wp:image {"aspectRatio":"4/5","scale":"cover","sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"var:custom|radius|medium"}}} -->
    21 <figure class="wp-block-image size-full has-custom-border"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/desk-notebook-overhead.webp" alt="<?php esc_attr_e( 'An open notebook, pencil, and cup of coffee on a pale oak desk, seen from above.', 'origin-canvas' ); ?>" style="border-radius:var(--wp--custom--radius--medium);aspect-ratio:4/5;object-fit:cover"/></figure>
     20<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%"><!-- wp:image {"aspectRatio":"3/2","scale":"cover","sizeSlug":"full","linkDestination":"none","className":"is-style-rounded"} -->
     21<figure class="wp-block-image size-full is-style-rounded"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/patterns/images/studio-one-project.webp" alt="<?php esc_attr_e( 'Hands holding a pencil and pointing at three printed website layouts on a pale oak table, beside a black notebook.', 'origin-canvas' ); ?>" style="aspect-ratio:3/2;object-fit:cover"/></figure>
    2222<!-- /wp:image --></div>
    2323<!-- /wp:column -->
    2424
    2525<!-- wp:column {"verticalAlignment":"center","width":"50%","style":{"spacing":{"blockGap":"var:preset|spacing|medium"}}} -->
    26 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%"><!-- wp:heading {"level":2,"style":{"typography":{"lineHeight":"1.1"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}}},"textColor":"text-heading","fontSize":"huge"} -->
    27 <h2 class="wp-block-heading has-text-heading-color has-text-color has-huge-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium);line-height:1.1"><?php echo esc_html__( 'A studio the size of the work', 'origin-canvas' ); ?></h2>
     26<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%"><!-- wp:heading {"level":2,"style":{"typography":{"lineHeight":"1.1"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}}},"textColor":"contrast","fontSize":"huge"} -->
     27<h2 class="wp-block-heading has-contrast-color has-text-color has-huge-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium);line-height:1.1"><?php echo esc_html__( 'Why the schedule holds', 'origin-canvas' ); ?></h2>
    2828<!-- /wp:heading -->
    2929
    30 <!-- wp:paragraph {"textColor":"text-body","fontSize":"regular-plus"} -->
    31 <p class="has-text-body-color has-text-color has-regular-plus-font-size"><?php echo esc_html__( 'We are three people &#8212; a founder, a designer, and a strategist. Projects run one at a time, which is the whole reason the schedule holds.', 'origin-canvas' ); ?></p>
     30<!-- wp:paragraph {"textColor":"contrast-2","fontSize":"regular-plus"} -->
     31<p class="has-contrast-2-color has-text-color has-regular-plus-font-size"><?php echo esc_html__( 'We plan the work before we promise a date, so you know when to expect it.', 'origin-canvas' ); ?></p>
    3232<!-- /wp:paragraph -->
    3333
    34 <!-- wp:paragraph {"textColor":"text-body","fontSize":"regular-plus"} -->
    35 <p class="has-text-body-color has-text-color has-regular-plus-font-size"><?php echo esc_html__( 'Most of our clients are shops, studios, and practices between five and fifty people. They come to us because they want the site to sound like them.', 'origin-canvas' ); ?></p>
     34<!-- wp:paragraph {"textColor":"contrast-2","fontSize":"regular-plus"} -->
     35<p class="has-contrast-2-color has-text-color has-regular-plus-font-size"><?php echo esc_html__( 'Most of our clients are shops, studios, and practices between five and fifty people. They come to us because they want the site to sound like them.', 'origin-canvas' ); ?></p>
    3636<!-- /wp:paragraph --></div>
    3737<!-- /wp:column --></div>

  • origin-canvas/1.4.3/patterns/text-large-statement.php

    r347102 r356743  
    33 * Title: Text Large Statement
    44 * Slug: origin-canvas/text-large-statement
    5  * Description: A single centred sentence at display size, used as a pause between sections.
     5 * Description: One centered sentence at display size, with no eyebrow or fill.
    66 * Categories: text
    7  * Keywords: editorial, quote, manifesto, intro, breath
     7 * Keywords: editorial, quote, manifesto
    88 * Viewport Width: 1500
    99 * Block Types:
    … …  
    1515
    1616?>
    17 <!-- wp:group {"tagName":"section","align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"}}},"layout":{"type":"constrained","contentSize":"880px"}} -->
    18 <section class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:heading {"textAlign":"center","level":2,"style":{"typography":{"fontWeight":"500","lineHeight":"1.15","letterSpacing":"-0.01em"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-heading","fontSize":"display-xl"} -->
    19 <h2 class="wp-block-heading has-text-align-center has-text-heading-color has-text-color has-display-xl-font-size" style="margin-top:0;margin-bottom:0;font-weight:500;letter-spacing:-0.01em;line-height:1.15"><?php echo esc_html__( 'A small studio for brand and web work, built on the idea that fewer projects done properly beats more done quickly.', 'origin-canvas' ); ?></h2>
     17<!-- wp:group {"tagName":"section","align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"}}},"layout":{"type":"constrained"}} -->
     18<section class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:heading {"level":2,"align":"wide","className":"origin-canvas-text-balance","style":{"typography":{"fontWeight":"500","lineHeight":"1.15","textAlign":"center"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast","fontSize":"display-xl"} -->
     19<h2 class="wp-block-heading has-text-align-center alignwide origin-canvas-text-balance has-contrast-color has-text-color has-display-xl-font-size" style="margin-top:0;margin-bottom:0;font-weight:500;line-height:1.15"><?php echo esc_html__( 'A small studio for brand and web work, built on the idea that fewer projects done properly beats more done quickly.', 'origin-canvas' ); ?></h2>
    2020<!-- /wp:heading --></section>
    2121<!-- /wp:group -->

  • origin-canvas/1.4.3/patterns/text-two-column.php

    r347102 r356743  
    11<?php
    22/**
    3  * Title: Text Two Column
     3 * Title: Text Two Columns
    44 * Slug: origin-canvas/text-two-column
    5  * Description: A full-width heading above body prose split into two equal parts.
     5 * Description: A centered heading above body text set in two equal columns.
    66 * Categories: text
    7  * Keywords: editorial, about, paragraphs, copy, article
     7 * Keywords: editorial, paragraphs, copy, article
    88 * Viewport Width: 1500
    99 * Block Types:
    … …  
    1515
    1616?>
    17 <!-- wp:group {"tagName":"section","align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"}}},"layout":{"type":"constrained","contentSize":"1200px"}} -->
    18 <section class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:heading {"level":2,"style":{"typography":{"lineHeight":"1.1"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|large"}}},"textColor":"text-heading","fontSize":"display"} -->
    19 <h2 class="wp-block-heading has-text-heading-color has-text-color has-display-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--large);line-height:1.1"><?php echo esc_html__( 'What working with us looks like', 'origin-canvas' ); ?></h2>
     17<!-- wp:group {"tagName":"section","align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"}}},"layout":{"type":"constrained"}} -->
     18<section class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:heading {"level":2,"align":"wide","style":{"typography":{"lineHeight":"1.1","textAlign":"center"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|large"}}},"textColor":"contrast","fontSize":"huge"} -->
     19<h2 class="wp-block-heading has-text-align-center alignwide has-contrast-color has-text-color has-huge-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--large);line-height:1.1"><?php echo esc_html__( 'What working with us looks like', 'origin-canvas' ); ?></h2>
    2020<!-- /wp:heading -->
    2121
    22 <!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"var:preset|spacing|large","left":"var:preset|spacing|extra-large"}}}} -->
    23 <div class="wp-block-columns"><!-- wp:column {"style":{"spacing":{"blockGap":"var:preset|spacing|medium"}}} -->
    24 <div class="wp-block-column"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-body","fontSize":"regular-plus"} -->
    25 <p class="has-text-body-color has-text-color has-regular-plus-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Every project opens with a conversation about what the site has to do. We write that down on one page and agree it before anything is designed, which keeps the later decisions cheap.', 'origin-canvas' ); ?></p>
     22<!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|large","left":"var:preset|spacing|extra-large"}}}} -->
     23<div class="wp-block-columns alignwide"><!-- wp:column {"style":{"spacing":{"blockGap":"var:preset|spacing|medium"}}} -->
     24<div class="wp-block-column"><!-- wp:paragraph {"textColor":"contrast-2","fontSize":"regular-plus"} -->
     25<p class="has-contrast-2-color has-text-color has-regular-plus-font-size"><?php echo esc_html__( 'Every project opens with a conversation about what the site has to do. We write that down on one page and agree it before anything is designed, which keeps the later decisions cheap.', 'origin-canvas' ); ?></p>
    2626<!-- /wp:paragraph -->
    2727
    28 <!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-body","fontSize":"regular-plus"} -->
    29 <p class="has-text-body-color has-text-color has-regular-plus-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Design happens in the browser once the structure is settled. You see real pages on real content rather than a flat picture of a page.', 'origin-canvas' ); ?></p>
     28<!-- wp:paragraph {"textColor":"contrast-2","fontSize":"regular-plus"} -->
     29<p class="has-contrast-2-color has-text-color has-regular-plus-font-size"><?php echo esc_html__( 'Design happens in the browser once the structure is settled. You see real pages on real content rather than a flat picture of a page.', 'origin-canvas' ); ?></p>
    3030<!-- /wp:paragraph --></div>
    3131<!-- /wp:column -->
    3232
    3333<!-- wp:column {"style":{"spacing":{"blockGap":"var:preset|spacing|medium"}}} -->
    34 <div class="wp-block-column"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-body","fontSize":"regular-plus"} -->
    35 <p class="has-text-body-color has-text-color has-regular-plus-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Three rounds of revisions are built into the schedule. Most projects use two. The third exists so nobody is negotiating scope in the last week.', 'origin-canvas' ); ?></p>
     34<div class="wp-block-column"><!-- wp:paragraph {"textColor":"contrast-2","fontSize":"regular-plus"} -->
     35<p class="has-contrast-2-color has-text-color has-regular-plus-font-size"><?php echo esc_html__( 'Three rounds of revisions are built into the schedule. Most projects use two. The third exists so nobody is negotiating scope in the last week.', 'origin-canvas' ); ?></p>
    3636<!-- /wp:paragraph -->
    3737
    38 <!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-body","fontSize":"regular-plus"} -->
    39 <p class="has-text-body-color has-text-color has-regular-plus-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'We hand over a site you can edit, with a short written guide to the parts that matter and a launch checklist we wrote by hand.', 'origin-canvas' ); ?></p>
     38<!-- wp:paragraph {"textColor":"contrast-2","fontSize":"regular-plus"} -->
     39<p class="has-contrast-2-color has-text-color has-regular-plus-font-size"><?php echo esc_html__( 'We hand over a site you can edit, with a short written guide to the parts that matter and a launch checklist we wrote by hand.', 'origin-canvas' ); ?></p>
    4040<!-- /wp:paragraph --></div>
    4141<!-- /wp:column --></div>

  • origin-canvas/1.4.3/patterns/token-system.php

    r347102 r356743  
    33 * Title: Token System Panel
    44 * Slug: origin-canvas/token-system
    5  * Description: A built-on-the-system section with a design-token panel for the theme landing page.
     5 * Description: A tinted band with an eyebrow, heading, lead and three short points beside a panel of the color, spacing and type settings.
    66 * Categories: origin-canvas/features
    77 * Keywords: tokens, variables, marketing, scale
    … …  
    99 * Block Types:
    1010 * Post Types:
    11  * Inserter: true
     11 * Inserter: false
    1212 *
    1313 * @package Origin
    … …  
    1515
    1616?>
    17 <!-- wp:group {"tagName":"section","align":"full","backgroundColor":"surface-subtle","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"}}},"layout":{"type":"constrained"}} -->
    18 <section class="wp-block-group alignfull has-surface-subtle-background-color has-background" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:columns {"align":"wide","verticalAlignment":"center","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|huge","left":"var:preset|spacing|huge"}}}} -->
    19 <div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"47.5%"} -->
    20 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:47.5%"><!-- wp:paragraph {"style":{"typography":{"textTransform":"uppercase","fontWeight":"600","letterSpacing":"0.12em"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}}},"textColor":"primary","fontSize":"small"} -->
    21 <p class="has-primary-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium);font-weight:600;letter-spacing:0.12em;text-transform:uppercase"><?php echo esc_html__( 'Built on the system', 'origin-canvas' ); ?></p>
    22 <!-- /wp:paragraph -->
    23 
    24 <!-- wp:heading {"level":2,"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}}},"fontSize":"display"} -->
    25 <h2 class="wp-block-heading has-display-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium)"><?php echo esc_html__( 'Theme owns the presets. Everything else follows.', 'origin-canvas' ); ?></h2>
     17<!-- wp:group {"anchor":"features","tagName":"section","align":"full","backgroundColor":"base-3","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"}}},"layout":{"type":"constrained"}} -->
     18<section id="features" class="wp-block-group alignfull has-base-3-background-color has-background" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:columns {"align":"wide","verticalAlignment":"center","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|huge","left":"var:preset|spacing|huge"}}}} -->
     19<div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"50%"} -->
     20<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%"><!-- wp:paragraph {"className":"origin-canvas-eyebrow","style":{"typography":{"textTransform":"uppercase","fontWeight":"600","letterSpacing":"0.06em"},"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|medium"}}},"textColor":"primary","fontSize":"small"} -->
     21<p class="origin-canvas-eyebrow has-primary-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--medium);font-weight:600;letter-spacing:0.06em;text-transform:uppercase"><?php echo esc_html__( 'Built on the system', 'origin-canvas' ); ?></p>
     22<!-- /wp:paragraph -->
     23
     24<!-- wp:heading {"level":2,"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"display"} -->
     25<h2 class="wp-block-heading has-display-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Theme owns the presets. Everything else follows.', 'origin-canvas' ); ?></h2>
    2626<!-- /wp:heading -->
    2727
    28 <!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|large"}}},"textColor":"text-body","fontSize":"regular-plus"} -->
    29 <p class="has-text-body-color has-text-color has-regular-plus-font-size" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--large)"><?php echo esc_html__( 'Colors, spacing, type sizes, and radii live in one theme.json. Patterns and templates reference them, not scattered hex values.', 'origin-canvas' ); ?></p>
    30 <!-- /wp:paragraph -->
    31 
    32 <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|compact"}},"layout":{"type":"constrained"}} -->
    33 <div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|compact"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
     28<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"var:preset|spacing|small-medium","bottom":"var:preset|spacing|large"}}},"textColor":"contrast-2","fontSize":"regular-plus"} -->
     29<p class="has-contrast-2-color has-text-color has-regular-plus-font-size" style="margin-top:var(--wp--preset--spacing--small-medium);margin-bottom:var(--wp--preset--spacing--large)"><?php echo esc_html__( 'Colors, spacing, type sizes, and radii live in one theme.json. Patterns and templates reference them, not scattered hex values.', 'origin-canvas' ); ?></p>
     30<!-- /wp:paragraph -->
     31
     32<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small-medium"}},"layout":{"type":"constrained"}} -->
     33<div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small-medium"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
    3434<div class="wp-block-group"><!-- wp:group {"className":"origin-canvas-bullet-mark","style":{"dimensions":{"minHeight":"6px"},"spacing":{"margin":{"top":"8px"}}}} -->
    3535<div class="wp-block-group origin-canvas-bullet-mark" style="min-height:6px;margin-top:8px"></div>
    3636<!-- /wp:group -->
    3737
    38 <!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-body","fontSize":"small"} -->
    39 <p class="has-text-body-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo wp_kses_post( __( 'Eleven named colors, from <strong>primary</strong> to <strong>on-dark</strong>, used everywhere.', 'origin-canvas' ) ); ?></p>
    40 <!-- /wp:paragraph --></div>
    41 <!-- /wp:group -->
    42 
    43 <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|compact"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
     38<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-2","fontSize":"small"} -->
     39<p class="has-contrast-2-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo wp_kses_post( __( 'Thirteen named colors, from <strong>primary</strong> to <strong>contrast</strong>, used everywhere.', 'origin-canvas' ) ); ?></p>
     40<!-- /wp:paragraph --></div>
     41<!-- /wp:group -->
     42
     43<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small-medium"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
    4444<div class="wp-block-group"><!-- wp:group {"className":"origin-canvas-bullet-mark","style":{"dimensions":{"minHeight":"6px"},"spacing":{"margin":{"top":"8px"}}}} -->
    4545<div class="wp-block-group origin-canvas-bullet-mark" style="min-height:6px;margin-top:8px"></div>
    4646<!-- /wp:group -->
    4747
    48 <!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-body","fontSize":"small"} -->
    49 <p class="has-text-body-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo wp_kses_post( __( 'A <strong>twelve-step spacing scale</strong> with fluid clamps on the larger steps.', 'origin-canvas' ) ); ?></p>
    50 <!-- /wp:paragraph --></div>
    51 <!-- /wp:group -->
    52 
    53 <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|compact"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
     48<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-2","fontSize":"small"} -->
     49<p class="has-contrast-2-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo wp_kses_post( __( 'A <strong>twelve-step spacing scale</strong> with fluid clamps on the larger steps.', 'origin-canvas' ) ); ?></p>
     50<!-- /wp:paragraph --></div>
     51<!-- /wp:group -->
     52
     53<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|small-medium"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
    5454<div class="wp-block-group"><!-- wp:group {"className":"origin-canvas-bullet-mark","style":{"dimensions":{"minHeight":"6px"},"spacing":{"margin":{"top":"8px"}}}} -->
    5555<div class="wp-block-group origin-canvas-bullet-mark" style="min-height:6px;margin-top:8px"></div>
    5656<!-- /wp:group -->
    5757
    58 <!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-body","fontSize":"small"} -->
    59 <p class="has-text-body-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo wp_kses_post( __( 'One pink accent, reserved as a <strong>signal</strong>, never a background wash.', 'origin-canvas' ) ); ?></p>
     58<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-2","fontSize":"small"} -->
     59<p class="has-contrast-2-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo wp_kses_post( __( 'One pink accent, reserved as a <strong>signal</strong>, never a background wash.', 'origin-canvas' ) ); ?></p>
    6060<!-- /wp:paragraph --></div>
    6161<!-- /wp:group --></div>
    … …  
    6363<!-- /wp:column -->
    6464
    65 <!-- wp:column {"verticalAlignment":"center","width":"52.5%"} -->
    66 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:52.5%"><!-- wp:group {"className":"origin-canvas-tokens-panel","backgroundColor":"surface-base","borderColor":"border","style":{"border":{"radius":"var:custom|radius|large","style":"solid","width":"1px"},"spacing":{"blockGap":"0"}},"layout":{"type":"default"}} -->
    67 <div class="wp-block-group origin-canvas-tokens-panel has-border-color has-border-border-color has-surface-base-background-color has-background" style="border-style:solid;border-width:1px;border-radius:var(--wp--custom--radius--large)"><!-- wp:group {"backgroundColor":"surface-muted","style":{"border":{"bottom":{"color":"var:preset|color|border","width":"1px"}},"spacing":{"padding":{"top":"var:preset|spacing|compact","right":"var:preset|spacing|medium","bottom":"var:preset|spacing|compact","left":"var:preset|spacing|medium"}}},"layout":{"type":"flex","justifyContent":"space-between","verticalAlignment":"center"}} -->
    68 <div class="wp-block-group has-surface-muted-background-color has-background" style="border-bottom-color:var(--wp--preset--color--border);border-bottom-width:1px;padding-top:var(--wp--preset--spacing--compact);padding-right:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--compact);padding-left:var(--wp--preset--spacing--medium)"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-heading","fontSize":"extra-small"} -->
    69 <p class="has-text-heading-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:600"><?php echo esc_html__( 'Settings', 'origin-canvas' ); ?></p>
    70 <!-- /wp:paragraph -->
    71 
    72 <!-- wp:paragraph {"className":"origin-canvas-mono","style":{"typography":{"fontSize":"0.6875rem"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-muted"} -->
    73 <p class="origin-canvas-mono has-text-muted-color has-text-color" style="margin-top:0;margin-bottom:0;font-size:0.6875rem"><?php echo esc_html__( 'theme.json &middot; settings', 'origin-canvas' ); ?></p>
     65<!-- wp:column {"verticalAlignment":"center","width":"50%"} -->
     66<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%"><!-- wp:group {"className":"origin-canvas-tokens-panel","backgroundColor":"base","style":{"border":{"radius":"var:custom|radius|medium"},"spacing":{"blockGap":"0"}},"layout":{"type":"default"}} -->
     67<div class="wp-block-group origin-canvas-tokens-panel has-base-background-color has-background" style="border-radius:var(--wp--custom--radius--medium)"><!-- wp:group {"backgroundColor":"base-2","style":{"border":{"bottom":{"color":"var:preset|color|base-5","width":"1px"}},"spacing":{"padding":{"top":"var:preset|spacing|small-medium","right":"var:preset|spacing|medium","bottom":"var:preset|spacing|small-medium","left":"var:preset|spacing|medium"}}},"layout":{"type":"flex","justifyContent":"space-between","verticalAlignment":"center"}} -->
     68<div class="wp-block-group has-base-2-background-color has-background" style="border-bottom-color:var(--wp--preset--color--base-5);border-bottom-width:1px;padding-top:var(--wp--preset--spacing--small-medium);padding-right:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--small-medium);padding-left:var(--wp--preset--spacing--medium)"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast","fontSize":"extra-small"} -->
     69<p class="has-contrast-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:600"><?php echo esc_html__( 'Settings', 'origin-canvas' ); ?></p>
     70<!-- /wp:paragraph -->
     71
     72<!-- wp:paragraph {"className":"origin-canvas-mono","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-3","fontSize":"extra-small"} -->
     73<p class="origin-canvas-mono has-contrast-3-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'theme.json &middot; settings', 'origin-canvas' ); ?></p>
    7474<!-- /wp:paragraph --></div>
    7575<!-- /wp:group -->
    7676
    7777<!-- wp:group {"style":{"spacing":{"padding":{"top":"18px","right":"18px","bottom":"18px","left":"18px"},"blockGap":"14px"}},"layout":{"type":"constrained"}} -->
    78 <div class="wp-block-group" style="padding-top:18px;padding-right:18px;padding-bottom:18px;padding-left:18px"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600","letterSpacing":"0.08em","textTransform":"uppercase"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-muted","fontSize":"extra-small"} -->
    79 <p class="has-text-muted-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:600;letter-spacing:0.08em;text-transform:uppercase"><?php echo esc_html__( 'Color &middot; palette', 'origin-canvas' ); ?></p>
     78<div class="wp-block-group" style="padding-top:18px;padding-right:18px;padding-bottom:18px;padding-left:18px"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600","letterSpacing":"0.06em","textTransform":"uppercase"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast","fontSize":"extra-small"} -->
     79<p class="has-contrast-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:600;letter-spacing:0.06em;text-transform:uppercase"><?php echo esc_html__( 'Color &middot; palette', 'origin-canvas' ); ?></p>
    8080<!-- /wp:paragraph -->
    8181
    … …  
    8686<!-- /wp:group -->
    8787
    88 <!-- wp:paragraph {"align":"center","className":"origin-canvas-mono","style":{"typography":{"fontSize":"0.625rem"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-muted"} -->
    89 <p class="has-text-align-center origin-canvas-mono has-text-muted-color has-text-color" style="margin-top:0;margin-bottom:0;font-size:0.625rem"><?php echo esc_html__( 'primary', 'origin-canvas' ); ?></p>
    90 <!-- /wp:paragraph --></div>
    91 <!-- /wp:group -->
    92 
    93 <!-- wp:group {"style":{"spacing":{"blockGap":"6px"}},"layout":{"type":"default"}} -->
    94 <div class="wp-block-group"><!-- wp:group {"className":"origin-canvas-token-sw","style":{"color":{"background":"var(--wp--preset--color--text-heading)"},"dimensions":{"minHeight":"20px"}}} -->
    95 <div class="wp-block-group origin-canvas-token-sw has-background" style="background-color:var(--wp--preset--color--text-heading);min-height:20px"></div>
    96 <!-- /wp:group -->
    97 
    98 <!-- wp:paragraph {"align":"center","className":"origin-canvas-mono","style":{"typography":{"fontSize":"0.625rem"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-muted"} -->
    99 <p class="has-text-align-center origin-canvas-mono has-text-muted-color has-text-color" style="margin-top:0;margin-bottom:0;font-size:0.625rem"><?php echo esc_html__( 'heading', 'origin-canvas' ); ?></p>
    100 <!-- /wp:paragraph --></div>
    101 <!-- /wp:group -->
    102 
    103 <!-- wp:group {"style":{"spacing":{"blockGap":"6px"}},"layout":{"type":"default"}} -->
    104 <div class="wp-block-group"><!-- wp:group {"className":"origin-canvas-token-sw","style":{"color":{"background":"var(--wp--preset--color--text-body)"},"dimensions":{"minHeight":"20px"}}} -->
    105 <div class="wp-block-group origin-canvas-token-sw has-background" style="background-color:var(--wp--preset--color--text-body);min-height:20px"></div>
    106 <!-- /wp:group -->
    107 
    108 <!-- wp:paragraph {"align":"center","className":"origin-canvas-mono","style":{"typography":{"fontSize":"0.625rem"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-muted"} -->
    109 <p class="has-text-align-center origin-canvas-mono has-text-muted-color has-text-color" style="margin-top:0;margin-bottom:0;font-size:0.625rem"><?php echo esc_html__( 'body', 'origin-canvas' ); ?></p>
    110 <!-- /wp:paragraph --></div>
    111 <!-- /wp:group -->
    112 
    113 <!-- wp:group {"style":{"spacing":{"blockGap":"6px"}},"layout":{"type":"default"}} -->
    114 <div class="wp-block-group"><!-- wp:group {"className":"origin-canvas-token-sw","style":{"color":{"background":"var(--wp--preset--color--surface-subtle)"},"dimensions":{"minHeight":"20px"}}} -->
    115 <div class="wp-block-group origin-canvas-token-sw has-background" style="background-color:var(--wp--preset--color--surface-subtle);min-height:20px"></div>
    116 <!-- /wp:group -->
    117 
    118 <!-- wp:paragraph {"align":"center","className":"origin-canvas-mono","style":{"typography":{"fontSize":"0.625rem"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-muted"} -->
    119 <p class="has-text-align-center origin-canvas-mono has-text-muted-color has-text-color" style="margin-top:0;margin-bottom:0;font-size:0.625rem"><?php echo esc_html__( 'subtle', 'origin-canvas' ); ?></p>
    120 <!-- /wp:paragraph --></div>
    121 <!-- /wp:group -->
    122 
    123 <!-- wp:group {"style":{"spacing":{"blockGap":"6px"}},"layout":{"type":"default"}} -->
    124 <div class="wp-block-group"><!-- wp:group {"className":"origin-canvas-token-sw","style":{"color":{"background":"var(--wp--preset--color--border)"},"dimensions":{"minHeight":"20px"}}} -->
    125 <div class="wp-block-group origin-canvas-token-sw has-background" style="background-color:var(--wp--preset--color--border);min-height:20px"></div>
    126 <!-- /wp:group -->
    127 
    128 <!-- wp:paragraph {"align":"center","className":"origin-canvas-mono","style":{"typography":{"fontSize":"0.625rem"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-muted"} -->
    129 <p class="has-text-align-center origin-canvas-mono has-text-muted-color has-text-color" style="margin-top:0;margin-bottom:0;font-size:0.625rem"><?php echo esc_html__( 'border', 'origin-canvas' ); ?></p>
    130 <!-- /wp:paragraph --></div>
    131 <!-- /wp:group --></div>
    132 <!-- /wp:group --></div>
    133 <!-- /wp:group -->
    134 
    135 <!-- wp:group {"style":{"border":{"top":{"color":"var:preset|color|border","width":"1px"}},"spacing":{"padding":{"top":"18px","right":"18px","bottom":"18px","left":"18px"},"blockGap":"14px"}},"layout":{"type":"constrained"}} -->
    136 <div class="wp-block-group" style="border-top-color:var(--wp--preset--color--border);border-top-width:1px;padding-top:18px;padding-right:18px;padding-bottom:18px;padding-left:18px"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600","letterSpacing":"0.08em","textTransform":"uppercase"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-muted","fontSize":"extra-small"} -->
    137 <p class="has-text-muted-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:600;letter-spacing:0.08em;text-transform:uppercase"><?php echo esc_html__( 'Spacing &middot; scale', 'origin-canvas' ); ?></p>
     88<!-- wp:paragraph {"className":"origin-canvas-mono","style":{"typography":{"fontSize":"0.625rem","textAlign":"center"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-3"} -->
     89<p class="has-text-align-center origin-canvas-mono has-contrast-3-color has-text-color" style="margin-top:0;margin-bottom:0;font-size:0.625rem"><?php echo esc_html__( 'primary', 'origin-canvas' ); ?></p>
     90<!-- /wp:paragraph --></div>
     91<!-- /wp:group -->
     92
     93<!-- wp:group {"style":{"spacing":{"blockGap":"6px"}},"layout":{"type":"default"}} -->
     94<div class="wp-block-group"><!-- wp:group {"className":"origin-canvas-token-sw","style":{"color":{"background":"var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dcolor\u002d\u002dcontrast)"},"dimensions":{"minHeight":"20px"}}} -->
     95<div class="wp-block-group origin-canvas-token-sw has-background" style="background-color:var(--wp--preset--color--contrast);min-height:20px"></div>
     96<!-- /wp:group -->
     97
     98<!-- wp:paragraph {"className":"origin-canvas-mono","style":{"typography":{"fontSize":"0.625rem","textAlign":"center"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-3"} -->
     99<p class="has-text-align-center origin-canvas-mono has-contrast-3-color has-text-color" style="margin-top:0;margin-bottom:0;font-size:0.625rem"><?php echo esc_html__( 'heading', 'origin-canvas' ); ?></p>
     100<!-- /wp:paragraph --></div>
     101<!-- /wp:group -->
     102
     103<!-- wp:group {"style":{"spacing":{"blockGap":"6px"}},"layout":{"type":"default"}} -->
     104<div class="wp-block-group"><!-- wp:group {"className":"origin-canvas-token-sw","style":{"color":{"background":"var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dcolor\u002d\u002dcontrast-2)"},"dimensions":{"minHeight":"20px"}}} -->
     105<div class="wp-block-group origin-canvas-token-sw has-background" style="background-color:var(--wp--preset--color--contrast-2);min-height:20px"></div>
     106<!-- /wp:group -->
     107
     108<!-- wp:paragraph {"className":"origin-canvas-mono","style":{"typography":{"fontSize":"0.625rem","textAlign":"center"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-3"} -->
     109<p class="has-text-align-center origin-canvas-mono has-contrast-3-color has-text-color" style="margin-top:0;margin-bottom:0;font-size:0.625rem"><?php echo esc_html__( 'body', 'origin-canvas' ); ?></p>
     110<!-- /wp:paragraph --></div>
     111<!-- /wp:group -->
     112
     113<!-- wp:group {"style":{"spacing":{"blockGap":"6px"}},"layout":{"type":"default"}} -->
     114<div class="wp-block-group"><!-- wp:group {"className":"origin-canvas-token-sw","style":{"color":{"background":"var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dcolor\u002d\u002dbase-3)"},"dimensions":{"minHeight":"20px"}}} -->
     115<div class="wp-block-group origin-canvas-token-sw has-background" style="background-color:var(--wp--preset--color--base-3);min-height:20px"></div>
     116<!-- /wp:group -->
     117
     118<!-- wp:paragraph {"className":"origin-canvas-mono","style":{"typography":{"fontSize":"0.625rem","textAlign":"center"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-3"} -->
     119<p class="has-text-align-center origin-canvas-mono has-contrast-3-color has-text-color" style="margin-top:0;margin-bottom:0;font-size:0.625rem"><?php echo esc_html__( 'subtle', 'origin-canvas' ); ?></p>
     120<!-- /wp:paragraph --></div>
     121<!-- /wp:group -->
     122
     123<!-- wp:group {"style":{"spacing":{"blockGap":"6px"}},"layout":{"type":"default"}} -->
     124<div class="wp-block-group"><!-- wp:group {"className":"origin-canvas-token-sw","style":{"color":{"background":"var(\u002d\u002dwp\u002d\u002dpreset\u002d\u002dcolor\u002d\u002dbase-5)"},"dimensions":{"minHeight":"20px"}}} -->
     125<div class="wp-block-group origin-canvas-token-sw has-background" style="background-color:var(--wp--preset--color--base-5);min-height:20px"></div>
     126<!-- /wp:group -->
     127
     128<!-- wp:paragraph {"className":"origin-canvas-mono","style":{"typography":{"fontSize":"0.625rem","textAlign":"center"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-3"} -->
     129<p class="has-text-align-center origin-canvas-mono has-contrast-3-color has-text-color" style="margin-top:0;margin-bottom:0;font-size:0.625rem"><?php echo esc_html__( 'border', 'origin-canvas' ); ?></p>
     130<!-- /wp:paragraph --></div>
     131<!-- /wp:group --></div>
     132<!-- /wp:group --></div>
     133<!-- /wp:group -->
     134
     135<!-- wp:group {"style":{"border":{"top":{"color":"var:preset|color|base-5","width":"1px"}},"spacing":{"padding":{"top":"18px","right":"18px","bottom":"18px","left":"18px"},"blockGap":"14px"}},"layout":{"type":"constrained"}} -->
     136<div class="wp-block-group" style="border-top-color:var(--wp--preset--color--base-5);border-top-width:1px;padding-top:18px;padding-right:18px;padding-bottom:18px;padding-left:18px"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600","letterSpacing":"0.06em","textTransform":"uppercase"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast","fontSize":"extra-small"} -->
     137<p class="has-contrast-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:600;letter-spacing:0.06em;text-transform:uppercase"><?php echo esc_html__( 'Spacing &middot; scale', 'origin-canvas' ); ?></p>
    138138<!-- /wp:paragraph -->
    139139
    … …  
    169169<!-- /wp:group -->
    170170
    171 <!-- wp:group {"style":{"border":{"top":{"color":"var:preset|color|border","width":"1px"}},"spacing":{"padding":{"top":"18px","right":"18px","bottom":"18px","left":"18px"},"blockGap":"14px"}},"layout":{"type":"constrained"}} -->
    172 <div class="wp-block-group" style="border-top-color:var(--wp--preset--color--border);border-top-width:1px;padding-top:18px;padding-right:18px;padding-bottom:18px;padding-left:18px"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600","letterSpacing":"0.08em","textTransform":"uppercase"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-muted","fontSize":"extra-small"} -->
    173 <p class="has-text-muted-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:600;letter-spacing:0.08em;text-transform:uppercase"><?php echo esc_html__( 'Typography &middot; sizes', 'origin-canvas' ); ?></p>
    174 <!-- /wp:paragraph -->
    175 
    176 <!-- wp:group {"className":"origin-canvas-type-ramp","style":{"spacing":{"blockGap":"16px"}},"layout":{"type":"flex","flexWrap":"wrap"}} -->
    177 <div class="wp-block-group origin-canvas-type-ramp"><!-- wp:paragraph {"style":{"typography":{"fontSize":"1.875rem","fontWeight":"700","letterSpacing":"-0.02em"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-heading"} -->
    178 <p class="has-text-heading-color has-text-color" style="margin-top:0;margin-bottom:0;font-size:1.875rem;font-weight:700;letter-spacing:-0.02em"><?php echo esc_html__( 'Aa', 'origin-canvas' ); ?></p>
    179 <!-- /wp:paragraph -->
    180 
    181 <!-- wp:paragraph {"style":{"typography":{"fontSize":"1.375rem","fontWeight":"700","letterSpacing":"-0.02em"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-heading"} -->
    182 <p class="has-text-heading-color has-text-color" style="margin-top:0;margin-bottom:0;font-size:1.375rem;font-weight:700;letter-spacing:-0.02em"><?php echo esc_html__( 'Aa', 'origin-canvas' ); ?></p>
    183 <!-- /wp:paragraph -->
    184 
    185 <!-- wp:paragraph {"style":{"typography":{"fontSize":"1.0625rem","fontWeight":"700","letterSpacing":"-0.02em"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-heading"} -->
    186 <p class="has-text-heading-color has-text-color" style="margin-top:0;margin-bottom:0;font-size:1.0625rem;font-weight:700;letter-spacing:-0.02em"><?php echo esc_html__( 'Aa', 'origin-canvas' ); ?></p>
    187 <!-- /wp:paragraph -->
    188 
    189 <!-- wp:paragraph {"style":{"typography":{"fontSize":"0.875rem","fontWeight":"700","letterSpacing":"-0.02em"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-heading"} -->
    190 <p class="has-text-heading-color has-text-color" style="margin-top:0;margin-bottom:0;font-size:0.875rem;font-weight:700;letter-spacing:-0.02em"><?php echo esc_html__( 'Aa', 'origin-canvas' ); ?></p>
    191 <!-- /wp:paragraph -->
    192 
    193 <!-- wp:paragraph {"className":"origin-canvas-mono","style":{"typography":{"fontSize":"0.8125rem"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-muted"} -->
    194 <p class="origin-canvas-mono has-text-muted-color has-text-color" style="margin-top:0;margin-bottom:0;font-size:0.8125rem"><?php echo esc_html__( 'display-xl &rarr; small', 'origin-canvas' ); ?></p>
     171<!-- wp:group {"style":{"border":{"top":{"color":"var:preset|color|base-5","width":"1px"}},"spacing":{"padding":{"top":"18px","right":"18px","bottom":"18px","left":"18px"},"blockGap":"14px"}},"layout":{"type":"constrained"}} -->
     172<div class="wp-block-group" style="border-top-color:var(--wp--preset--color--base-5);border-top-width:1px;padding-top:18px;padding-right:18px;padding-bottom:18px;padding-left:18px"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600","letterSpacing":"0.06em","textTransform":"uppercase"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast","fontSize":"extra-small"} -->
     173<p class="has-contrast-color has-text-color has-extra-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:600;letter-spacing:0.06em;text-transform:uppercase"><?php echo esc_html__( 'Typography &middot; sizes', 'origin-canvas' ); ?></p>
     174<!-- /wp:paragraph -->
     175
     176<!-- wp:group {"className":"origin-canvas-align-baseline","style":{"spacing":{"blockGap":"16px"}},"layout":{"type":"flex","flexWrap":"wrap"}} -->
     177<div class="wp-block-group origin-canvas-align-baseline"><!-- wp:paragraph {"style":{"typography":{"fontSize":"1.875rem","fontWeight":"700","letterSpacing":"-0.02em"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast"} -->
     178<p class="has-contrast-color has-text-color" style="margin-top:0;margin-bottom:0;font-size:1.875rem;font-weight:700;letter-spacing:-0.02em"><?php echo esc_html__( 'Aa', 'origin-canvas' ); ?></p>
     179<!-- /wp:paragraph -->
     180
     181<!-- wp:paragraph {"style":{"typography":{"fontSize":"1.375rem","fontWeight":"700","letterSpacing":"-0.02em"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast"} -->
     182<p class="has-contrast-color has-text-color" style="margin-top:0;margin-bottom:0;font-size:1.375rem;font-weight:700;letter-spacing:-0.02em"><?php echo esc_html__( 'Aa', 'origin-canvas' ); ?></p>
     183<!-- /wp:paragraph -->
     184
     185<!-- wp:paragraph {"style":{"typography":{"fontSize":"1.0625rem","fontWeight":"700","letterSpacing":"-0.02em"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast"} -->
     186<p class="has-contrast-color has-text-color" style="margin-top:0;margin-bottom:0;font-size:1.0625rem;font-weight:700;letter-spacing:-0.02em"><?php echo esc_html__( 'Aa', 'origin-canvas' ); ?></p>
     187<!-- /wp:paragraph -->
     188
     189<!-- wp:paragraph {"style":{"typography":{"fontSize":"0.875rem","fontWeight":"700","letterSpacing":"-0.02em"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast"} -->
     190<p class="has-contrast-color has-text-color" style="margin-top:0;margin-bottom:0;font-size:0.875rem;font-weight:700;letter-spacing:-0.02em"><?php echo esc_html__( 'Aa', 'origin-canvas' ); ?></p>
     191<!-- /wp:paragraph -->
     192
     193<!-- wp:paragraph {"className":"origin-canvas-mono","style":{"typography":{"fontSize":"0.8125rem"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-3"} -->
     194<p class="origin-canvas-mono has-contrast-3-color has-text-color" style="margin-top:0;margin-bottom:0;font-size:0.8125rem"><?php echo esc_html__( 'display-xl &rarr; small', 'origin-canvas' ); ?></p>
    195195<!-- /wp:paragraph --></div>
    196196<!-- /wp:group --></div>

  • origin-canvas/1.4.3/patterns/work-index.php

    r347102 r356743  
    11<?php
    22/**
    3  * Title: Work Index
     3 * Title: Work List
    44 * Slug: origin-canvas/work-index
     5 * Description: A heading and a link above six ruled lines, each with a number, a project name, a line of text, a year and an arrow.
    56 * Categories: origin-canvas/features
    6  * Keywords: portfolio, projects, home, casestudies
     7 * Keywords: portfolio, projects, casestudies
    78 * Block Types: core/post-content
    89 * Viewport Width: 1500
    … …  
    1314
    1415?>
    15 <!-- wp:group {"tagName":"section","align":"full","style":{"border":{"top":{"color":"var:preset|color|border","width":"1px"}},"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"}}},"layout":{"type":"constrained"}} -->
    16 <section class="wp-block-group alignfull" style="border-top-color:var(--wp--preset--color--border);border-top-width:1px;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:group {"align":"wide","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|huge"}}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between","verticalAlignment":"bottom"}} -->
    17 <div class="wp-block-group alignwide" style="margin-bottom:var(--wp--preset--spacing--huge)"><!-- wp:heading {"level":2,"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"display"} -->
    18 <h2 class="wp-block-heading has-display-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Selected work', 'origin-canvas' ); ?></h2>
     16<!-- wp:group {"tagName":"section","align":"full","style":{"spacing":{"blockGap":"0","margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|colossal","bottom":"var:preset|spacing|colossal"}}},"layout":{"type":"constrained"}} -->
     17<section class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--colossal);padding-bottom:var(--wp--preset--spacing--colossal)"><!-- wp:group {"align":"wide","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|huge"}}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between","verticalAlignment":"bottom"}} -->
     18<div class="wp-block-group alignwide" style="margin-bottom:var(--wp--preset--spacing--huge)"><!-- wp:heading {"level":2,"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"fontSize":"huge"} -->
     19<h2 class="wp-block-heading has-huge-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Selected work', 'origin-canvas' ); ?></h2>
    1920<!-- /wp:heading -->
    2021
    21 <!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-heading","fontSize":"small"} -->
    22 <p class="has-text-heading-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:600"><?php echo esc_html__( 'All projects', 'origin-canvas' ); ?> <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-primary-color">&rarr;</mark></p>
     22<!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast","fontSize":"small"} -->
     23<p class="has-contrast-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:600"><?php echo esc_html__( 'All projects', 'origin-canvas' ); ?> <span aria-hidden="true">&rarr;</span></p>
    2324<!-- /wp:paragraph --></div>
    2425<!-- /wp:group -->
    2526
    26 <!-- wp:columns {"align":"wide","verticalAlignment":"center","style":{"border":{"top":{"color":"var:preset|color|border","width":"1px"}},"spacing":{"padding":{"top":"var:preset|spacing|large","bottom":"var:preset|spacing|large"},"blockGap":{"top":"var:preset|spacing|medium","left":"var:preset|spacing|large"}}}} -->
    27 <div class="wp-block-columns alignwide are-vertically-aligned-center" style="border-top-color:var(--wp--preset--color--border);border-top-width:1px;padding-top:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large)"><!-- wp:column {"verticalAlignment":"center","width":"8%"} -->
    28 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:8%"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600","letterSpacing":"0.08em"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-muted","fontSize":"small"} -->
    29 <p class="has-text-muted-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:600;letter-spacing:0.08em"><?php echo esc_html__( '06', 'origin-canvas' ); ?></p>
    30 <!-- /wp:paragraph --></div>
    31 <!-- /wp:column -->
    32 
    33 <!-- wp:column {"verticalAlignment":"center","width":"32%"} -->
    34 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:32%"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-heading","fontSize":"large"} -->
    35 <p class="has-text-heading-color has-text-color has-large-font-size" style="margin-top:0;margin-bottom:0;font-weight:600"><?php echo esc_html__( 'Hartwell Tea Co.', 'origin-canvas' ); ?></p>
    36 <!-- /wp:paragraph --></div>
    37 <!-- /wp:column -->
    38 
    39 <!-- wp:column {"verticalAlignment":"center","width":"28%"} -->
    40 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:28%"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-body","fontSize":"small"} -->
    41 <p class="has-text-body-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Identity, packaging, online shop', 'origin-canvas' ); ?></p>
    42 <!-- /wp:paragraph --></div>
    43 <!-- /wp:column -->
    44 
    45 <!-- wp:column {"verticalAlignment":"center","width":"12%"} -->
    46 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:12%"><!-- wp:paragraph {"style":{"typography":{"letterSpacing":"0.06em"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-muted","fontSize":"small"} -->
    47 <p class="has-text-muted-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0;letter-spacing:0.06em"><?php echo esc_html__( '2026', 'origin-canvas' ); ?></p>
    48 <!-- /wp:paragraph --></div>
    49 <!-- /wp:column -->
    50 
    51 <!-- wp:column {"verticalAlignment":"center","width":"20%"} -->
    52 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:20%"><!-- wp:paragraph {"align":"right","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-muted","fontSize":"small"} -->
    53 <p class="has-text-align-right has-text-muted-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Spring &#8217;26', 'origin-canvas' ); ?> &rarr;</p>
    54 <!-- /wp:paragraph --></div>
    55 <!-- /wp:column --></div>
    56 <!-- /wp:columns -->
    57 
    58 <!-- wp:columns {"align":"wide","verticalAlignment":"center","style":{"border":{"top":{"color":"var:preset|color|border","width":"1px"}},"spacing":{"padding":{"top":"var:preset|spacing|large","bottom":"var:preset|spacing|large"},"blockGap":{"top":"var:preset|spacing|medium","left":"var:preset|spacing|large"}}}} -->
    59 <div class="wp-block-columns alignwide are-vertically-aligned-center" style="border-top-color:var(--wp--preset--color--border);border-top-width:1px;padding-top:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large)"><!-- wp:column {"verticalAlignment":"center","width":"8%"} -->
    60 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:8%"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600","letterSpacing":"0.08em"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-muted","fontSize":"small"} -->
    61 <p class="has-text-muted-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:600;letter-spacing:0.08em"><?php echo esc_html__( '05', 'origin-canvas' ); ?></p>
    62 <!-- /wp:paragraph --></div>
    63 <!-- /wp:column -->
    64 
    65 <!-- wp:column {"verticalAlignment":"center","width":"32%"} -->
    66 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:32%"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-heading","fontSize":"large"} -->
    67 <p class="has-text-heading-color has-text-color has-large-font-size" style="margin-top:0;margin-bottom:0;font-weight:600"><?php echo esc_html__( 'Westmount Property', 'origin-canvas' ); ?></p>
    68 <!-- /wp:paragraph --></div>
    69 <!-- /wp:column -->
    70 
    71 <!-- wp:column {"verticalAlignment":"center","width":"28%"} -->
    72 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:28%"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-body","fontSize":"small"} -->
    73 <p class="has-text-body-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Web, listings, search', 'origin-canvas' ); ?></p>
    74 <!-- /wp:paragraph --></div>
    75 <!-- /wp:column -->
    76 
    77 <!-- wp:column {"verticalAlignment":"center","width":"12%"} -->
    78 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:12%"><!-- wp:paragraph {"style":{"typography":{"letterSpacing":"0.06em"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-muted","fontSize":"small"} -->
    79 <p class="has-text-muted-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0;letter-spacing:0.06em"><?php echo esc_html__( '2025', 'origin-canvas' ); ?></p>
    80 <!-- /wp:paragraph --></div>
    81 <!-- /wp:column -->
    82 
    83 <!-- wp:column {"verticalAlignment":"center","width":"20%"} -->
    84 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:20%"><!-- wp:paragraph {"align":"right","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-muted","fontSize":"small"} -->
    85 <p class="has-text-align-right has-text-muted-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Autumn &#8217;25', 'origin-canvas' ); ?> &rarr;</p>
    86 <!-- /wp:paragraph --></div>
    87 <!-- /wp:column --></div>
    88 <!-- /wp:columns -->
    89 
    90 <!-- wp:columns {"align":"wide","verticalAlignment":"center","style":{"border":{"top":{"color":"var:preset|color|border","width":"1px"}},"spacing":{"padding":{"top":"var:preset|spacing|large","bottom":"var:preset|spacing|large"},"blockGap":{"top":"var:preset|spacing|medium","left":"var:preset|spacing|large"}}}} -->
    91 <div class="wp-block-columns alignwide are-vertically-aligned-center" style="border-top-color:var(--wp--preset--color--border);border-top-width:1px;padding-top:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large)"><!-- wp:column {"verticalAlignment":"center","width":"8%"} -->
    92 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:8%"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600","letterSpacing":"0.08em"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-muted","fontSize":"small"} -->
    93 <p class="has-text-muted-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:600;letter-spacing:0.08em"><?php echo esc_html__( '04', 'origin-canvas' ); ?></p>
    94 <!-- /wp:paragraph --></div>
    95 <!-- /wp:column -->
    96 
    97 <!-- wp:column {"verticalAlignment":"center","width":"32%"} -->
    98 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:32%"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-heading","fontSize":"large"} -->
    99 <p class="has-text-heading-color has-text-color has-large-font-size" style="margin-top:0;margin-bottom:0;font-weight:600"><?php echo esc_html__( 'Linden & Lark Florist', 'origin-canvas' ); ?></p>
    100 <!-- /wp:paragraph --></div>
    101 <!-- /wp:column -->
    102 
    103 <!-- wp:column {"verticalAlignment":"center","width":"28%"} -->
    104 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:28%"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-body","fontSize":"small"} -->
    105 <p class="has-text-body-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Identity, single-page site', 'origin-canvas' ); ?></p>
    106 <!-- /wp:paragraph --></div>
    107 <!-- /wp:column -->
    108 
    109 <!-- wp:column {"verticalAlignment":"center","width":"12%"} -->
    110 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:12%"><!-- wp:paragraph {"style":{"typography":{"letterSpacing":"0.06em"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-muted","fontSize":"small"} -->
    111 <p class="has-text-muted-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0;letter-spacing:0.06em"><?php echo esc_html__( '2025', 'origin-canvas' ); ?></p>
    112 <!-- /wp:paragraph --></div>
    113 <!-- /wp:column -->
    114 
    115 <!-- wp:column {"verticalAlignment":"center","width":"20%"} -->
    116 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:20%"><!-- wp:paragraph {"align":"right","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-muted","fontSize":"small"} -->
    117 <p class="has-text-align-right has-text-muted-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Summer &#8217;25', 'origin-canvas' ); ?> &rarr;</p>
    118 <!-- /wp:paragraph --></div>
    119 <!-- /wp:column --></div>
    120 <!-- /wp:columns -->
    121 
    122 <!-- wp:columns {"align":"wide","verticalAlignment":"center","style":{"border":{"top":{"color":"var:preset|color|border","width":"1px"}},"spacing":{"padding":{"top":"var:preset|spacing|large","bottom":"var:preset|spacing|large"},"blockGap":{"top":"var:preset|spacing|medium","left":"var:preset|spacing|large"}}}} -->
    123 <div class="wp-block-columns alignwide are-vertically-aligned-center" style="border-top-color:var(--wp--preset--color--border);border-top-width:1px;padding-top:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large)"><!-- wp:column {"verticalAlignment":"center","width":"8%"} -->
    124 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:8%"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600","letterSpacing":"0.08em"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-muted","fontSize":"small"} -->
    125 <p class="has-text-muted-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:600;letter-spacing:0.08em"><?php echo esc_html__( '03', 'origin-canvas' ); ?></p>
    126 <!-- /wp:paragraph --></div>
    127 <!-- /wp:column -->
    128 
    129 <!-- wp:column {"verticalAlignment":"center","width":"32%"} -->
    130 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:32%"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-heading","fontSize":"large"} -->
    131 <p class="has-text-heading-color has-text-color has-large-font-size" style="margin-top:0;margin-bottom:0;font-weight:600"><?php echo esc_html__( 'Bridge Coffee Roasters', 'origin-canvas' ); ?></p>
    132 <!-- /wp:paragraph --></div>
    133 <!-- /wp:column -->
    134 
    135 <!-- wp:column {"verticalAlignment":"center","width":"28%"} -->
    136 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:28%"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-body","fontSize":"small"} -->
    137 <p class="has-text-body-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Brand refresh, wholesale site', 'origin-canvas' ); ?></p>
    138 <!-- /wp:paragraph --></div>
    139 <!-- /wp:column -->
    140 
    141 <!-- wp:column {"verticalAlignment":"center","width":"12%"} -->
    142 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:12%"><!-- wp:paragraph {"style":{"typography":{"letterSpacing":"0.06em"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-muted","fontSize":"small"} -->
    143 <p class="has-text-muted-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0;letter-spacing:0.06em"><?php echo esc_html__( '2024', 'origin-canvas' ); ?></p>
    144 <!-- /wp:paragraph --></div>
    145 <!-- /wp:column -->
    146 
    147 <!-- wp:column {"verticalAlignment":"center","width":"20%"} -->
    148 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:20%"><!-- wp:paragraph {"align":"right","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-muted","fontSize":"small"} -->
    149 <p class="has-text-align-right has-text-muted-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Winter &#8217;24', 'origin-canvas' ); ?> &rarr;</p>
    150 <!-- /wp:paragraph --></div>
    151 <!-- /wp:column --></div>
    152 <!-- /wp:columns -->
    153 
    154 <!-- wp:columns {"align":"wide","verticalAlignment":"center","style":{"border":{"top":{"color":"var:preset|color|border","width":"1px"}},"spacing":{"padding":{"top":"var:preset|spacing|large","bottom":"var:preset|spacing|large"},"blockGap":{"top":"var:preset|spacing|medium","left":"var:preset|spacing|large"}}}} -->
    155 <div class="wp-block-columns alignwide are-vertically-aligned-center" style="border-top-color:var(--wp--preset--color--border);border-top-width:1px;padding-top:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large)"><!-- wp:column {"verticalAlignment":"center","width":"8%"} -->
    156 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:8%"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600","letterSpacing":"0.08em"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-muted","fontSize":"small"} -->
    157 <p class="has-text-muted-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:600;letter-spacing:0.08em"><?php echo esc_html__( '02', 'origin-canvas' ); ?></p>
    158 <!-- /wp:paragraph --></div>
    159 <!-- /wp:column -->
    160 
    161 <!-- wp:column {"verticalAlignment":"center","width":"32%"} -->
    162 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:32%"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-heading","fontSize":"large"} -->
    163 <p class="has-text-heading-color has-text-color has-large-font-size" style="margin-top:0;margin-bottom:0;font-weight:600"><?php echo esc_html__( 'Marrow & Mast', 'origin-canvas' ); ?></p>
    164 <!-- /wp:paragraph --></div>
    165 <!-- /wp:column -->
    166 
    167 <!-- wp:column {"verticalAlignment":"center","width":"28%"} -->
    168 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:28%"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-body","fontSize":"small"} -->
    169 <p class="has-text-body-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Identity, menu system, web', 'origin-canvas' ); ?></p>
    170 <!-- /wp:paragraph --></div>
    171 <!-- /wp:column -->
    172 
    173 <!-- wp:column {"verticalAlignment":"center","width":"12%"} -->
    174 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:12%"><!-- wp:paragraph {"style":{"typography":{"letterSpacing":"0.06em"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-muted","fontSize":"small"} -->
    175 <p class="has-text-muted-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0;letter-spacing:0.06em"><?php echo esc_html__( '2024', 'origin-canvas' ); ?></p>
    176 <!-- /wp:paragraph --></div>
    177 <!-- /wp:column -->
    178 
    179 <!-- wp:column {"verticalAlignment":"center","width":"20%"} -->
    180 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:20%"><!-- wp:paragraph {"align":"right","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-muted","fontSize":"small"} -->
    181 <p class="has-text-align-right has-text-muted-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Spring &#8217;24', 'origin-canvas' ); ?> &rarr;</p>
    182 <!-- /wp:paragraph --></div>
    183 <!-- /wp:column --></div>
    184 <!-- /wp:columns -->
    185 
    186 <!-- wp:columns {"align":"wide","verticalAlignment":"center","style":{"border":{"top":{"color":"var:preset|color|border","width":"1px"},"bottom":{"color":"var:preset|color|border","width":"1px"}},"spacing":{"padding":{"top":"var:preset|spacing|large","bottom":"var:preset|spacing|large"},"blockGap":{"top":"var:preset|spacing|medium","left":"var:preset|spacing|large"}}}} -->
    187 <div class="wp-block-columns alignwide are-vertically-aligned-center" style="border-top-color:var(--wp--preset--color--border);border-top-width:1px;border-bottom-color:var(--wp--preset--color--border);border-bottom-width:1px;padding-top:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large)"><!-- wp:column {"verticalAlignment":"center","width":"8%"} -->
    188 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:8%"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600","letterSpacing":"0.08em"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-muted","fontSize":"small"} -->
    189 <p class="has-text-muted-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:600;letter-spacing:0.08em"><?php echo esc_html__( '01', 'origin-canvas' ); ?></p>
    190 <!-- /wp:paragraph --></div>
    191 <!-- /wp:column -->
    192 
    193 <!-- wp:column {"verticalAlignment":"center","width":"32%"} -->
    194 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:32%"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-heading","fontSize":"large"} -->
    195 <p class="has-text-heading-color has-text-color has-large-font-size" style="margin-top:0;margin-bottom:0;font-weight:600"><?php echo esc_html__( 'Fairview Architects', 'origin-canvas' ); ?></p>
    196 <!-- /wp:paragraph --></div>
    197 <!-- /wp:column -->
    198 
    199 <!-- wp:column {"verticalAlignment":"center","width":"28%"} -->
    200 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:28%"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-body","fontSize":"small"} -->
    201 <p class="has-text-body-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Web, project archive', 'origin-canvas' ); ?></p>
    202 <!-- /wp:paragraph --></div>
    203 <!-- /wp:column -->
    204 
    205 <!-- wp:column {"verticalAlignment":"center","width":"12%"} -->
    206 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:12%"><!-- wp:paragraph {"style":{"typography":{"letterSpacing":"0.06em"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-muted","fontSize":"small"} -->
    207 <p class="has-text-muted-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0;letter-spacing:0.06em"><?php echo esc_html__( '2023', 'origin-canvas' ); ?></p>
    208 <!-- /wp:paragraph --></div>
    209 <!-- /wp:column -->
    210 
    211 <!-- wp:column {"verticalAlignment":"center","width":"20%"} -->
    212 <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:20%"><!-- wp:paragraph {"align":"right","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"text-muted","fontSize":"small"} -->
    213 <p class="has-text-align-right has-text-muted-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Autumn &#8217;23', 'origin-canvas' ); ?> &rarr;</p>
     27<!-- wp:columns {"align":"wide","verticalAlignment":"center","style":{"border":{"top":{"color":"var:preset|color|base-5","width":"1px"}},"spacing":{"padding":{"top":"var:preset|spacing|large","bottom":"var:preset|spacing|large"},"blockGap":{"top":"var:preset|spacing|medium","left":"var:preset|spacing|large"}}}} -->
     28<div class="wp-block-columns alignwide are-vertically-aligned-center" style="border-top-color:var(--wp--preset--color--base-5);border-top-width:1px;padding-top:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large)"><!-- wp:column {"verticalAlignment":"center","width":"8%"} -->
     29<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:8%"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600","letterSpacing":"0.06em"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-3","fontSize":"small"} -->
     30<p class="has-contrast-3-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:600;letter-spacing:0.06em"><?php echo esc_html__( '01', 'origin-canvas' ); ?></p>
     31<!-- /wp:paragraph --></div>
     32<!-- /wp:column -->
     33
     34<!-- wp:column {"verticalAlignment":"center","width":"32%"} -->
     35<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:32%"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast","fontSize":"large"} -->
     36<p class="has-contrast-color has-text-color has-large-font-size" style="margin-top:0;margin-bottom:0;font-weight:600"><?php echo esc_html__( 'Ash &amp; Pine Woodworks', 'origin-canvas' ); ?></p>
     37<!-- /wp:paragraph --></div>
     38<!-- /wp:column -->
     39
     40<!-- wp:column {"verticalAlignment":"center","width":"28%"} -->
     41<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:28%"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-2","fontSize":"small"} -->
     42<p class="has-contrast-2-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Identity, portfolio site', 'origin-canvas' ); ?></p>
     43<!-- /wp:paragraph --></div>
     44<!-- /wp:column -->
     45
     46<!-- wp:column {"verticalAlignment":"center","width":"12%"} -->
     47<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:12%"><!-- wp:paragraph {"style":{"typography":{"letterSpacing":"0.06em"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-3","fontSize":"small"} -->
     48<p class="has-contrast-3-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0;letter-spacing:0.06em"><?php echo esc_html__( '2026', 'origin-canvas' ); ?></p>
     49<!-- /wp:paragraph --></div>
     50<!-- /wp:column -->
     51
     52<!-- wp:column {"verticalAlignment":"center","width":"20%"} -->
     53<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:20%"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"textAlign":"right"}},"textColor":"contrast-3","fontSize":"small"} -->
     54<p class="has-text-align-right has-contrast-3-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Spring &#8217;26', 'origin-canvas' ); ?> &rarr;</p>
     55<!-- /wp:paragraph --></div>
     56<!-- /wp:column --></div>
     57<!-- /wp:columns -->
     58
     59<!-- wp:columns {"align":"wide","verticalAlignment":"center","style":{"border":{"top":{"color":"var:preset|color|base-5","width":"1px"}},"spacing":{"padding":{"top":"var:preset|spacing|large","bottom":"var:preset|spacing|large"},"blockGap":{"top":"var:preset|spacing|medium","left":"var:preset|spacing|large"}}}} -->
     60<div class="wp-block-columns alignwide are-vertically-aligned-center" style="border-top-color:var(--wp--preset--color--base-5);border-top-width:1px;padding-top:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large)"><!-- wp:column {"verticalAlignment":"center","width":"8%"} -->
     61<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:8%"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600","letterSpacing":"0.06em"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-3","fontSize":"small"} -->
     62<p class="has-contrast-3-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:600;letter-spacing:0.06em"><?php echo esc_html__( '02', 'origin-canvas' ); ?></p>
     63<!-- /wp:paragraph --></div>
     64<!-- /wp:column -->
     65
     66<!-- wp:column {"verticalAlignment":"center","width":"32%"} -->
     67<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:32%"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast","fontSize":"large"} -->
     68<p class="has-contrast-color has-text-color has-large-font-size" style="margin-top:0;margin-bottom:0;font-weight:600"><?php echo esc_html__( 'Ashby &amp; Rowe Law', 'origin-canvas' ); ?></p>
     69<!-- /wp:paragraph --></div>
     70<!-- /wp:column -->
     71
     72<!-- wp:column {"verticalAlignment":"center","width":"28%"} -->
     73<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:28%"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-2","fontSize":"small"} -->
     74<p class="has-contrast-2-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Identity, website', 'origin-canvas' ); ?></p>
     75<!-- /wp:paragraph --></div>
     76<!-- /wp:column -->
     77
     78<!-- wp:column {"verticalAlignment":"center","width":"12%"} -->
     79<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:12%"><!-- wp:paragraph {"style":{"typography":{"letterSpacing":"0.06em"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-3","fontSize":"small"} -->
     80<p class="has-contrast-3-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0;letter-spacing:0.06em"><?php echo esc_html__( '2025', 'origin-canvas' ); ?></p>
     81<!-- /wp:paragraph --></div>
     82<!-- /wp:column -->
     83
     84<!-- wp:column {"verticalAlignment":"center","width":"20%"} -->
     85<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:20%"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"textAlign":"right"}},"textColor":"contrast-3","fontSize":"small"} -->
     86<p class="has-text-align-right has-contrast-3-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Fall &#8217;25', 'origin-canvas' ); ?> &rarr;</p>
     87<!-- /wp:paragraph --></div>
     88<!-- /wp:column --></div>
     89<!-- /wp:columns -->
     90
     91<!-- wp:columns {"align":"wide","verticalAlignment":"center","style":{"border":{"top":{"color":"var:preset|color|base-5","width":"1px"}},"spacing":{"padding":{"top":"var:preset|spacing|large","bottom":"var:preset|spacing|large"},"blockGap":{"top":"var:preset|spacing|medium","left":"var:preset|spacing|large"}}}} -->
     92<div class="wp-block-columns alignwide are-vertically-aligned-center" style="border-top-color:var(--wp--preset--color--base-5);border-top-width:1px;padding-top:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large)"><!-- wp:column {"verticalAlignment":"center","width":"8%"} -->
     93<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:8%"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600","letterSpacing":"0.06em"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-3","fontSize":"small"} -->
     94<p class="has-contrast-3-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:600;letter-spacing:0.06em"><?php echo esc_html__( '03', 'origin-canvas' ); ?></p>
     95<!-- /wp:paragraph --></div>
     96<!-- /wp:column -->
     97
     98<!-- wp:column {"verticalAlignment":"center","width":"32%"} -->
     99<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:32%"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast","fontSize":"large"} -->
     100<p class="has-contrast-color has-text-color has-large-font-size" style="margin-top:0;margin-bottom:0;font-weight:600"><?php echo esc_html__( 'Kestrel Physical Therapy', 'origin-canvas' ); ?></p>
     101<!-- /wp:paragraph --></div>
     102<!-- /wp:column -->
     103
     104<!-- wp:column {"verticalAlignment":"center","width":"28%"} -->
     105<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:28%"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-2","fontSize":"small"} -->
     106<p class="has-contrast-2-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Web, online booking', 'origin-canvas' ); ?></p>
     107<!-- /wp:paragraph --></div>
     108<!-- /wp:column -->
     109
     110<!-- wp:column {"verticalAlignment":"center","width":"12%"} -->
     111<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:12%"><!-- wp:paragraph {"style":{"typography":{"letterSpacing":"0.06em"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-3","fontSize":"small"} -->
     112<p class="has-contrast-3-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0;letter-spacing:0.06em"><?php echo esc_html__( '2025', 'origin-canvas' ); ?></p>
     113<!-- /wp:paragraph --></div>
     114<!-- /wp:column -->
     115
     116<!-- wp:column {"verticalAlignment":"center","width":"20%"} -->
     117<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:20%"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"textAlign":"right"}},"textColor":"contrast-3","fontSize":"small"} -->
     118<p class="has-text-align-right has-contrast-3-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Summer &#8217;25', 'origin-canvas' ); ?> &rarr;</p>
     119<!-- /wp:paragraph --></div>
     120<!-- /wp:column --></div>
     121<!-- /wp:columns -->
     122
     123<!-- wp:columns {"align":"wide","verticalAlignment":"center","style":{"border":{"top":{"color":"var:preset|color|base-5","width":"1px"}},"spacing":{"padding":{"top":"var:preset|spacing|large","bottom":"var:preset|spacing|large"},"blockGap":{"top":"var:preset|spacing|medium","left":"var:preset|spacing|large"}}}} -->
     124<div class="wp-block-columns alignwide are-vertically-aligned-center" style="border-top-color:var(--wp--preset--color--base-5);border-top-width:1px;padding-top:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large)"><!-- wp:column {"verticalAlignment":"center","width":"8%"} -->
     125<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:8%"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600","letterSpacing":"0.06em"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-3","fontSize":"small"} -->
     126<p class="has-contrast-3-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:600;letter-spacing:0.06em"><?php echo esc_html__( '04', 'origin-canvas' ); ?></p>
     127<!-- /wp:paragraph --></div>
     128<!-- /wp:column -->
     129
     130<!-- wp:column {"verticalAlignment":"center","width":"32%"} -->
     131<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:32%"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast","fontSize":"large"} -->
     132<p class="has-contrast-color has-text-color has-large-font-size" style="margin-top:0;margin-bottom:0;font-weight:600"><?php echo esc_html__( 'Northgate Cycle Works', 'origin-canvas' ); ?></p>
     133<!-- /wp:paragraph --></div>
     134<!-- /wp:column -->
     135
     136<!-- wp:column {"verticalAlignment":"center","width":"28%"} -->
     137<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:28%"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-2","fontSize":"small"} -->
     138<p class="has-contrast-2-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Web, service list', 'origin-canvas' ); ?></p>
     139<!-- /wp:paragraph --></div>
     140<!-- /wp:column -->
     141
     142<!-- wp:column {"verticalAlignment":"center","width":"12%"} -->
     143<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:12%"><!-- wp:paragraph {"style":{"typography":{"letterSpacing":"0.06em"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-3","fontSize":"small"} -->
     144<p class="has-contrast-3-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0;letter-spacing:0.06em"><?php echo esc_html__( '2024', 'origin-canvas' ); ?></p>
     145<!-- /wp:paragraph --></div>
     146<!-- /wp:column -->
     147
     148<!-- wp:column {"verticalAlignment":"center","width":"20%"} -->
     149<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:20%"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"textAlign":"right"}},"textColor":"contrast-3","fontSize":"small"} -->
     150<p class="has-text-align-right has-contrast-3-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Winter &#8217;24', 'origin-canvas' ); ?> &rarr;</p>
     151<!-- /wp:paragraph --></div>
     152<!-- /wp:column --></div>
     153<!-- /wp:columns -->
     154
     155<!-- wp:columns {"align":"wide","verticalAlignment":"center","style":{"border":{"top":{"color":"var:preset|color|base-5","width":"1px"}},"spacing":{"padding":{"top":"var:preset|spacing|large","bottom":"var:preset|spacing|large"},"blockGap":{"top":"var:preset|spacing|medium","left":"var:preset|spacing|large"}}}} -->
     156<div class="wp-block-columns alignwide are-vertically-aligned-center" style="border-top-color:var(--wp--preset--color--base-5);border-top-width:1px;padding-top:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large)"><!-- wp:column {"verticalAlignment":"center","width":"8%"} -->
     157<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:8%"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600","letterSpacing":"0.06em"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-3","fontSize":"small"} -->
     158<p class="has-contrast-3-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:600;letter-spacing:0.06em"><?php echo esc_html__( '05', 'origin-canvas' ); ?></p>
     159<!-- /wp:paragraph --></div>
     160<!-- /wp:column -->
     161
     162<!-- wp:column {"verticalAlignment":"center","width":"32%"} -->
     163<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:32%"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast","fontSize":"large"} -->
     164<p class="has-contrast-color has-text-color has-large-font-size" style="margin-top:0;margin-bottom:0;font-weight:600"><?php echo esc_html__( 'Clearwater Accounting', 'origin-canvas' ); ?></p>
     165<!-- /wp:paragraph --></div>
     166<!-- /wp:column -->
     167
     168<!-- wp:column {"verticalAlignment":"center","width":"28%"} -->
     169<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:28%"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-2","fontSize":"small"} -->
     170<p class="has-contrast-2-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Identity, web', 'origin-canvas' ); ?></p>
     171<!-- /wp:paragraph --></div>
     172<!-- /wp:column -->
     173
     174<!-- wp:column {"verticalAlignment":"center","width":"12%"} -->
     175<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:12%"><!-- wp:paragraph {"style":{"typography":{"letterSpacing":"0.06em"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-3","fontSize":"small"} -->
     176<p class="has-contrast-3-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0;letter-spacing:0.06em"><?php echo esc_html__( '2024', 'origin-canvas' ); ?></p>
     177<!-- /wp:paragraph --></div>
     178<!-- /wp:column -->
     179
     180<!-- wp:column {"verticalAlignment":"center","width":"20%"} -->
     181<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:20%"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"textAlign":"right"}},"textColor":"contrast-3","fontSize":"small"} -->
     182<p class="has-text-align-right has-contrast-3-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Spring &#8217;24', 'origin-canvas' ); ?> &rarr;</p>
     183<!-- /wp:paragraph --></div>
     184<!-- /wp:column --></div>
     185<!-- /wp:columns -->
     186
     187<!-- wp:columns {"align":"wide","verticalAlignment":"center","style":{"border":{"top":{"color":"var:preset|color|base-5","width":"1px"},"bottom":{"color":"var:preset|color|base-5","width":"1px"}},"spacing":{"padding":{"top":"var:preset|spacing|large","bottom":"var:preset|spacing|large"},"blockGap":{"top":"var:preset|spacing|medium","left":"var:preset|spacing|large"}}}} -->
     188<div class="wp-block-columns alignwide are-vertically-aligned-center" style="border-top-color:var(--wp--preset--color--base-5);border-top-width:1px;border-bottom-color:var(--wp--preset--color--base-5);border-bottom-width:1px;padding-top:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large)"><!-- wp:column {"verticalAlignment":"center","width":"8%"} -->
     189<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:8%"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600","letterSpacing":"0.06em"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-3","fontSize":"small"} -->
     190<p class="has-contrast-3-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0;font-weight:600;letter-spacing:0.06em"><?php echo esc_html__( '06', 'origin-canvas' ); ?></p>
     191<!-- /wp:paragraph --></div>
     192<!-- /wp:column -->
     193
     194<!-- wp:column {"verticalAlignment":"center","width":"32%"} -->
     195<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:32%"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"600"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast","fontSize":"large"} -->
     196<p class="has-contrast-color has-text-color has-large-font-size" style="margin-top:0;margin-bottom:0;font-weight:600"><?php echo esc_html__( 'Fairview Architects', 'origin-canvas' ); ?></p>
     197<!-- /wp:paragraph --></div>
     198<!-- /wp:column -->
     199
     200<!-- wp:column {"verticalAlignment":"center","width":"28%"} -->
     201<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:28%"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-2","fontSize":"small"} -->
     202<p class="has-contrast-2-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Web, project archive', 'origin-canvas' ); ?></p>
     203<!-- /wp:paragraph --></div>
     204<!-- /wp:column -->
     205
     206<!-- wp:column {"verticalAlignment":"center","width":"12%"} -->
     207<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:12%"><!-- wp:paragraph {"style":{"typography":{"letterSpacing":"0.06em"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"contrast-3","fontSize":"small"} -->
     208<p class="has-contrast-3-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0;letter-spacing:0.06em"><?php echo esc_html__( '2023', 'origin-canvas' ); ?></p>
     209<!-- /wp:paragraph --></div>
     210<!-- /wp:column -->
     211
     212<!-- wp:column {"verticalAlignment":"center","width":"20%"} -->
     213<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:20%"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"textAlign":"right"}},"textColor":"contrast-3","fontSize":"small"} -->
     214<p class="has-text-align-right has-contrast-3-color has-text-color has-small-font-size" style="margin-top:0;margin-bottom:0"><?php echo esc_html__( 'Fall &#8217;23', 'origin-canvas' ); ?> &rarr;</p>
    214215<!-- /wp:paragraph --></div>
    215216<!-- /wp:column --></div>

  • origin-canvas/1.4.3/readme.txt

    r347102 r356743  
    66
    77Requires at least: 7.0
    8 Tested up to: 7.0
     8Tested up to: 7.1
    99Requires PHP: 7.4
    1010License: GNU General Public License v3 or later
    1111License URI: https://www.gnu.org/licenses/gpl-3.0.html
    1212
    13 A Full Site Editing WordPress block theme for sites that look designed, not assembled. Templates, patterns, typography, and color - one coherent system.
     13Start closer to finished with a free WordPress block theme: templates, patterns and 12 style variations, ready to edit in the Site Editor.
    1414
    1515== Description ==
    1616
    17 For solo developers, freelancers, and small teams building polished sites without starting from zero.
    18 
    19 Start closer to finished. Balanced type, deliberate spacing, flexible templates, and cohesive patterns give every build a clear design foundation from the first page.
    20 
    21 Choose from eleven style variations, shape the site in the editor, and keep momentum without losing the design thread.
     17Canvas is a free block theme for solo developers, freelancers and small teams who build client sites in the Block Editor.
     18
     19Every pattern uses the theme's colors, type and spacing, so sections line up from page to page. Templates, patterns and styles are in place from the first page.
     20
     21Choose from 12 style variations, which restyle every pattern at once. Change any part of the site in the Site Editor.
    2222
    2323== Installation ==
    2424
    25 1. Login to your WordPress installation and go to Appearance > Themes > Add New > Upload Theme.
    26 2. Click Choose File and browse to the theme's ZIP file on your computer. Click Install Now.
    27 3. Click Activate to get started with your new theme right away.
     251. Log in to your WordPress site and go to **Appearance > Themes > Add New > Upload Theme**.
     262. Click **Choose File** and select the theme's ZIP file on your computer. Click **Install Now**.
     273. Click **Activate**.
    2828
    2929== Documentation ==
    3030
    31 [Documentation](https://origin-blocks.github.io/origin-canvas/) is available.
     31Read the [documentation](https://origin-blocks.github.io/origin-canvas/).
    3232
    3333== Support ==
    3434
    35 [Support](https://github.com/origin-blocks/origin-canvas/issues) is available on GitHub Issues.
     35Ask questions and report problems in [GitHub Issues](https://github.com/origin-blocks/origin-canvas/issues).
    3636
    3737== License ==
    … …  
    4747== Theme Screenshot ==
    4848
    49 Theme screenshot image "Hartwell Tea Co. case-study image" (patterns/images/card-image-text-1.webp), AI-generated for Origin Canvas using OpenAI/ChatGPT image generation. Released by Origin under GPLv3. Provider terms: OpenAI Terms of Use, https://openai.com/policies/terms-of-use/.
     49Theme screenshot image "Ash & Pine Woodworks timber stack" (patterns/images/timber-stack.webp), AI-generated for Origin Canvas using OpenAI/ChatGPT image generation. Released by Origin under GPLv3. Provider terms: OpenAI Terms of Use, https://openai.com/policies/terms-of-use/.
    5050
    5151== Images ==
    5252
    53 Pattern image "Hartwell Tea Co. case-study image" (patterns/images/card-image-text-1.webp), AI-generated for Origin Canvas using OpenAI/ChatGPT image generation. Released by Origin under GPLv3. Provider terms: OpenAI Terms of Use, https://openai.com/policies/terms-of-use/.
    54 
    55 Pattern image "Hartwell Tea packaging detail image" (patterns/images/hartwell-tea-detail.webp), AI-generated for Origin Canvas using OpenAI/ChatGPT image generation. Released by Origin under GPLv3. Provider terms: OpenAI Terms of Use, https://openai.com/policies/terms-of-use/.
    56 
    57 Pattern image "Westmount Property case-study image" (patterns/images/card-image-text-2.webp), AI-generated for Origin Canvas using OpenAI/ChatGPT image generation. Released by Origin under GPLv3. Provider terms: OpenAI Terms of Use, https://openai.com/policies/terms-of-use/.
    58 
    59 Pattern image "Linden & Lark Florist case-study image" (patterns/images/card-image-text-3.webp), AI-generated for Origin Canvas using OpenAI/ChatGPT image generation. Released by Origin under GPLv3. Provider terms: OpenAI Terms of Use, https://openai.com/policies/terms-of-use/.
    60 
    61 Pattern image "Studio notes image" (patterns/images/card-blog-3.webp), AI-generated for Origin Canvas using OpenAI/ChatGPT image generation. Released by Origin under GPLv3. Provider terms: OpenAI Terms of Use, https://openai.com/policies/terms-of-use/.
    62 
    63 Pattern image "Week-one client brief image" (patterns/images/card-blog-1.webp), AI-generated for Origin Canvas using OpenAI/ChatGPT image generation. Released by Origin under GPLv3. Provider terms: OpenAI Terms of Use, https://openai.com/policies/terms-of-use/.
    64 
    65 Pattern image "Shared studio worktable image" (patterns/images/workspace-laptop.webp), AI-generated for Origin Canvas using OpenAI/ChatGPT image generation. Released by Origin under GPLv3. Provider terms: OpenAI Terms of Use, https://openai.com/policies/terms-of-use/.
    66 
    67 Pattern image "Desk notebook overhead image" (patterns/images/desk-notebook-overhead.webp), AI-generated for Origin Canvas using OpenAI/ChatGPT image generation. Released by Origin under GPLv3. Provider terms: OpenAI Terms of Use, https://openai.com/policies/terms-of-use/.
     53Pattern image "Westmount Realty listing sheets" (patterns/images/card-image-text-2.webp), AI-generated for Origin Canvas using OpenAI/ChatGPT image generation. Released by Origin under GPLv3. Provider terms: OpenAI Terms of Use, https://openai.com/policies/terms-of-use/.
     54
     55Pattern image "Studio from the street" (patterns/images/card-blog-3.webp), AI-generated for Origin Canvas using OpenAI/ChatGPT image generation. Released by Origin under GPLv3. Provider terms: OpenAI Terms of Use, https://openai.com/policies/terms-of-use/.
     56
     57Pattern image "Kestrel website brief" (patterns/images/card-blog-1.webp), AI-generated for Origin Canvas using OpenAI/ChatGPT image generation. Released by Origin under GPLv3. Provider terms: OpenAI Terms of Use, https://openai.com/policies/terms-of-use/.
     58
     59Pattern image "Studio room" (patterns/images/workspace-laptop.webp), AI-generated for Origin Canvas using OpenAI/ChatGPT image generation. Released by Origin under GPLv3. Provider terms: OpenAI Terms of Use, https://openai.com/policies/terms-of-use/.
    6860
    6961Pattern image "Michael Hughes testimonial portrait" (patterns/images/avatar-michael-hughes.webp), AI-generated for Origin Canvas using OpenAI/ChatGPT image generation. Released by Origin under GPLv3. Provider terms: OpenAI Terms of Use, https://openai.com/policies/terms-of-use/.
    7062
    71 Pattern image "Sarah Jenkins testimonial portrait" (patterns/images/avatar-sarah-jenkins.webp), AI-generated for Origin Canvas using OpenAI/ChatGPT image generation. Released by Origin under GPLv3. Provider terms: OpenAI Terms of Use, https://openai.com/policies/terms-of-use/.
    72 
    73 Pattern image "Emma Whitaker testimonial portrait" (patterns/images/avatar-emma-whitaker.webp), AI-generated for Origin Canvas using OpenAI/ChatGPT image generation. Released by Origin under GPLv3. Provider terms: OpenAI Terms of Use, https://openai.com/policies/terms-of-use/.
     63Pattern image "Rachel Moore testimonial portrait" (patterns/images/avatar-rachel-moore.webp), AI-generated for Origin Canvas using OpenAI/ChatGPT image generation. Released by Origin under GPLv3. Provider terms: OpenAI Terms of Use, https://openai.com/policies/terms-of-use/.
    7464
    7565Pattern image "Claire Bennett team portrait" (patterns/images/avatar-claire-bennett.webp), AI-generated for Origin Canvas using OpenAI/ChatGPT image generation. Released by Origin under GPLv3. Provider terms: OpenAI Terms of Use, https://openai.com/policies/terms-of-use/.
    … …  
    7969Pattern image "Hannah Wright team portrait" (patterns/images/avatar-hannah-wright.webp), AI-generated for Origin Canvas using OpenAI/ChatGPT image generation. Released by Origin under GPLv3. Provider terms: OpenAI Terms of Use, https://openai.com/policies/terms-of-use/.
    8070
    81 Pattern image "Sarah Jenkins testimonial avatar image" (patterns/images/card-testimonial-1.webp), AI-generated for Origin Canvas using OpenAI/ChatGPT image generation. Released by Origin under GPLv3. Provider terms: OpenAI Terms of Use, https://openai.com/policies/terms-of-use/.
    82 
    83 Pattern image "Hero split studio interior cover image" (patterns/images/architecture-interior.webp), AI-generated for Origin Canvas using OpenAI/ChatGPT image generation. Released by Origin under GPLv3. Provider terms: OpenAI Terms of Use, https://openai.com/policies/terms-of-use/.
    84 
    85 Pattern image "Tom Bradshaw testimonial avatar image" (patterns/images/testimonial-highlight-1.webp), AI-generated for Origin Canvas using OpenAI/ChatGPT image generation. Released by Origin under GPLv3. Provider terms: OpenAI Terms of Use, https://openai.com/policies/terms-of-use/.
    86 
    87 Pattern image "Studio worktable flat-lay image" (patterns/images/studio-worktable.webp), AI-generated for Origin Canvas using OpenAI/ChatGPT image generation. Released by Origin under GPLv3. Provider terms: OpenAI Terms of Use, https://openai.com/policies/terms-of-use/.
    88 
    89 Pattern image "Studio launch-review image" (patterns/images/studio-review.webp), AI-generated for Origin Canvas using OpenAI/ChatGPT image generation. Released by Origin under GPLv3. Provider terms: OpenAI Terms of Use, https://openai.com/policies/terms-of-use/.
     71Pattern image "Ben Carter team portrait" (patterns/images/avatar-ben-carter.webp), AI-generated for Origin Canvas using OpenAI/ChatGPT image generation. Released by Origin under GPLv3. Provider terms: OpenAI Terms of Use, https://openai.com/policies/terms-of-use/.
     72
     73Pattern image "Claire Bennett team card portrait" (patterns/images/portrait-claire-bennett.webp), AI-generated for Origin Canvas using OpenAI/ChatGPT image generation. Released by Origin under GPLv3. Provider terms: OpenAI Terms of Use, https://openai.com/policies/terms-of-use/.
     74
     75Pattern image "Marcus Holloway team card portrait" (patterns/images/portrait-marcus-holloway.webp), AI-generated for Origin Canvas using OpenAI/ChatGPT image generation. Released by Origin under GPLv3. Provider terms: OpenAI Terms of Use, https://openai.com/policies/terms-of-use/.
     76
     77Pattern image "Hannah Wright team card portrait" (patterns/images/portrait-hannah-wright.webp), AI-generated for Origin Canvas using OpenAI/ChatGPT image generation. Released by Origin under GPLv3. Provider terms: OpenAI Terms of Use, https://openai.com/policies/terms-of-use/.
     78
     79Pattern image "Ben Carter team card portrait" (patterns/images/portrait-ben-carter.webp), AI-generated for Origin Canvas using OpenAI/ChatGPT image generation. Released by Origin under GPLv3. Provider terms: OpenAI Terms of Use, https://openai.com/policies/terms-of-use/.
     80
     81Pattern image "Fairview Architects house" (patterns/images/architecture-interior.webp), AI-generated for Origin Canvas using OpenAI/ChatGPT image generation. Released by Origin under GPLv3. Provider terms: OpenAI Terms of Use, https://openai.com/policies/terms-of-use/.
     82
     83Pattern image "Ash & Pine Woodworks timber stack" (patterns/images/timber-stack.webp), AI-generated for Origin Canvas using OpenAI/ChatGPT image generation. Released by Origin under GPLv3. Provider terms: OpenAI Terms of Use, https://openai.com/policies/terms-of-use/.
     84
     85Pattern image "Northgate Cycle Works shop front" (patterns/images/shop-front.webp), AI-generated for Origin Canvas using OpenAI/ChatGPT image generation. Released by Origin under GPLv3. Provider terms: OpenAI Terms of Use, https://openai.com/policies/terms-of-use/.
     86
     87Pattern image "Calder Veterinary Clinic sign" (patterns/images/clinic-sign.webp), AI-generated for Origin Canvas using OpenAI/ChatGPT image generation. Released by Origin under GPLv3. Provider terms: OpenAI Terms of Use, https://openai.com/policies/terms-of-use/.
     88
     89Pattern image "Catherine Rowe testimonial portrait" (patterns/images/avatar-catherine-rowe.webp), AI-generated for Origin Canvas using OpenAI/ChatGPT image generation. Released by Origin under GPLv3. Provider terms: OpenAI Terms of Use, https://openai.com/policies/terms-of-use/.
     90
     91Pattern image "Owen Parker testimonial portrait" (patterns/images/avatar-owen-parry.webp), AI-generated for Origin Canvas using OpenAI/ChatGPT image generation. Released by Origin under GPLv3. Provider terms: OpenAI Terms of Use, https://openai.com/policies/terms-of-use/.
     92
     93Pattern image "Joanna Price testimonial portrait" (patterns/images/avatar-joanna-pryce.webp), AI-generated for Origin Canvas using OpenAI/ChatGPT image generation. Released by Origin under GPLv3. Provider terms: OpenAI Terms of Use, https://openai.com/policies/terms-of-use/.
     94
     95Pattern image "Ruth Mason testimonial portrait" (patterns/images/avatar-ruth-mason.webp), AI-generated for Origin Canvas using OpenAI/ChatGPT image generation. Released by Origin under GPLv3. Provider terms: OpenAI Terms of Use, https://openai.com/policies/terms-of-use/.
     96
     97Pattern image "Helen Marsh testimonial portrait" (patterns/images/avatar-helen-marsh.webp), AI-generated for Origin Canvas using OpenAI/ChatGPT image generation. Released by Origin under GPLv3. Provider terms: OpenAI Terms of Use, https://openai.com/policies/terms-of-use/.
     98
     99Pattern image "Kestrel website wireframes" (patterns/images/studio-wireframe-review.webp), AI-generated for Origin Canvas using OpenAI/ChatGPT image generation. Released by Origin under GPLv3. Provider terms: OpenAI Terms of Use, https://openai.com/policies/terms-of-use/.
     100
     101Pattern image "Mercer Street Framing case-study image" (patterns/images/frame-samples.webp), AI-generated for Origin Canvas using OpenAI/ChatGPT image generation. Released by Origin under GPLv3. Provider terms: OpenAI Terms of Use, https://openai.com/policies/terms-of-use/.
     102
     103Pattern image "Studio one project" (patterns/images/studio-one-project.webp), AI-generated for Origin Canvas using OpenAI/ChatGPT image generation. Released by Origin under GPLv3. Provider terms: OpenAI Terms of Use, https://openai.com/policies/terms-of-use/.
     104
     105Pattern image "Mercer Street Framing wordmark tests" (patterns/images/studio-type-proofs.webp), AI-generated for Origin Canvas using OpenAI/ChatGPT image generation. Released by Origin under GPLv3. Provider terms: OpenAI Terms of Use, https://openai.com/policies/terms-of-use/.
     106
     107Pattern image "Kestrel Physical Therapy exercise room" (patterns/images/exercise-room.webp), AI-generated for Origin Canvas using OpenAI/ChatGPT image generation. Released by Origin under GPLv3. Provider terms: OpenAI Terms of Use, https://openai.com/policies/terms-of-use/.
     108
     109Pattern image "Ashby & Rowe front door" (patterns/images/front-door.webp), AI-generated for Origin Canvas using OpenAI/ChatGPT image generation. Released by Origin under GPLv3. Provider terms: OpenAI Terms of Use, https://openai.com/policies/terms-of-use/.
     110
     111Pattern image "Clearwater Accounting tax folder" (patterns/images/tax-folder.webp), AI-generated for Origin Canvas using OpenAI/ChatGPT image generation. Released by Origin under GPLv3. Provider terms: OpenAI Terms of Use, https://openai.com/policies/terms-of-use/.
     112
     113Pattern image "Westmount Realty yard sign" (patterns/images/yard-sign.webp), AI-generated for Origin Canvas using OpenAI/ChatGPT image generation. Released by Origin under GPLv3. Provider terms: OpenAI Terms of Use, https://openai.com/policies/terms-of-use/.
     114
     115Pattern image "Northgate Cycle Works service menus on the studio shelf" (patterns/images/service-menus.webp), AI-generated for Origin Canvas using OpenAI/ChatGPT image generation. Released by Origin under GPLv3. Provider terms: OpenAI Terms of Use, https://openai.com/policies/terms-of-use/.
     116
     117Pattern image "Fairview Architects site visit" (patterns/images/site-visit.webp), AI-generated for Origin Canvas using OpenAI/ChatGPT image generation. Released by Origin under GPLv3. Provider terms: OpenAI Terms of Use, https://openai.com/policies/terms-of-use/.
     118
     119Demo client logo "Westmount Realty" (patterns/images/logo-westmount.png): made for Origin Canvas, GPL-2.0-or-later.
     120
     121Demo client logo "Mercer Street Framing" (patterns/images/logo-mercer-street.png): made for Origin Canvas, GPL-2.0-or-later.
     122
     123Demo client logo "Ashby & Rowe Law" (patterns/images/logo-ashby-rowe.png): made for Origin Canvas, GPL-2.0-or-later.
     124
     125Demo client logo "Kestrel Physical Therapy" (patterns/images/logo-kestrel.png): made for Origin Canvas, GPL-2.0-or-later.
     126
     127Demo client logo "Northgate Cycle Works" (patterns/images/logo-northgate.png): made for Origin Canvas, GPL-2.0-or-later.
     128
     129Demo client logo "Ash & Pine Woodworks" (patterns/images/logo-ash-pine.png): made for Origin Canvas, GPL-2.0-or-later.
     130
     131Demo client logo "Clearwater Accounting" (patterns/images/logo-clearwater.png): made for Origin Canvas, GPL-2.0-or-later.
     132
     133Demo client logo "Calder Veterinary Clinic" (patterns/images/logo-calder.png): made for Origin Canvas, GPL-2.0-or-later.
     134
     135Demo client logo "Fairview Architects" (patterns/images/logo-fairview.png): made for Origin Canvas, GPL-2.0-or-later.
     136
     137Pattern image "Northgate Cycle Works wireframe sketch" (patterns/images/desk-notebook-overhead.webp), AI-generated for Origin Canvas using OpenAI/ChatGPT image generation. Released by Origin under GPLv3. Provider terms: OpenAI Terms of Use, https://openai.com/policies/terms-of-use/.
     138
     139Pattern image "Ashby & Rowe stationery" (patterns/images/studio-worktable.webp), AI-generated for Origin Canvas using OpenAI/ChatGPT image generation. Released by Origin under GPLv3. Provider terms: OpenAI Terms of Use, https://openai.com/policies/terms-of-use/.
     140
     141Pattern image "Calder Veterinary appointment card" (patterns/images/studio-review.webp), AI-generated for Origin Canvas using OpenAI/ChatGPT image generation. Released by Origin under GPLv3. Provider terms: OpenAI Terms of Use, https://openai.com/policies/terms-of-use/.
     142
     143The six images below are no longer used by any pattern. They are kept so that content created with earlier versions of the theme keeps its images, and each one now holds a copy of a current image of the same size.
     144
     145Pattern image "Retired case-study image, now a copy of the Northgate Cycle Works shop front" (patterns/images/card-image-text-1.webp), AI-generated for Origin Canvas using OpenAI/ChatGPT image generation. Released by Origin under GPLv3. Provider terms: OpenAI Terms of Use, https://openai.com/policies/terms-of-use/.
     146
     147Pattern image "Retired detail image, now a copy of the Calder Veterinary Clinic sign" (patterns/images/hartwell-tea-detail.webp), AI-generated for Origin Canvas using OpenAI/ChatGPT image generation. Released by Origin under GPLv3. Provider terms: OpenAI Terms of Use, https://openai.com/policies/terms-of-use/.
     148
     149Pattern image "Retired testimonial portrait, now a copy of the Owen Parker testimonial portrait" (patterns/images/avatar-sarah-jenkins.webp), AI-generated for Origin Canvas using OpenAI/ChatGPT image generation. Released by Origin under GPLv3. Provider terms: OpenAI Terms of Use, https://openai.com/policies/terms-of-use/.
     150
     151Pattern image "Retired testimonial avatar image, now a 512 px copy of the Helen Marsh testimonial portrait" (patterns/images/card-testimonial-1.webp), AI-generated for Origin Canvas using OpenAI/ChatGPT image generation. Released by Origin under GPLv3. Provider terms: OpenAI Terms of Use, https://openai.com/policies/terms-of-use/.
     152
     153Pattern image "Retired case-study image, now a copy of the Mercer Street Framing case-study image" (patterns/images/card-image-text-3.webp), AI-generated for Origin Canvas using OpenAI/ChatGPT image generation. Released by Origin under GPLv3. Provider terms: OpenAI Terms of Use, https://openai.com/policies/terms-of-use/.
     154
     155Pattern image "Retired testimonial portrait, now a copy of the Rachel Moore testimonial portrait" (patterns/images/avatar-emma-whitaker.webp), AI-generated for Origin Canvas using OpenAI/ChatGPT image generation. Released by Origin under GPLv3. Provider terms: OpenAI Terms of Use, https://openai.com/policies/terms-of-use/.
    90156
    91157== Fonts ==
    … …  
    107173The quotation-mark glyph used by the testimonial patterns (embedded as a data-URI mask in assets/styles/core-group.css) is original artwork created for Origin Canvas, released by Origin under GPLv3.
    108174
     175== Upgrading from 1.3.1 ==
     176
     177This version gives the theme's colors, one spacing size and one line-height value new names. Classes and variables take the new names too, so `has-text-muted-color` becomes `has-contrast-3-color` and `--wp--preset--color--text-muted` becomes `--wp--preset--color--contrast-3`. Primary keeps its name.
     178
     179= New Names =
     180
     181Colors:
     182
     183* `surface-base` is now `base`
     184* `surface-muted` is now `base-2`
     185* `on-dark` is now `base-2`
     186* `surface-subtle` is now `base-3`
     187* `surface-subtle-hover` is now `base-4`
     188* `border` is now `base-5`
     189* `input-border` is now `base-6`
     190* `text-muted` is now `contrast-3`
     191* `text-body` is now `contrast-2`
     192* `text-heading` is now `contrast`
     193
     194Spacing:
     195
     196* `compact` is now `small-medium`
     197
     198Line height:
     199
     200* `body` is now `normal`
     201
     202= Sites Updated in Place =
     203
     204On a site updated in place, compatibility styles keep the renamed colors, spacing and line height rendering the same, except in the five cases and the known limits below. The theme loads those styles only on sites that ran it before this version, on the front end, in the Block Editor and in the Site Editor. Saved content keeps the old names. This version's design changes are separate from the rename, and the changelog lists them.
     205
     206In the default palette, body and muted text are also one step darker in this version, separately from the rename: `contrast-3` is #4B5563 where `text-muted` was #6B7280, and `contrast-2` is #374151 where `text-body` was #4B5563. Field and Outline button borders are darker too, also separately from the rename: a field border is #828B98 where it was #D1D5DB, and an Outline button border is #6B7280 where it was #E5E7EB. Fields now read Contrast 5 and Outline buttons read Contrast 4, so a site that set Input Border or Border in Styles no longer sees those colors on fields and Outline buttons.
     207
     208Five cases render differently:
     209
     210* CSS in a child theme or in Additional CSS that targets an old class name doesn't reach newly inserted blocks, which carry the new class, so list the new class as its own selector beside the old one, as in `.has-surface-muted-background-color, .has-base-2-background-color`.
     211* Additional CSS that overrides an old variable at `:root`, such as `--wp--preset--color--text-heading`, still recolors saved content on that name but no longer reaches the theme's own styling, which reads the new name. Add a declaration for the new name beside the old one, since saved content still reads the old one.
     212* On a site using the theme's palette, text set to the old Border color loses that color, because its class, `has-border-color`, is also the class WordPress adds to any block with a border color, so clear the text color in the editor and choose Base 5. A site whose saved palette still lists Border isn't affected.
     213* A custom color saved under a slug the theme now uses, such as `base` or `contrast`, overrides the theme's color of that name, so rename the custom color in Styles, which gives it a new slug, and choose it again on the blocks that used it.
     214* On a site whose saved Styles replaced the palette, the theme's dark bands and dark menus use Base 2 for their text where 1.3.1 used On Dark, and the theme takes Base 2 from Surface Muted. If a style variation or a user set Surface Muted and On Dark to different colors, as Editorial, Expressive and Refined Sans do in 1.3.1, the bands and menus show the Surface Muted color. Content set to On Dark keeps its color. The bands' background was fixed at #111827 in 1.3.1 and now follows Contrast, so a saved palette or style variation with another Text Heading color shows that color on the bands, such as #1C1917 in Editorial.
     215
     216= Known Limits =
     217
     218The theme treats a site as new when it activates on this version, and as updated when this version loads with no activation. That leaves four known limits:
     219
     220* A site that ran 1.3.1, switched to another theme, or from this theme to its child, and comes back after this update counts as new, so it loads no compatibility styles.
     221* A site activated on 1.3.1 with no page load before this update also counts as new, so content with old names imported during that activation doesn't get compatibility styles. The same goes for a site that activates this version and then imports a 1.3.1 export.
     222* A site whose theme is set without an activation counts as updated and loads compatibility styles it never uses.
     223* A site updated in place whose first load after this update is a Customizer preview of the active theme shows that one preview without compatibility styles. The next page load outside the preview adds them.
     224
     225One more limit sits in the Site Editor: on a site whose saved Styles hold the old palette, choosing a style variation changes the palette at once while the compatibility styles stay as they loaded, so a block saved on an old name can show no color in the canvas until you reload the editor; the front end isn't affected.
     226
     227A tool that moves saved content to the new names is available on request from support.
     228
    109229== Changelog ==
     230
     231= 1.4.3 - 2 November 2026 =
     232* Restored the display of card images inserted under 1.0.x. Those versions kept the card images in a folder that 1.1.0 moved, and 1.4.0 stopped pointing the saved image addresses at the new folder, so a page built on 1.0.x lost its card images on update. The saved addresses work again, for Image and Cover blocks only, until 2.0.0.
     233* Set the Hero Centered Logos "Trusted by" label closer to its logos and further from the buttons, so the buttons read with the text above them and the label with the logos below.
     234
     235= 1.4.2 - 1 November 2026 =
     236* Balanced the Hero Centered Logos heading, so its two lines run to near-equal lengths at the wide width instead of one long line and a short one.
     237
     238= 1.4.1 - 1 November 2026 =
     239* Optimized the pattern photos. Each is now cut to the size it is drawn at, so pages that use Gallery Grid, Hero Split With Image, CTA Band Split With Image or Gallery List load faster.
     240* Set page and post titles to 48px, down from 60px, one step on the type scale. A site with its own heading size in Global Styles keeps it, and the Expressive and Space Grotesk styles keep their own title size.
     241
     242= 1.4.0 - 1 November 2026 =
     243* Renamed the colors by tone. Surface Base, Surface Muted, Surface Subtle, Surface Subtle Hover, Border and Input Border are now Base to Base 6, Text Heading, Text Body and Text Muted are Contrast, Contrast 2 and Contrast 3, On Dark folds into Base 2 and Primary keeps its name; Base 7, Contrast 4 and Contrast 5 join the palette. The Compact spacing size is now Small Medium and the custom line height `body` is now `normal`. A site updated from 1.3.1 loads compatibility styles that keep saved content rendering the same, except in the cases and known limits the Upgrading from 1.3.1 section above lists.
     244* Added 38 new patterns, taking the library to 93 in 18 categories, with Contact, Gallery, Logos and Author new: five full pages (Home: Logos and Cards, About, Services, Pricing and Contact) built from section patterns; Hero Centered Logos, Hero Grid, Hero Statement, Hero Split With Contact Details and Pricing Hero; Header Dark, Header With Button, Header Marketing and Footer Minimal with a dark mobile menu part; contact, gallery, logos, stats, team, work, process, features, author and coming-soon sections; Divider With Text and Job Openings. The theme's own showcase sections and Statement With Eyebrow leave the inserter; the landing page still places the showcase sections, and saved copies are unchanged.
     245* Renamed 28 existing patterns for what they are, such as Card Image Text to Work Band Cards and Studio Page to Home: Editorial Cover, gave every pattern in the inserter a description and trimmed the keywords to words the title doesn't already hold. Slugs are unchanged, so saved pages still find their patterns.
     246* Recast the demo content as a four-person studio in Nashville with US clients and prices in dollars, in US English throughout, with 36 new photographs, portraits and client logos, a new Hero Cover photo and theme screenshot, and the Footer and Footer Dark patterns rebuilt as client-site footers that show the site's own title in the legal line.
     247* Added the theme's first front-end script. Same-page links scroll smoothly, land below the sticky header and admin bar and move focus to the target, and the navigation marks the section in view the way it marks the current page. The `origin_canvas_enqueue_anchor_navigation` filter turns it off.
     248* Styled the Calendar block, and set the Archives, Categories, Latest Comments, Page List and RSS blocks as lists at the theme's small size, with the values in theme.json so Global Styles can change them.
     249* Added the Check Neutral and Check Circle Neutral list styles with ticks in the heading color; Check and Check Circle are now Check Primary and Check Circle Primary, and the Hover Accent navigation style is Hover Primary. Outline Strong leaves the Styles picker and Outline takes its darker border; a button saved with Outline Strong now renders as Outline. The Rounded image style takes the 8px medium radius from theme.json, and Rounded Full keeps a photo a circle whatever its proportions, unless the block sets both a width and a height.
     250* Darkened muted text one step in every palette, and body text in the default, the five color presets and Refined Sans (#6B7280 to #4B5563 and #4B5563 to #374151 in the default), so muted text clears 4.5:1 on the tinted grounds. Field borders go from #D1D5DB to #828B98 and Outline button borders from #E5E7EB to #6B7280.
     251* Set heading tracking by size instead of one value for every heading: in the default typeface, -0.03em at the display sizes, -0.025em at large, -0.02em at medium and -0.012em below, where 1.3.1 set -0.01em throughout; the style variations with their own typeface set their own four values. Those variations also take the theme's heading weight of 600 instead of pinning 700, and Source Serif ships a 600 face for it.
     252* Dark bands and dark headers take their background and text from Contrast and Base 2 instead of fixed values, so a style variation's palette reaches them. Cards separate from their background by fill alone, without a shadow, and blog cards pad their text at the extra-large step. Submenu cards round at 12px with 4px highlights nested inside. Button blocks, text fields, selects and textareas stand at least 44px tall, and a checked radio shows a primary ring and dot instead of a primary fill.
     253* Text links fade their color over 200ms on hover and focus, and Button blocks fade their color, background and border over the same 200ms; links with their own timing, such as tag chips and post navigation, keep it. Filled buttons lift 1px with a shadow, and Outline buttons take a 6% wash of the heading color on hover. Every transition respects the reduced-motion setting.
     254* Replaced the fixed 720px and 1200px widths in the patterns with the content and wide widths from Global Styles, so the Layout settings reach them, and centered the section heads on the home, about, pricing and services pages.
     255* Made the sidebar's section labels headings, so screen-reader users can jump between them, turned its divider into blocks editable in the Site Editor, put the content first in the left-sidebar template, and stacked the sidebar templates at 782px, where core's Hide setting starts treating a screen as tablet.
     256* Fixed the mobile overlay's submenus not opening or closing on tap, an open Hover Pill dropdown painting under the post cards below it, the Hover Accent and Hover Pill styles missing from a menu that falls back to a Page List, and the sticky header sitting 46px low on phones after the admin bar scrolled away.
     257* Fixed the Search block with the button inside drawing two borders, Latest Posts in the sidebar sitting 52px apart, widget list links taking the content underline inside post content, Testimonial Grid rules drifting when a client name wraps, and Work List rows sitting unevenly between their rules.
     258* Fixed the editor rewriting patterns on insert (image height, text alignment and button classes), so a saved page now matches its pattern; Hero Split's image collapsing on phones; the home page having no h1; the wide page template pinning content at 1200px instead of the wide width; Hero Cover text falling back to black; and the keyboard focus states of the Minimal accordion and Outline Light buttons.
     259* Removed the rewrite of the card image path used before 1.1.0. A card image inserted under 1.0.4 that still points at /assets/images/cards/ no longer shows, because that folder is gone: edit the block and point the image at the same file under /patterns/images/, where six of the seven old files still are; card-team-1.webp has no match, so choose another image for it.
    110260
    111261= 1.3.1 - 1 September 2026 =
    … …  
    115265* Widened the tracking on the section eyebrows and seated each one with the heading it introduces.
    116266* Refined the style-variations and token-system showcase patterns: specimens sit on a shared baseline, group headers sit with the cards they label, and the status chips carry their size on the block where the editor's size control can reach it.
    117 * Fixed the icon bubbles rendering as ovals, and collapsing when their background colour was removed.
    118 * Fixed the feature cards centring their icons above left-aligned text, evened out the rule spacing in the feature list with image, and gave the same client the same role in both testimonials.
     267* Fixed the icon bubbles rendering as ovals, and collapsing when their background color was removed.
     268* Fixed the feature cards centering their icons above left-aligned text, evened out the rule spacing in the feature list with image, and gave the same client the same role in both testimonials.
    119269* Fixed the landing hero asking for a weight heavier than the bundled fonts provide, which the browser had been faking.
    120270
    … …  
    134284* Switched the default button fill to solid dark (ink) and made pink an opt-in 'Fill Primary' style. Existing plain buttons will appear dark after updating — reapply Fill Primary to restore pink.
    135285* Promoted the primary button to pink on the dark hero and dark call-to-action banner, where the ink fill would be invisible.
    136 * Completed the primary-as-accent colour model: moved body/comment links, pagination current page, comment and search submit buttons, form focus rings, and tag-chip hover to ink/neutral tones, reserving pink for hovers and deliberate accents. Fixes tag-chip and badge contrast (AA).
    137 * Added an "Author" pill badge on comments written by the post author — ink text on a faint primary tint that follows your colour style variation. Developers can disable it via the new origin_canvas_render_author_badge filter.
     286* Completed the primary-as-accent color model: moved body/comment links, pagination current page, comment and search submit buttons, form focus rings, and tag-chip hover to ink/neutral tones, reserving pink for hovers and deliberate accents. Fixes tag-chip and badge contrast (AA).
     287* Added an "Author" pill badge on comments written by the post author — ink text on a faint primary tint that follows your color style variation. Developers can disable it via the new origin_canvas_render_author_badge filter.
    138288* Added support for the editor's sticky Position setting on the site header — when enabled, the whole header sticks and submenus layer correctly above page content.
    139289* Reworked mobile navigation: tap-to-expand inline accordion submenus, Lucide chevron icons on desktop and mobile, and aligned close/expand controls.
    … …  
    147297* Added a name-led author card to single posts, with the avatar and name balanced in lockstep.
    148298* Added a Stacked variation for post navigation (previous/next), with an eyebrow label and refined single-post spacing.
    149 * Added Chip and Inline style variations for post tags and the tag cloud, selectable and recolourable in the editor.
     299* Added Chip and Inline style variations for post tags and the tag cloud, selectable and recolorable in the editor.
    150300* Refined the sidebar: flattened structure, left-aligned with a cleaner spacing rhythm, lighter dates, and a tuned recent-posts layout.
    151301* Enlarged the primary navigation hover pill and aligned the submenu clearance to sit neatly below it.
    152302* Added token-driven outline buttons (including an on-dark variant for the dark hero) and refined button hover states.
    153303* Loaded per-block stylesheets into the block editor canvas so the editor preview matches the front end.
    154 * Various comment, sidebar, and link colour refinements, plus consistent alphabetical CSS property ordering.
     304* Various comment, sidebar, and link color refinements, plus consistent alphabetical CSS property ordering.
    155305* Switched the homepage to a user-owned front page: the Home design is now an insertable pattern you place into a Page and set as your static front page, so you fully own and can edit its content (removed the theme-locked front-page template).
    156306* Wired the site header as a single global template part, so editing the header once updates it across every template — matching how the footer already worked.
    … …  
    161311= 1.0.4 - 05 June 2026 =
    162312* Underlined links in standalone paragraph and list blocks so links are clear outside post content.
    163 * Refined two demo links (team social row, newsletter privacy) to a subtle darker colour with hover instead of an underline.
     313* Refined two demo links (team social row, newsletter privacy) to a subtle darker color with hover instead of an underline.
    164314* Fixed the blog posts index to show the post loop instead of the homepage design; removed the redundant home template.
    165315
    … …  
    167317* Made all user-facing pattern strings translation-ready (card-info, card-icon-text, footer, 404, post loop).
    168318* Underlined links within post content, excerpts, and comment content for readability and accessibility.
    169 * Replaced the custom card icons with the native Icon Block so icons can be changed, recoloured, and resized in the editor.
     319* Replaced the custom card icons with the native Icon Block so icons can be changed, recolored, and resized in the editor.
    170320* Removed unused files and styles, and corrected icon licensing attribution.
    171321

  • origin-canvas/1.4.3/style.css

    r347102 r356743  
    44Author: Origin
    55Author URI: https://github.com/origin-blocks
    6 Description: A Full Site Editing WordPress block theme for sites that look designed, not assembled. Templates, patterns, typography, and color - one coherent system.
     6Description: Start closer to finished with a free WordPress block theme: templates, patterns and 12 style variations, ready to edit in the Site Editor.
    77Requires at least: 7.0
    8 Tested up to: 7.0
     8Tested up to: 7.1
    99Requires PHP: 7.4
    10 Version: 1.3.1
     10Version: 1.4.3
    1111License: GNU General Public License v3 or later
    1212License URI: https://www.gnu.org/licenses/gpl-3.0.html
    … …  
    9898a {
    9999        text-decoration: none;
     100}
     101
     102/* Every link fades its colour in 200ms on hover and focus, the nav link and button timing.
     103   theme.json holds the hover colours but has no transition property. Nav links, buttons,
     104   chips and the other links with their own transition rule are more specific and keep it. */
     105@media (prefers-reduced-motion: no-preference) {
     106        a {
     107                transition: color 200ms ease;
     108        }
    100109}
    101110
    … …  
    136145}
    137146
    138 /* Form fields */
     147/* Form fields. Fields and a lone visible action are at least 44px tall, so the hit target
     148   does not depend on line height (#119). Buttons take the same floor from theme.json,
     149   styles.elements.button, which reaches every button block, search button and form submit. */
    139150input:not([type="button"]):not([type="reset"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),
    140151select,
    141152textarea {
    142         background-color: var(--wp--preset--color--surface-base);
    143         border: 1px solid var(--wp--preset--color--input-border);
     153        background-color: var(--wp--preset--color--base);
     154        border: 1px solid var(--wp--preset--color--contrast-5);
    144155        border-radius: var(--wp--custom--radius--medium);
    145         color: var(--wp--preset--color--text-body);
     156        color: var(--wp--preset--color--contrast-2);
    146157        font-size: var(--wp--preset--font-size--regular);
    147         padding: var(--wp--preset--spacing--compact) var(--wp--preset--spacing--medium);
    148         transition: box-shadow 120ms ease, border-color 120ms ease;
     158        min-height: 44px;
     159        padding: var(--wp--preset--spacing--small-medium) var(--wp--preset--spacing--medium);
    149160        width: 100%;
    150161}
    151162
    152 /**
    153  * Compact search — the sidebar rail only.
    154  *
    155  * The site-wide field above is sized for a full-width form; in a 373px rail it
    156  * reads oversized, so the field and its button drop to 40. Only the padding is
    157  * here - the block's own fontSize support handles the type, and core/search has
    158  * no padding attribute to set it with. The 404 search keeps the default size.
    159  */
    160 .origin-canvas-search-compact input.wp-block-search__input:not([type="button"]):not([type="reset"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]) {
    161         padding: 8px 12px;
    162 }
    163 
    164 .origin-canvas-search-compact .wp-block-search__button {
    165         padding: 8px 20px;
     163@media (prefers-reduced-motion: no-preference) {
     164        input:not([type="button"]):not([type="reset"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),
     165        select,
     166        textarea {
     167                transition: box-shadow 120ms ease, border-color 120ms ease;
     168        }
    166169}
    167170
    168171input:not([type="button"]):not([type="reset"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"])::placeholder,
    169172textarea::placeholder {
    170         color: var(--wp--preset--color--text-muted);
     173        color: var(--wp--preset--color--contrast-3);
    171174}
    172175
    … …  
    174177select:hover:not(:disabled):not(:focus),
    175178textarea:hover:not(:disabled):not(:focus) {
    176         border-color: var(--wp--preset--color--input-border);
     179        border-color: var(--wp--preset--color--contrast-5);
    177180}
    178181
    … …  
    188191select:disabled,
    189192textarea:disabled {
    190         background-color: var(--wp--preset--color--surface-muted);
    191         border-color: var(--wp--preset--color--input-border);
    192         color: var(--wp--preset--color--text-body);
     193        background-color: var(--wp--preset--color--base-2);
     194        border-color: var(--wp--preset--color--base-6);
     195        color: var(--wp--preset--color--contrast-2);
    193196        cursor: not-allowed;
    194197}
    195198
    196 /* Checkboxes and radios */
     199/* Checkboxes and radios. Checked, a checkbox is a primary fill with a white check and a radio
     200   is a primary border and dot: a tiny checked marker reads as a bullet, not an action. On
     201   focus-visible both take the field's border and ring, since they are form inputs (#119). */
    197202input[type="checkbox"],
    198203input[type="radio"] {
    199204        appearance: none;
    200205        -webkit-appearance: none;
    201         background: var(--wp--preset--color--surface-base);
    202         border: 1px solid var(--wp--preset--color--input-border);
     206        background: var(--wp--preset--color--base);
     207        border: 1px solid var(--wp--preset--color--contrast-5);
    203208        cursor: pointer;
    204209        height: 20px;
    205210        margin: 0;
    206211        position: relative;
    207         transition: background 120ms ease, border-color 120ms ease, box-shadow 120ms ease;
    208212        width: 20px;
     213}
     214
     215@media (prefers-reduced-motion: no-preference) {
     216        input[type="checkbox"],
     217        input[type="radio"] {
     218                transition: background 120ms ease, border-color 120ms ease, box-shadow 120ms ease;
     219        }
    209220}
    210221
    … …  
    217228}
    218229
    219 input[type="checkbox"]:checked,
     230input[type="checkbox"]:checked {
     231        background: var(--wp--preset--color--primary);
     232        border-color: var(--wp--preset--color--primary);
     233}
     234
    220235input[type="radio"]:checked {
    221         background: var(--wp--preset--color--primary);
    222236        border-color: var(--wp--preset--color--primary);
    223237}
    … …  
    236250
    237251input[type="radio"]:checked::after {
    238         background: #fff;
     252        background: var(--wp--preset--color--primary);
    239253        border-radius: 50%;
    240254        content: "";
    … …  
    288302
    289303.origin-canvas-featured-fallback--list .origin-canvas-featured-fallback__media {
    290         background-color: var(--wp--preset--color--surface-base);
     304        background-color: var(--wp--preset--color--base);
    291305        background-image:
    292                 linear-gradient(to left, var(--wp--preset--color--surface-muted) 0%, color-mix(in srgb, var(--wp--preset--color--primary) 28%, var(--wp--preset--color--surface-base) 72%) 100%);
     306                linear-gradient(to left, var(--wp--preset--color--base-2) 0%, color-mix(in srgb, var(--wp--preset--color--primary) 28%, var(--wp--preset--color--base) 72%) 100%);
    293307}
    294308
    … …  
    307321
    308322.origin-canvas-featured-fallback__media {
    309         --origin-canvas-featured-fallback-edge: linear-gradient(180deg, transparent 0%, var(--wp--preset--color--surface-muted) 100%);
    310         background-color: var(--wp--preset--color--surface-base);
     323        --origin-canvas-featured-fallback-edge: linear-gradient(180deg, transparent 0%, var(--wp--preset--color--base-2) 100%);
     324        background-color: var(--wp--preset--color--base);
    311325        background-image:
    312326                radial-gradient(circle at 18% 22%, color-mix(in srgb, var(--wp--preset--color--primary) 42%, transparent) 0%, transparent 55%),
    313327                radial-gradient(circle at 72% 30%, color-mix(in srgb, var(--wp--preset--color--primary) 32%, transparent) 0%, transparent 62%),
    314                 radial-gradient(circle at 48% 78%, color-mix(in srgb, var(--wp--preset--color--surface-muted) 82%, transparent) 0%, transparent 64%),
     328                radial-gradient(circle at 48% 78%, color-mix(in srgb, var(--wp--preset--color--base-2) 82%, transparent) 0%, transparent 64%),
    315329                var(--origin-canvas-featured-fallback-edge),
    316                 linear-gradient(140deg, color-mix(in srgb, var(--wp--preset--color--surface-base) 92%, transparent) 0%, color-mix(in srgb, var(--wp--preset--color--surface-muted) 72%, transparent) 100%);
     330                linear-gradient(140deg, color-mix(in srgb, var(--wp--preset--color--base) 92%, transparent) 0%, color-mix(in srgb, var(--wp--preset--color--base-2) 72%, transparent) 100%);
    317331        display: block;
    318332        height: 100%;
    319333        width: 100%;
    320 }
    321 
    322 /* Equal-height post grid cards */
    323 .origin-canvas-posts--stretch .wp-block-post {
    324         align-items: stretch;
    325         display: flex;
    326         flex-direction: column;
    327         height: 100%;
    328 }
    329 
    330 .origin-canvas-posts--stretch .wp-block-post > .wp-block-group {
    331         flex: 1;
    332 }
    333 
    334 .origin-canvas-posts--stretch .wp-block-post-template.is-layout-grid {
    335         align-items: stretch;
    336 }
    337 
    338 .origin-canvas-post-list-card {
    339         align-items: stretch;
    340         overflow: hidden;
    341 }
    342 
    343 .origin-canvas-post-list-card .is-vertically-aligned-center {
    344         align-self: stretch;
    345 }
    346 
    347 .origin-canvas-post-list-card .wp-block-post-featured-image {
    348         height: 100%;
    349         width: 100%;
    350 }
    351 
    352 .origin-canvas-post-list-card .wp-block-post-featured-image img {
    353         display: block;
    354         height: 100%;
    355         object-fit: cover;
    356         width: 100%;
    357 }
    358 
    359 /**
    360  * Sidebar.
    361  *
    362  * Widget-to-widget spacing is owned by the group's blockGap (the pattern /
    363  * theme.json), which WordPress emits as constrained-layout `> * + *
    364  * margin-block-start`. No flex/gap is set on the wrapper here: a hard flex
    365  * `gap` would STACK with that constrained margin (they are additive),
    366  * doubling the gap. The rules below target inner block sub-elements that
    367  * have no theme.json/blockGap hook, so they legitimately stay CSS.
    368  */
    369 .origin-canvas-sidebar .wp-block-latest-posts__list,
    370 .origin-canvas-sidebar .wp-block-categories-list,
    371 .origin-canvas-sidebar .wp-block-archives-list,
    372 .origin-canvas-sidebar .wp-block-latest-comments {
    373         display: flex;
    374         flex-direction: column;
    375         gap: var(--wp--preset--spacing--medium);
    376         list-style: none;
    377         margin: 0;
    378         padding: 0;
    379 }
    380 
    381 .origin-canvas-sidebar .wp-block-latest-posts__featured-image {
    382         margin-bottom: var(--wp--preset--spacing--extra-small);
    383 }
    384 
    385 /* The title is an inline anchor by default; the date needs to sit under it. */
    386 .origin-canvas-sidebar .wp-block-latest-posts__post-title {
    387         display: block;
    388 }
    389 
    390 /* Category rows. Core prints the post count as a bare text node after the
    391    link - there is no element to target - so the row is sized as a flex line
    392    and the count inherits the smaller rail type from the list itself. */
    393 /* The term name and its count are separate blocks in a flex row, so the count
    394    needs no styling of its own - it just must not stretch. */
    395 .origin-canvas-sidebar-categories .wp-block-term-count {
    396         flex: none;
    397 }
    398 
    399 /* Term names are chrome - a category or tag, never prose - so they carry no
    400    underline. The block renders as a paragraph, which puts core's
    401    `:root :where(p a)` rule on the link; theme.json cannot win that (its block
    402    styles match at the same specificity but load earlier), so the opt-out lives
    403    here, keyed to the block rather than to the sidebar. */
    404 .wp-block-term-name a {
    405         text-decoration: none;
    406 }
    407 
    408 .origin-canvas-sidebar .wp-block-latest-posts__post-date,
    409 .origin-canvas-sidebar .wp-block-latest-comments__comment-date {
    410         color: var(--wp--preset--color--text-body);
    411         font-size: var(--wp--preset--font-size--extra-small);
    412         font-weight: 400;
    413         margin-top: var(--wp--preset--spacing--extra-small);
    414 }
    415 
    416 @media (max-width: 781px) {
    417         .origin-canvas-sidebar {
    418                 border-top: 1px solid var(--wp--preset--color--border);
    419                 margin-top: var(--wp--preset--spacing--huge);
    420                 padding-top: var(--wp--preset--spacing--huge);
    421         }
    422334}
    423335
    … …  
    447359.wp-block-comments-pagination .page-numbers.current {
    448360        align-items: center;
    449         background: var(--wp--preset--color--text-heading);
     361        background: var(--wp--preset--color--contrast);
    450362        border-radius: var(--wp--custom--radius--medium);
    451         color: var(--wp--preset--color--surface-base);
     363        color: var(--wp--preset--color--base);
    452364        cursor: default;
    453365        display: inline-flex;
    … …  
    463375        align-items: center;
    464376        background: transparent;
    465         color: var(--wp--preset--color--text-body);
     377        color: var(--wp--preset--color--contrast-2);
    466378        cursor: default;
    467379        display: inline-flex;
    … …  
    507419
    508420@media (max-width: 600px) {
    509         header:has(> .is-position-sticky) {
     421        body:not(.wp-admin) header:has(> .is-position-sticky) {
    510422                top: 0;
     423        }
     424}
     425
     426/**
     427 * Anchor targets land below the sticky chrome: the admin bar (core sets this part
     428 * itself, so it is only restated) plus the sticky header's measured height, which
     429 * assets/js/anchor-navigation.js keeps in --origin-canvas-sticky-header-height.
     430 * Mirrors the sticky-header rule above: at 600px and below the admin bar is not fixed.
     431 */
     432html {
     433        scroll-padding-top: calc(var(--wp-admin--admin-bar--height, 0px) + var(--origin-canvas-sticky-header-height, 0px));
     434}
     435
     436@media (max-width: 600px) {
     437        html {
     438                scroll-padding-top: var(--origin-canvas-sticky-header-height, 0px);
    511439        }
    512440}
    … …  
    539467        font-family: var(--wp--preset--font-family--display) !important;
    540468}
     469
     470/**
     471 * Letter spacing follows font size. theme.json holds the tokens
     472 * (settings.custom.letterSpacing). theme.json cannot attach a style to a font-size
     473 * preset, so these rules give the tokens to any block set at a preset from medium
     474 * up, paragraphs included.
     475 *
     476 * Zero specificity, so a letter spacing set on the block or in Global Styles wins.
     477 * Headings take their value through the variable, which elements.heading reads with
     478 * the base token as fallback. A size class sets the variable; a heading with no size
     479 * class takes it from its level, and the named blocks below take the token for the
     480 * size theme.json gives them. These rules set only the variable, never letter-spacing,
     481 * so a Global Styles heading letter spacing still replaces the one heading rule for
     482 * every level. The variable does not inherit: a heading inside a larger block keeps
     483 * its own value.
     484 */
     485@property --origin-canvas-letter-spacing {
     486        syntax: "*";
     487        inherits: false;
     488}
     489
     490/* The element ladder: h1 48, h2 36, h3 30 are display; h4 24 large; h5 20 medium.
     491   h6 18 takes the base fallback. Only the variable is set, never letter-spacing. */
     492:where(h1, h2, h3) {
     493        --origin-canvas-letter-spacing: var(--wp--custom--letter-spacing--display);
     494}
     495
     496:where(h4) {
     497        --origin-canvas-letter-spacing: var(--wp--custom--letter-spacing--large);
     498}
     499
     500:where(h5) {
     501        --origin-canvas-letter-spacing: var(--wp--custom--letter-spacing--medium);
     502}
     503
     504/* Headings sized off the ladder: theme.json sizes the comments title at large and the
     505   site title (an h1 when its level is set) at regular-plus; the reply title is
     506   regular-plus. A heading with a custom size keeps its level's token; the block's
     507   Letter spacing control is the way to change it. */
     508:where(.wp-block-comments-title) {
     509        --origin-canvas-letter-spacing: var(--wp--custom--letter-spacing--large);
     510}
     511
     512:where(.wp-block-site-title, .comment-reply-title) {
     513        --origin-canvas-letter-spacing: var(--wp--custom--letter-spacing--base);
     514}
     515
     516:where(.has-extra-large-font-size, .has-huge-font-size, .has-display-font-size, .has-display-xl-font-size, .has-display-2-xl-font-size) {
     517        --origin-canvas-letter-spacing: var(--wp--custom--letter-spacing--display);
     518        letter-spacing: var(--origin-canvas-letter-spacing);
     519}
     520
     521:where(.has-large-font-size) {
     522        --origin-canvas-letter-spacing: var(--wp--custom--letter-spacing--large);
     523        letter-spacing: var(--origin-canvas-letter-spacing);
     524}
     525
     526:where(.has-medium-font-size) {
     527        --origin-canvas-letter-spacing: var(--wp--custom--letter-spacing--medium);
     528        letter-spacing: var(--origin-canvas-letter-spacing);
     529}
     530
     531/* Below medium a heading takes base, whatever its level. The variable only: body
     532   text at these sizes keeps normal letter spacing. */
     533:where(.has-extra-small-font-size, .has-small-font-size, .has-regular-font-size, .has-regular-plus-font-size) {
     534        --origin-canvas-letter-spacing: var(--wp--custom--letter-spacing--base);
     535}
     536
     537/* The site title reads the variable only when it renders as a paragraph (level 0). An h1
     538   site title is a heading, so the one heading rule in theme.json, and a Global Styles
     539   "Headings" letter spacing, reach it. theme.json cannot scope a value by tag. */
     540:where(p.wp-block-site-title) {
     541        letter-spacing: var(--origin-canvas-letter-spacing);
     542}
     543
     544/* Letter spacing inherits as a computed length, so small text inside one of the
     545   nodes above would take the larger size's spacing. Reset it to the body default. */
     546:where(.has-medium-font-size, .has-large-font-size, .has-extra-large-font-size, .has-huge-font-size, .has-display-font-size, .has-display-xl-font-size, .has-display-2-xl-font-size) :where(.has-extra-small-font-size, .has-small-font-size, .has-regular-font-size, .has-regular-plus-font-size) {
     547        letter-spacing: normal;
     548}
     549
     550/* ==========================================================================
     551   Utilities
     552
     553   Opt-in classes, applied through Additional CSS Classes, each named for the one
     554   job it does so any block can use it. See CLAUDE.md rule 6b.
     555   ========================================================================== */
     556
     557/* A flex child that keeps its size. WordPress 7.0's Fixed width sets only the
     558   basis, so the item can still shrink; 7.1 saves Fixed as fixedNoShrink, which
     559   holds, but the theme supports 7.0. Pair it with Fixed (selfStretch "fixed"). */
     560.origin-canvas-no-shrink {
     561        flex-shrink: 0;
     562}
     563
     564/* A Row whose children sit on a shared text baseline. Core aligns a flex row only
     565   top, center, bottom or stretch; aligning line boxes leaves glyphs of different
     566   sizes up to 6px apart. */
     567.origin-canvas-align-baseline.is-layout-flex {
     568        align-items: baseline;
     569}
     570
     571/* Text whose lines break to near-equal lengths, so a heading never ends on one
     572   word. No block support or theme.json property sets text-wrap. */
     573.origin-canvas-text-balance {
     574        text-wrap: balance;
     575}
     576
     577/* A dot texture on a section: 1px dots at a 20px pitch, contrast at 8% on a
     578   light ground, base-2 at 10% on the theme's dark grounds (ODS "Dot texture").
     579   Apply one class: even dots, fade to centre (strongest at the top and sides), or
     580   fade down (fading out down the section). theme.json cannot hold a palette-aware
     581   tiled dot, and a gradient set in the block's Background keeps fixed colours.
     582   The dots sit on a layer under the content, so a fade masks the dots only, and a
     583   background colour, gradient or image set on the block still shows beneath. */
     584.origin-canvas-dots,
     585.origin-canvas-dots-fade-centre,
     586.origin-canvas-dots-fade-down {
     587        --origin-canvas-dots-ink: var(--wp--preset--color--contrast);
     588        --origin-canvas-dots-alpha: 8%;
     589        isolation: isolate;
     590        position: relative;
     591}
     592
     593.origin-canvas-dots::before,
     594.origin-canvas-dots-fade-centre::before,
     595.origin-canvas-dots-fade-down::before {
     596        background-image: radial-gradient(circle at 3px 3px, color-mix(in srgb, var(--origin-canvas-dots-ink) var(--origin-canvas-dots-alpha), transparent) 1px, transparent 1.5px);
     597        background-size: 20px 20px;
     598        content: "";
     599        inset: 0;
     600        pointer-events: none;
     601        position: absolute;
     602        z-index: -1;
     603}
     604
     605/* Fade to centre, measured from Knock's hero: about 20% at the top edge, 7% at the
     606   sides and 3–5% in the middle. The two masks multiply. */
     607.origin-canvas-dots-fade-centre {
     608        --origin-canvas-dots-alpha: 22.5%;
     609}
     610
     611.origin-canvas-dots-fade-centre::before {
     612        mask-composite: intersect;
     613        mask-image:
     614                linear-gradient(to bottom, #000 0, rgb(0 0 0 / 35%) 120px, rgb(0 0 0 / 35%) 100%),
     615                radial-gradient(ellipse 55% 80% at 50% 50%, rgb(0 0 0 / 45%) 0%, rgb(0 0 0 / 55%) 50%, #000 100%);
     616}
     617
     618/* Fade down, measured from Warp's hero: in over the top 19%, full (about 7%) to
     619   42%, then out past the bottom edge. */
     620.origin-canvas-dots-fade-down::before {
     621        mask-image: linear-gradient(to bottom, transparent 0%, #000 19%, #000 42%, transparent 138%);
     622}
     623
     624/* The theme's dark grounds: the custom.dark.bg fill the dark patterns use, and the
     625   contrast palette fill. Every form peaks at the ruled 10%; a fade keeps its
     626   masks, so fade to centre scales from 10% at the top edge. Content saved before the
     627   #116 rename still holds the old Text Heading fill class; the twin rules in
     628   assets/css/palette-aliases.css match it. */
     629:is(.origin-canvas-dots, .origin-canvas-dots-fade-centre, .origin-canvas-dots-fade-down):is(.has-contrast-background-color, [style*="--wp--custom--dark--bg"]) {
     630        --origin-canvas-dots-ink: var(--wp--preset--color--base-2);
     631        --origin-canvas-dots-alpha: 10%;
     632}
     633
     634/* ==========================================================================
     635   Pattern CSS
     636
     637   Only what core cannot do for a pattern (CLAUDE.md rule 6b). One section per
     638   pattern, named for it. These rules load on every page, so keep them small.
     639   ========================================================================== */
     640
     641/**
     642 * Pattern Showcase: a full-bleed 12-column grid of wash tiles.
     643 *
     644 * Core cannot hold this on WordPress 7.0: it has no 12/6/2 column breakpoints and no
     645 * control for layered color-mix gradients. Colors route through palette tokens so
     646 * the tiles reskin with style variations.
     647 */
     648.origin-canvas-pattern-board {
     649        display: grid;
     650        gap: 20px;
     651        grid-template-columns: repeat(12, minmax(0, 1fr));
     652        margin-top: 56px;
     653        padding-inline: clamp(20px, 3.5vw, 48px);
     654}
     655
     656.origin-canvas-wash-tile {
     657        background-color: var(--wp--preset--color--base);
     658        border-radius: var(--wp--custom--radius--medium);
     659        /* !important so the editor-placeholder-suppressing inline min-height:240px
     660           (on the block, see pattern) does not flatten the responsive clamp on the
     661           front end. Inline styles beat plain stylesheet rules; !important wins back. */
     662        min-height: clamp(240px, 26vw, 320px) !important;
     663        overflow: hidden;
     664}
     665
     666.origin-canvas-wash-hero {
     667        background-image:
     668                radial-gradient(70% 80% at 22% 20%, color-mix(in srgb, var(--wp--preset--color--primary) 20%, transparent), transparent 60%),
     669                radial-gradient(60% 70% at 84% 86%, color-mix(in srgb, var(--wp--preset--color--primary) 10%, transparent), transparent 62%),
     670                linear-gradient(150deg, var(--wp--preset--color--base) 0%, var(--wp--preset--color--base-3) 100%);
     671        grid-column: span 5;
     672}
     673
     674.origin-canvas-wash-features {
     675        background-image:
     676                radial-gradient(65% 75% at 80% 22%, color-mix(in srgb, var(--wp--preset--color--primary) 12%, transparent), transparent 60%),
     677                linear-gradient(160deg, var(--wp--preset--color--base) 0%, var(--wp--preset--color--base-3) 100%);
     678        grid-column: span 4;
     679}
     680
     681.origin-canvas-wash-testimonial {
     682        background-image:
     683                radial-gradient(72% 72% at 24% 26%, color-mix(in srgb, var(--wp--preset--color--primary) 16%, transparent), transparent 58%),
     684                linear-gradient(180deg, var(--wp--preset--color--base) 0%, var(--wp--preset--color--base-4) 100%);
     685        grid-column: span 3;
     686}
     687
     688.origin-canvas-wash-pricing {
     689        background-image:
     690                radial-gradient(60% 70% at 26% 78%, color-mix(in srgb, var(--wp--preset--color--primary) 13%, transparent), transparent 56%),
     691                linear-gradient(180deg, var(--wp--preset--color--base) 0%, var(--wp--preset--color--base-3) 100%);
     692        grid-column: span 4;
     693}
     694
     695.origin-canvas-wash-cta {
     696        background-image:
     697                radial-gradient(72% 80% at 80% 30%, color-mix(in srgb, var(--wp--preset--color--primary) 22%, transparent), transparent 60%),
     698                radial-gradient(60% 70% at 20% 84%, color-mix(in srgb, var(--wp--preset--color--primary) 8%, transparent), transparent 58%),
     699                linear-gradient(135deg, var(--wp--preset--color--base) 0%, var(--wp--preset--color--base-3) 100%);
     700        grid-column: span 4;
     701}
     702
     703.origin-canvas-wash-editor {
     704        background-image:
     705                radial-gradient(60% 70% at 50% 24%, color-mix(in srgb, var(--wp--preset--color--primary) 10%, transparent), transparent 60%),
     706                linear-gradient(180deg, var(--wp--preset--color--base) 0%, var(--wp--preset--color--base-3) 100%);
     707        grid-column: span 4;
     708}
     709
     710@media (max-width: 1100px) {
     711        .origin-canvas-pattern-board {
     712                grid-template-columns: repeat(6, minmax(0, 1fr));
     713        }
     714
     715        .origin-canvas-wash-hero,
     716        .origin-canvas-wash-editor {
     717                grid-column: span 6;
     718        }
     719
     720        .origin-canvas-wash-features,
     721        .origin-canvas-wash-testimonial,
     722        .origin-canvas-wash-pricing,
     723        .origin-canvas-wash-cta {
     724                grid-column: span 3;
     725        }
     726}
     727
     728@media (max-width: 640px) {
     729        .origin-canvas-pattern-board {
     730                gap: 14px;
     731                grid-template-columns: repeat(2, minmax(0, 1fr));
     732                margin-top: 40px;
     733        }
     734
     735        .origin-canvas-wash-hero,
     736        .origin-canvas-wash-editor {
     737                grid-column: span 2;
     738        }
     739
     740        .origin-canvas-wash-features,
     741        .origin-canvas-wash-testimonial,
     742        .origin-canvas-wash-pricing,
     743        .origin-canvas-wash-cta {
     744                grid-column: span 1;
     745        }
     746
     747        .origin-canvas-wash-tile {
     748                min-height: 170px !important;
     749        }
     750}
     751
     752/**
     753 * Hidden Sidebar: the rail in parts/sidebar.html.
     754 *
     755 * Only what the blocks cannot set. core/search has no padding control, so the
     756 * field and button take tighter padding to suit a 373px rail and sit on the 44px
     757 * floor; the 404 search keeps the default size. Latest Posts has no date controls. The list resets, the
     758 * featured image gap and the block title cover blocks an owner may add to the
     759 * rail in the Site Editor: Categories, Archives, Latest Comments, and Latest
     760 * Posts with images on.
     761 */
     762.origin-canvas-sidebar .wp-block-categories-list,
     763.origin-canvas-sidebar .wp-block-archives-list,
     764.origin-canvas-sidebar .wp-block-latest-comments {
     765        list-style: none;
     766        margin: 0;
     767        padding: 0;
     768}
     769
     770.origin-canvas-sidebar .wp-block-latest-posts__featured-image {
     771        margin-bottom: var(--wp--preset--spacing--extra-small);
     772}
     773
     774.origin-canvas-sidebar .wp-block-latest-posts__post-title {
     775        display: block;
     776}
     777
     778/* Shim, sunset 2.0.0. The category rows keep their count at its size with
     779   origin-canvas-no-shrink since the release after 1.3.1. Rails saved from 1.3.1 carry
     780   no such class on the count: this keeps it from shrinking. The pattern still carries
     781   origin-canvas-sidebar-categories; flex: none adds nothing to no-shrink there. */
     782.origin-canvas-sidebar-categories .wp-block-term-count {
     783        flex: none;
     784}
     785
     786.origin-canvas-search-compact input.wp-block-search__input:not([type="button"]):not([type="reset"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]) {
     787        padding: 8px 12px;
     788}
     789
     790.origin-canvas-search-compact .wp-block-search__button {
     791        padding: 8px 20px;
     792}
     793
     794.origin-canvas-sidebar .wp-block-latest-posts__post-date,
     795.origin-canvas-sidebar .wp-block-latest-comments__comment-date {
     796        color: var(--wp--preset--color--contrast-2);
     797        font-size: var(--wp--preset--font-size--extra-small);
     798        font-weight: 400;
     799        margin-top: var(--wp--preset--spacing--extra-small);
     800}
     801
     802/* When the Sidebar part draws its own inline left border, the template's divider
     803   and stacked rule hide, so the rail shows its own rules only. The part's border
     804   is untouched. !important matches core's visibility rules. */
     805.wp-block-group:has(> aside > .origin-canvas-sidebar[style*="border-left-width:1px"]) > .origin-canvas-sidebar-divider,
     806.wp-block-group:has(> .wp-block-group > aside > .origin-canvas-sidebar[style*="border-left-width:1px"]) > .origin-canvas-sidebar-rule {
     807        display: none !important;
     808}
     809
     810/* The same bordered part, stacked on phones, takes its top rule and spacing. */
     811@media (max-width: 782px) {
     812        .origin-canvas-sidebar[style*="border-left-width:1px"] {
     813                border-top: 1px solid var(--wp--preset--color--base-5);
     814                margin-top: var(--wp--preset--spacing--huge);
     815                padding-top: var(--wp--preset--spacing--huge);
     816        }
     817}
     818
     819/* The sidebar templates stack at 782px as well. Core's Hide setting treats 782px
     820   as tablet while core Columns stack only below it, so without this the phone
     821   rule would show beside side-by-side columns at that one width. */
     822@media (width: 782px) {
     823        .wp-block-columns:has(> .wp-block-column > .wp-block-group > .wp-block-group > .origin-canvas-sidebar-divider) {
     824                flex-wrap: wrap !important;
     825        }
     826
     827        .wp-block-columns:has(> .wp-block-column > .wp-block-group > .wp-block-group > .origin-canvas-sidebar-divider) > .wp-block-column {
     828                flex-basis: 100% !important;
     829        }
     830}
     831
     832/* The section headings are small uppercase labels: ODS chrome label tracking, 0.06em,
     833   and 600 weight. Low specificity, so a heading's own Typography settings still
     834   win; rule 7 keeps these values off the blocks themselves. */
     835.origin-canvas-sidebar :where(h2) {
     836        font-weight: 600;
     837        letter-spacing: 0.06em;
     838}
     839
     840/* A site with no tags: core's Tag Cloud renders nothing, so the Tags group holds
     841   only its heading. Hide the group rather than show a heading with nothing under it. */
     842.origin-canvas-sidebar-tags:has(> h2:only-child) {
     843        display: none;
     844}
     845
     846/**
     847 * Token System: pink bullet markers and the theme.json tokens panel on the
     848 * landing page. Every fill is a palette token or an ink-tinted color-mix, so the
     849 * panel tracks style variations.
     850 */
     851.origin-canvas-bullet-mark {
     852        background: var(--wp--preset--color--primary);
     853        border-radius: var(--wp--custom--radius--small);
     854        flex-shrink: 0;
     855        height: 6px;
     856        width: 6px;
     857}
     858
     859/* Radius clipping for the panel's square-cornered bar (no JSON overflow analogue). */
     860.origin-canvas-tokens-panel {
     861        overflow: hidden;
     862}
     863
     864.origin-canvas-token-palrow {
     865        display: flex;
     866        gap: 10px;
     867}
     868
     869.origin-canvas-token-palrow > .wp-block-group {
     870        flex: 1;
     871}
     872
     873.origin-canvas-token-sw {
     874        border-radius: var(--wp--custom--radius--small);
     875        box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--wp--preset--color--contrast) 8%, transparent);
     876        height: 34px;
     877}
     878
     879.origin-canvas-token-scale {
     880        align-items: flex-end;
     881        display: flex;
     882        gap: 10px;
     883}
     884
     885.origin-canvas-token-bar {
     886        background: var(--wp--preset--color--base-3);
     887        border-radius: var(--wp--custom--radius--small) var(--wp--custom--radius--small) 0 0;
     888        width: 26px;
     889}
     890
     891.origin-canvas-token-bar--1 {
     892        height: 14px;
     893}
     894
     895.origin-canvas-token-bar--2 {
     896        height: 22px;
     897}
     898
     899.origin-canvas-token-bar--3 {
     900        height: 32px;
     901}
     902
     903.origin-canvas-token-bar--4 {
     904        height: 44px;
     905}
     906
     907.origin-canvas-token-bar--5 {
     908        height: 58px;
     909}
     910
     911.origin-canvas-token-bar--6 {
     912        height: 74px;
     913}
     914
     915.origin-canvas-token-bar--7 {
     916        height: 92px;
     917}
     918
     919/**
     920 * Template Showcase: schematic template cards on the landing page, drawn with
     921 * empty groups. Ink-tinted color-mix fills track the active style variation.
     922 */
     923.origin-canvas-wire {
     924        background: var(--wp--preset--color--base-3);
     925        border-radius: var(--wp--custom--radius--medium);
     926        display: flex;
     927        flex-direction: column;
     928        gap: 8px;
     929        height: 168px;
     930        padding: 13px;
     931}
     932
     933.origin-canvas-wire-head {
     934        background: color-mix(in srgb, var(--wp--preset--color--contrast) 10%, transparent);
     935        border-radius: var(--wp--custom--radius--small);
     936        flex: none;
     937        height: 18px;
     938}
     939
     940.origin-canvas-wire-body {
     941        display: flex;
     942        flex: 1;
     943        gap: 8px;
     944        min-height: 0;
     945}
     946
     947.origin-canvas-wire-body--center {
     948        justify-content: center;
     949}
     950
     951.origin-canvas-wire-body--col {
     952        flex-direction: column;
     953}
     954
     955.origin-canvas-wire-body--grid {
     956        display: grid;
     957        gap: 8px;
     958        grid-template-columns: 1fr 1fr;
     959        grid-template-rows: 1fr 1fr;
     960}
     961
     962.origin-canvas-wire-blk {
     963        background: var(--wp--preset--color--base);
     964        border-radius: var(--wp--custom--radius--small);
     965        flex: 1;
     966}
     967
     968.origin-canvas-wire-blk--alt {
     969        background: color-mix(in srgb, var(--wp--preset--color--contrast) 8%, transparent);
     970}
     971
     972.origin-canvas-wire-blk--w60 {
     973        flex: none;
     974        width: 60%;
     975}
     976
     977.origin-canvas-wire-blk--grow2 {
     978        flex: 2;
     979}
     980
     981/**
     982 * Hero Canvas: the landing hero backdrop. Layered radials (cool top glow +
     983 * faint pink corner) over a subtle 48px grid. A plain pattern class (not a
     984 * registered block style), applied only by hero-canvas, so it stays out of the
     985 * editor's group Styles panel.
     986 */
     987.wp-block-group.origin-canvas-canvas-grid {
     988        background-color: var(--wp--preset--color--base);
     989        background-image:
     990                linear-gradient(180deg, transparent 42%, var(--wp--preset--color--base) 97%),
     991                radial-gradient(120% 75% at 50% -18%, var(--wp--preset--color--base-3) 0%, transparent 60%),
     992                radial-gradient(38% 50% at 88% 2%, color-mix(in srgb, var(--wp--preset--color--primary) 7%, transparent) 0%, transparent 70%),
     993                linear-gradient(to right, color-mix(in srgb, var(--wp--preset--color--contrast) 4%, transparent) 1px, transparent 1px),
     994                linear-gradient(to bottom, color-mix(in srgb, var(--wp--preset--color--contrast) 4%, transparent) 1px, transparent 1px);
     995        background-repeat: no-repeat, no-repeat, no-repeat, repeat, repeat;
     996        background-size: cover, cover, cover, 48px 48px, 48px 48px;
     997        overflow: hidden;
     998        position: relative;
     999}
     1000
     1001/**
     1002 * Style Variations: swatch circles, preset dots and specimen fonts on the landing
     1003 * page. The inset rings are an ink-tinted color-mix, so they track the active
     1004 * variation. The specimen fonts are not theme presets.
     1005 */
     1006.origin-canvas-sw {
     1007        border-radius: 999px;
     1008        box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--wp--preset--color--contrast) 15%, transparent);
     1009        height: 20px;
     1010        width: 20px;
     1011}
     1012
     1013.origin-canvas-preset-dot {
     1014        border-radius: 999px;
     1015        box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--wp--preset--color--contrast) 12%, transparent);
     1016        flex: none;
     1017        height: 38px;
     1018        width: 38px;
     1019}
     1020
     1021.origin-canvas-specimen-serif {
     1022        font-family: "Source Serif 4", Georgia, serif;
     1023}
     1024
     1025.origin-canvas-specimen-grotesk {
     1026        font-family: "Space Grotesk", var(--wp--preset--font-family--sans);
     1027}
     1028
     1029.origin-canvas-specimen-dmsans {
     1030        font-family: "DM Sans", var(--wp--preset--font-family--sans);
     1031}
     1032
     1033/**
     1034 * Landing rows shared by Style Variations, Token System and Template Showcase:
     1035 * the monospace micro-labels.
     1036 */
     1037.origin-canvas-mono {
     1038        font-family: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;
     1039}
     1040
     1041
     1042/**
     1043 * Header Marketing, below 600px: one row.
     1044 *
     1045 * The nav has collapsed to the hamburger. The brand word, both pills and the
     1046 * hamburger do not fit a phone width on one row, so the ghost "View demo" is hidden
     1047 * (by the button's own Hide setting, up to 782px) and the site title drops to
     1048 * screen-reader-only while the site logo carries the brand; the title link is still a tab stop, so it un-clips while focused. A site
     1049 * with no logo keeps its title. "Download" stays, on the theme's 44px button floor
     1050 * (theme.json), and the hamburger packs beside it. Child
     1051 * combinators keep the hamburger rule off the overlay's own Navigation block.
     1052 */
     1053@media (max-width: 599px) {
     1054        .origin-canvas-header-marketing .wp-block-group:has(> .wp-block-site-logo) > .wp-block-site-title:not(:focus-within) {
     1055                clip-path: inset(50%);
     1056                height: 1px;
     1057                overflow: hidden;
     1058                position: absolute;
     1059                white-space: nowrap;
     1060                width: 1px;
     1061        }
     1062
     1063        .origin-canvas-header-marketing > .wp-block-group > .wp-block-navigation {
     1064                margin-left: auto;
     1065        }
     1066}
     1067
     1068/**
     1069 * Header With Button, below 600px. Below core's
     1070 * breakpoint the nav is only the open button; `order` sends it last so the row
     1071 * reads [title] … [button][open], with the open button at the gutter edge on the
     1072 * axis the overlay ✕ is tuned to. `margin-left: auto` on the
     1073 * buttons packs the button beside it.
     1074 */
     1075@media (max-width: 599px) {
     1076        .origin-canvas-header-with-button > .wp-block-group > .wp-block-navigation {
     1077                order: 1;
     1078        }
     1079
     1080        .origin-canvas-header-with-button > .wp-block-group > .wp-block-buttons {
     1081                margin-left: auto;
     1082        }
     1083}
     1084
     1085/**
     1086 * Product Grid: the status chip and the live-product dot on the landing page's
     1087 * product cards. The Paragraph block has no border support, so the pill lives
     1088 * here. The chip is borderless: a 1px hairline measured 1.28:1 against white, so
     1089 * the pill reads by shape and the text carries the contrast (about 6.7:1). The dot
     1090 * is shape only: each card sets the product's own hue on the block, so it does
     1091 * not track the primary color.
     1092 */
     1093.origin-canvas-status-chip {
     1094        background-color: var(--wp--preset--color--base-3);
     1095        border-radius: 999px;
     1096        color: var(--wp--preset--color--contrast-2);
     1097        font-weight: 500;
     1098        letter-spacing: 0.06em;
     1099        padding: 3px 10px;
     1100        text-transform: uppercase;
     1101        width: fit-content;
     1102}
     1103
     1104.origin-canvas-status-chip--dark {
     1105        background-color: rgb(255 255 255 / 10%);
     1106        color: rgb(255 255 255 / 85%);
     1107}
     1108
     1109.origin-canvas-status-dot {
     1110        border-radius: 999px;
     1111        flex: none;
     1112        height: 8px;
     1113        width: 8px;
     1114}
     1115
     1116/**
     1117 * Post Loop Grid: cards in a row share one height, and each card's text panel
     1118 * fills to the bottom. Grid rows already stretch the post; the post has no layout
     1119 * of its own, so it becomes a column here. A Stack inside the post cannot do it:
     1120 * the featured image, sized only by its aspect ratio, collapses to 0 there.
     1121 */
     1122.origin-canvas-posts--stretch .wp-block-post {
     1123        align-items: stretch;
     1124        display: flex;
     1125        flex-direction: column;
     1126        height: 100%;
     1127}
     1128
     1129.origin-canvas-posts--stretch .wp-block-post > .wp-block-group {
     1130        flex: 1;
     1131}
     1132
     1133/**
     1134 * Post Loop List: the card clips its image to the card's radius. The corners the
     1135 * image needs change when the columns stack, so a per-corner radius on the image
     1136 * cannot do it.
     1137 */
     1138.origin-canvas-post-list-card {
     1139        overflow: hidden;
     1140}
     1141
     1142/**
     1143 * Features Numbered: the step numerals keep one width per digit, so a column of
     1144 * them lines up. Core has no numeral-spacing control.
     1145 */
     1146.origin-canvas-step-numeral {
     1147        font-variant-numeric: tabular-nums;
     1148}
     1149
     1150/**
     1151 * Left-sidebar template: the sidebar follows the content in the HTML, as on the
     1152 * right-sidebar templates, so reading and focus order are content first
     1153 * everywhere and phones stack content above the sidebar. On desktop the row is
     1154 * reversed to put the sidebar on the left. Core Columns have no order control.
     1155 */
     1156@media (min-width: 783px) {
     1157        .wp-block-columns.origin-canvas-sidebar-left {
     1158                flex-direction: row-reverse;
     1159        }
     1160}
     1161
     1162/**
     1163 * Features Checklist: one list of eight in two columns, read across the rows as on
     1164 * the board, and in one column on phones. The List block has no column or gap
     1165 * control. The grid's own row gap replaces the 8px between items that Check
     1166 * Primary and Check Neutral add, so both columns share one top and one row rhythm.
     1167 */
     1168ul.wp-block-list.origin-canvas-features-checklist-list {
     1169        display: grid;
     1170        gap: var(--wp--preset--spacing--medium) var(--wp--preset--spacing--extra-large);
     1171        grid-template-columns: repeat(auto-fill, minmax(min(100%, max(16rem, (100% - var(--wp--preset--spacing--extra-large)) / 2)), 1fr));
     1172}
     1173
     1174ul.wp-block-list:is(.is-style-origin-canvas-list-check, .is-style-origin-canvas-list-check-neutral).origin-canvas-features-checklist-list > li + li {
     1175        margin-top: 0;
     1176}
     1177
     1178/**
     1179 * Pricing Grid: the featured tier's 2px top line sits 1px higher, so its bottom
     1180 * edge lines up with the 1px hairlines over the other tiers and the content below
     1181 * does not move. The Column block has no margin control.
     1182 */
     1183.wp-block-column.origin-canvas-pricing-simple-featured {
     1184        margin-top: -1px;
     1185}
     1186
     1187/**
     1188 * CTA Newsletter: when the columns stack on phones, the Subscribe button centers
     1189 * under the centered text; on desktop it stays at the left of its column, beside
     1190 * the field. The Buttons block has one justification for every width. 781px is
     1191 * where core Columns stack.
     1192 */
     1193@media (max-width: 781px) {
     1194        .wp-block-buttons.is-layout-flex.origin-canvas-cta-newsletter-action {
     1195                justify-content: center;
     1196        }
     1197}
     1198
     1199/**
     1200 * CTA Split: when the columns stack on phones, the Subscribe button moves to the
     1201 * left under the left-aligned text; on desktop it stays at the right of its
     1202 * column. The Buttons block has one justification for every width. 781px is
     1203 * where core Columns stack.
     1204 */
     1205@media (max-width: 781px) {
     1206        .wp-block-buttons.is-layout-flex.origin-canvas-cta-inline-action {
     1207                justify-content: flex-start;
     1208        }
     1209}

  • origin-canvas/1.4.3/styles/colors/blue.json

    r334533 r356743  
    88                                {
    99                                        "slug": "primary",
    10                                         "color": "#2563EB",
    11                                         "name": "Primary"
     10                                        "name": "Primary",
     11                                        "color": "#2563EB"
    1212                                },
    1313                                {
    14                                         "slug": "surface-base",
    15                                         "color": "#FFFFFF",
    16                                         "name": "Surface Base"
     14                                        "slug": "base",
     15                                        "name": "Base",
     16                                        "color": "#FFFFFF"
    1717                                },
    1818                                {
    19                                         "slug": "surface-muted",
    20                                         "color": "#F3F4F6",
    21                                         "name": "Surface Muted"
     19                                        "slug": "base-2",
     20                                        "name": "Base 2",
     21                                        "color": "#F3F4F6"
    2222                                },
    2323                                {
    24                                         "slug": "surface-subtle",
    25                                         "color": "#EEF2F6",
    26                                         "name": "Surface Subtle"
     24                                        "slug": "base-3",
     25                                        "name": "Base 3",
     26                                        "color": "#EEF2F6"
    2727                                },
    2828                                {
    29                                         "slug": "surface-subtle-hover",
    30                                         "color": "#E7ECF2",
    31                                         "name": "Surface Subtle Hover"
     29                                        "slug": "base-4",
     30                                        "name": "Base 4",
     31                                        "color": "#E7ECF2"
    3232                                },
    3333                                {
    34                                         "slug": "border",
    35                                         "color": "#E5E7EB",
    36                                         "name": "Border"
     34                                        "slug": "base-5",
     35                                        "name": "Base 5",
     36                                        "color": "#E5E7EB"
    3737                                },
    3838                                {
    39                                         "slug": "input-border",
    40                                         "color": "#D1D5DB",
    41                                         "name": "Input Border"
     39                                        "slug": "base-6",
     40                                        "name": "Base 6",
     41                                        "color": "#D1D5DB"
    4242                                },
    4343                                {
    44                                         "slug": "text-heading",
    45                                         "color": "#111827",
    46                                         "name": "Text Heading"
     44                                        "slug": "base-7",
     45                                        "name": "Base 7",
     46                                        "color": "#B4B6BC"
    4747                                },
    4848                                {
    49                                         "slug": "text-body",
    50                                         "color": "#4B5563",
    51                                         "name": "Text Body"
     49                                        "slug": "contrast-5",
     50                                        "name": "Contrast 5",
     51                                        "color": "#828B98"
    5252                                },
    5353                                {
    54                                         "slug": "text-muted",
    55                                         "color": "#6B7280",
    56                                         "name": "Text Muted"
     54                                        "slug": "contrast-4",
     55                                        "name": "Contrast 4",
     56                                        "color": "#6B7280"
    5757                                },
    5858                                {
    59                                         "slug": "on-dark",
    60                                         "color": "#F3F4F6",
    61                                         "name": "On Dark"
     59                                        "slug": "contrast-3",
     60                                        "name": "Contrast 3",
     61                                        "color": "#4B5563"
     62                                },
     63                                {
     64                                        "slug": "contrast-2",
     65                                        "name": "Contrast 2",
     66                                        "color": "#374151"
     67                                },
     68                                {
     69                                        "slug": "contrast",
     70                                        "name": "Contrast",
     71                                        "color": "#111827"
    6272                                }
    6373                        ]

  • origin-canvas/1.4.3/styles/colors/green.json

    r334533 r356743  
    88                                {
    99                                        "slug": "primary",
    10                                         "color": "#16A34A",
    11                                         "name": "Primary"
     10                                        "name": "Primary",
     11                                        "color": "#16A34A"
    1212                                },
    1313                                {
    14                                         "slug": "surface-base",
    15                                         "color": "#FFFFFF",
    16                                         "name": "Surface Base"
     14                                        "slug": "base",
     15                                        "name": "Base",
     16                                        "color": "#FFFFFF"
    1717                                },
    1818                                {
    19                                         "slug": "surface-muted",
    20                                         "color": "#F3F4F6",
    21                                         "name": "Surface Muted"
     19                                        "slug": "base-2",
     20                                        "name": "Base 2",
     21                                        "color": "#F3F4F6"
    2222                                },
    2323                                {
    24                                         "slug": "surface-subtle",
    25                                         "color": "#EEF2F6",
    26                                         "name": "Surface Subtle"
     24                                        "slug": "base-3",
     25                                        "name": "Base 3",
     26                                        "color": "#EEF2F6"
    2727                                },
    2828                                {
    29                                         "slug": "surface-subtle-hover",
    30                                         "color": "#E7ECF2",
    31                                         "name": "Surface Subtle Hover"
     29                                        "slug": "base-4",
     30                                        "name": "Base 4",
     31                                        "color": "#E7ECF2"
    3232                                },
    3333                                {
    34                                         "slug": "border",
    35                                         "color": "#E5E7EB",
    36                                         "name": "Border"
     34                                        "slug": "base-5",
     35                                        "name": "Base 5",
     36                                        "color": "#E5E7EB"
    3737                                },
    3838                                {
    39                                         "slug": "input-border",
    40                                         "color": "#D1D5DB",
    41                                         "name": "Input Border"
     39                                        "slug": "base-6",
     40                                        "name": "Base 6",
     41                                        "color": "#D1D5DB"
    4242                                },
    4343                                {
    44                                         "slug": "text-heading",
    45                                         "color": "#111827",
    46                                         "name": "Text Heading"
     44                                        "slug": "base-7",
     45                                        "name": "Base 7",
     46                                        "color": "#B4B6BC"
    4747                                },
    4848                                {
    49                                         "slug": "text-body",
    50                                         "color": "#4B5563",
    51                                         "name": "Text Body"
     49                                        "slug": "contrast-5",
     50                                        "name": "Contrast 5",
     51                                        "color": "#828B98"
    5252                                },
    5353                                {
    54                                         "slug": "text-muted",
    55                                         "color": "#6B7280",
    56                                         "name": "Text Muted"
     54                                        "slug": "contrast-4",
     55                                        "name": "Contrast 4",
     56                                        "color": "#6B7280"
    5757                                },
    5858                                {
    59                                         "slug": "on-dark",
    60                                         "color": "#F3F4F6",
    61                                         "name": "On Dark"
     59                                        "slug": "contrast-3",
     60                                        "name": "Contrast 3",
     61                                        "color": "#4B5563"
     62                                },
     63                                {
     64                                        "slug": "contrast-2",
     65                                        "name": "Contrast 2",
     66                                        "color": "#374151"
     67                                },
     68                                {
     69                                        "slug": "contrast",
     70                                        "name": "Contrast",
     71                                        "color": "#111827"
    6272                                }
    6373                        ]

  • origin-canvas/1.4.3/styles/colors/orange.json

    r334533 r356743  
    88                                {
    99                                        "slug": "primary",
    10                                         "color": "#EA580C",
    11                                         "name": "Primary"
     10                                        "name": "Primary",
     11                                        "color": "#EA580C"
    1212                                },
    1313                                {
    14                                         "slug": "surface-base",
    15                                         "color": "#FFFFFF",
    16                                         "name": "Surface Base"
     14                                        "slug": "base",
     15                                        "name": "Base",
     16                                        "color": "#FFFFFF"
    1717                                },
    1818                                {
    19                                         "slug": "surface-muted",
    20                                         "color": "#F3F4F6",
    21                                         "name": "Surface Muted"
     19                                        "slug": "base-2",
     20                                        "name": "Base 2",
     21                                        "color": "#F3F4F6"
    2222                                },
    2323                                {
    24                                         "slug": "surface-subtle",
    25                                         "color": "#EEF2F6",
    26                                         "name": "Surface Subtle"
     24                                        "slug": "base-3",
     25                                        "name": "Base 3",
     26                                        "color": "#EEF2F6"
    2727                                },
    2828                                {
    29                                         "slug": "surface-subtle-hover",
    30                                         "color": "#E7ECF2",
    31                                         "name": "Surface Subtle Hover"
     29                                        "slug": "base-4",
     30                                        "name": "Base 4",
     31                                        "color": "#E7ECF2"
    3232                                },
    3333                                {
    34                                         "slug": "border",
    35                                         "color": "#E5E7EB",
    36                                         "name": "Border"
     34                                        "slug": "base-5",
     35                                        "name": "Base 5",
     36                                        "color": "#E5E7EB"
    3737                                },
    3838                                {
    39                                         "slug": "input-border",
    40                                         "color": "#D1D5DB",
    41                                         "name": "Input Border"
     39                                        "slug": "base-6",
     40                                        "name": "Base 6",
     41                                        "color": "#D1D5DB"
    4242                                },
    4343                                {
    44                                         "slug": "text-heading",
    45                                         "color": "#111827",
    46                                         "name": "Text Heading"
     44                                        "slug": "base-7",
     45                                        "name": "Base 7",
     46                                        "color": "#B4B6BC"
    4747                                },
    4848                                {
    49                                         "slug": "text-body",
    50                                         "color": "#4B5563",
    51                                         "name": "Text Body"
     49                                        "slug": "contrast-5",
     50                                        "name": "Contrast 5",
     51                                        "color": "#828B98"
    5252                                },
    5353                                {
    54                                         "slug": "text-muted",
    55                                         "color": "#6B7280",
    56                                         "name": "Text Muted"
     54                                        "slug": "contrast-4",
     55                                        "name": "Contrast 4",
     56                                        "color": "#6B7280"
    5757                                },
    5858                                {
    59                                         "slug": "on-dark",
    60                                         "color": "#F3F4F6",
    61                                         "name": "On Dark"
     59                                        "slug": "contrast-3",
     60                                        "name": "Contrast 3",
     61                                        "color": "#4B5563"
     62                                },
     63                                {
     64                                        "slug": "contrast-2",
     65                                        "name": "Contrast 2",
     66                                        "color": "#374151"
     67                                },
     68                                {
     69                                        "slug": "contrast",
     70                                        "name": "Contrast",
     71                                        "color": "#111827"
    6272                                }
    6373                        ]

  • origin-canvas/1.4.3/styles/colors/purple.json

    r334533 r356743  
    88                                {
    99                                        "slug": "primary",
    10                                         "color": "#7C3AED",
    11                                         "name": "Primary"
     10                                        "name": "Primary",
     11                                        "color": "#7C3AED"
    1212                                },
    1313                                {
    14                                         "slug": "surface-base",
    15                                         "color": "#FFFFFF",
    16                                         "name": "Surface Base"
     14                                        "slug": "base",
     15                                        "name": "Base",
     16                                        "color": "#FFFFFF"
    1717                                },
    1818                                {
    19                                         "slug": "surface-muted",
    20                                         "color": "#F3F4F6",
    21                                         "name": "Surface Muted"
     19                                        "slug": "base-2",
     20                                        "name": "Base 2",
     21                                        "color": "#F3F4F6"
    2222                                },
    2323                                {
    24                                         "slug": "surface-subtle",
    25                                         "color": "#EEF2F6",
    26                                         "name": "Surface Subtle"
     24                                        "slug": "base-3",
     25                                        "name": "Base 3",
     26                                        "color": "#EEF2F6"
    2727                                },
    2828                                {
    29                                         "slug": "surface-subtle-hover",
    30                                         "color": "#E7ECF2",
    31                                         "name": "Surface Subtle Hover"
     29                                        "slug": "base-4",
     30                                        "name": "Base 4",
     31                                        "color": "#E7ECF2"
    3232                                },
    3333                                {
    34                                         "slug": "border",
    35                                         "color": "#E5E7EB",
    36                                         "name": "Border"
     34                                        "slug": "base-5",
     35                                        "name": "Base 5",
     36                                        "color": "#E5E7EB"
    3737                                },
    3838                                {
    39                                         "slug": "input-border",
    40                                         "color": "#D1D5DB",
    41                                         "name": "Input Border"
     39                                        "slug": "base-6",
     40                                        "name": "Base 6",
     41                                        "color": "#D1D5DB"
    4242                                },
    4343                                {
    44                                         "slug": "text-heading",
    45                                         "color": "#111827",
    46                                         "name": "Text Heading"
     44                                        "slug": "base-7",
     45                                        "name": "Base 7",
     46                                        "color": "#B4B6BC"
    4747                                },
    4848                                {
    49                                         "slug": "text-body",
    50                                         "color": "#4B5563",
    51                                         "name": "Text Body"
     49                                        "slug": "contrast-5",
     50                                        "name": "Contrast 5",
     51                                        "color": "#828B98"
    5252                                },
    5353                                {
    54                                         "slug": "text-muted",
    55                                         "color": "#6B7280",
    56                                         "name": "Text Muted"
     54                                        "slug": "contrast-4",
     55                                        "name": "Contrast 4",
     56                                        "color": "#6B7280"
    5757                                },
    5858                                {
    59                                         "slug": "on-dark",
    60                                         "color": "#F3F4F6",
    61                                         "name": "On Dark"
     59                                        "slug": "contrast-3",
     60                                        "name": "Contrast 3",
     61                                        "color": "#4B5563"
     62                                },
     63                                {
     64                                        "slug": "contrast-2",
     65                                        "name": "Contrast 2",
     66                                        "color": "#374151"
     67                                },
     68                                {
     69                                        "slug": "contrast",
     70                                        "name": "Contrast",
     71                                        "color": "#111827"
    6272                                }
    6373                        ]

  • origin-canvas/1.4.3/styles/colors/red.json

    r334533 r356743  
    88                                {
    99                                        "slug": "primary",
    10                                         "color": "#DC2626",
    11                                         "name": "Primary"
     10                                        "name": "Primary",
     11                                        "color": "#DC2626"
    1212                                },
    1313                                {
    14                                         "slug": "surface-base",
    15                                         "color": "#FFFFFF",
    16                                         "name": "Surface Base"
     14                                        "slug": "base",
     15                                        "name": "Base",
     16                                        "color": "#FFFFFF"
    1717                                },
    1818                                {
    19                                         "slug": "surface-muted",
    20                                         "color": "#F3F4F6",
    21                                         "name": "Surface Muted"
     19                                        "slug": "base-2",
     20                                        "name": "Base 2",
     21                                        "color": "#F3F4F6"
    2222                                },
    2323                                {
    24                                         "slug": "surface-subtle",
    25                                         "color": "#EEF2F6",
    26                                         "name": "Surface Subtle"
     24                                        "slug": "base-3",
     25                                        "name": "Base 3",
     26                                        "color": "#EEF2F6"
    2727                                },
    2828                                {
    29                                         "slug": "surface-subtle-hover",
    30                                         "color": "#E7ECF2",
    31                                         "name": "Surface Subtle Hover"
     29                                        "slug": "base-4",
     30                                        "name": "Base 4",
     31                                        "color": "#E7ECF2"
    3232                                },
    3333                                {
    34                                         "slug": "border",
    35                                         "color": "#E5E7EB",
    36                                         "name": "Border"
     34                                        "slug": "base-5",
     35                                        "name": "Base 5",
     36                                        "color": "#E5E7EB"
    3737                                },
    3838                                {
    39                                         "slug": "input-border",
    40                                         "color": "#D1D5DB",
    41                                         "name": "Input Border"
     39                                        "slug": "base-6",
     40                                        "name": "Base 6",
     41                                        "color": "#D1D5DB"
    4242                                },
    4343                                {
    44                                         "slug": "text-heading",
    45                                         "color": "#111827",
    46                                         "name": "Text Heading"
     44                                        "slug": "base-7",
     45                                        "name": "Base 7",
     46                                        "color": "#B4B6BC"
    4747                                },
    4848                                {
    49                                         "slug": "text-body",
    50                                         "color": "#4B5563",
    51                                         "name": "Text Body"
     49                                        "slug": "contrast-5",
     50                                        "name": "Contrast 5",
     51                                        "color": "#828B98"
    5252                                },
    5353                                {
    54                                         "slug": "text-muted",
    55                                         "color": "#6B7280",
    56                                         "name": "Text Muted"
     54                                        "slug": "contrast-4",
     55                                        "name": "Contrast 4",
     56                                        "color": "#6B7280"
    5757                                },
    5858                                {
    59                                         "slug": "on-dark",
    60                                         "color": "#F3F4F6",
    61                                         "name": "On Dark"
     59                                        "slug": "contrast-3",
     60                                        "name": "Contrast 3",
     61                                        "color": "#4B5563"
     62                                },
     63                                {
     64                                        "slug": "contrast-2",
     65                                        "name": "Contrast 2",
     66                                        "color": "#374151"
     67                                },
     68                                {
     69                                        "slug": "contrast",
     70                                        "name": "Contrast",
     71                                        "color": "#111827"
    6272                                }
    6373                        ]

  • origin-canvas/1.4.3/styles/editorial.json

    r334533 r356743  
    44        "title": "Editorial",
    55        "settings": {
     6                "custom": {
     7                        "letterSpacing": {
     8                                "display": "-0.02em",
     9                                "large": "-0.02em",
     10                                "medium": "-0.02em",
     11                                "base": "-0.02em"
     12                        }
     13                },
    614                "color": {
    715                        "palette": [
    … …  
    1220                                },
    1321                                {
    14                                         "slug": "surface-base",
    15                                         "name": "Surface Base",
     22                                        "slug": "base",
     23                                        "name": "Base",
    1624                                        "color": "#FAFAF8"
    1725                                },
    1826                                {
    19                                         "slug": "surface-muted",
    20                                         "name": "Surface Muted",
     27                                        "slug": "base-2",
     28                                        "name": "Base 2",
    2129                                        "color": "#F5F3EF"
    2230                                },
    2331                                {
    24                                         "slug": "surface-subtle",
    25                                         "name": "Surface Subtle",
     32                                        "slug": "base-3",
     33                                        "name": "Base 3",
    2634                                        "color": "#EFEDE8"
    2735                                },
    2836                                {
    29                                         "slug": "surface-subtle-hover",
    30                                         "name": "Surface Subtle Hover",
     37                                        "slug": "base-4",
     38                                        "name": "Base 4",
    3139                                        "color": "#E8E5DF"
    3240                                },
    3341                                {
    34                                         "slug": "border",
    35                                         "name": "Border",
     42                                        "slug": "base-5",
     43                                        "name": "Base 5",
    3644                                        "color": "#E7E5E4"
    3745                                },
    3846                                {
    39                                         "slug": "input-border",
    40                                         "name": "Input Border",
     47                                        "slug": "base-6",
     48                                        "name": "Base 6",
    4149                                        "color": "#D6D3D1"
    4250                                },
    4351                                {
    44                                         "slug": "text-heading",
    45                                         "name": "Text Heading",
     52                                        "slug": "base-7",
     53                                        "name": "Base 7",
     54                                        "color": "#B8B6B3"
     55                                },
     56                                {
     57                                        "slug": "contrast-5",
     58                                        "name": "Contrast 5",
     59                                        "color": "#828B98"
     60                                },
     61                                {
     62                                        "slug": "contrast-4",
     63                                        "name": "Contrast 4",
     64                                        "color": "#6B7280"
     65                                },
     66                                {
     67                                        "slug": "contrast-3",
     68                                        "name": "Contrast 3",
     69                                        "color": "#57534E"
     70                                },
     71                                {
     72                                        "slug": "contrast-2",
     73                                        "name": "Contrast 2",
     74                                        "color": "#44403C"
     75                                },
     76                                {
     77                                        "slug": "contrast",
     78                                        "name": "Contrast",
    4679                                        "color": "#1C1917"
    47                                 },
    48                                 {
    49                                         "slug": "text-body",
    50                                         "name": "Text Body",
    51                                         "color": "#44403C"
    52                                 },
    53                                 {
    54                                         "slug": "text-muted",
    55                                         "name": "Text Muted",
    56                                         "color": "#78716C"
    57                                 },
    58                                 {
    59                                         "slug": "on-dark",
    60                                         "name": "On Dark",
    61                                         "color": "#F3F4F6"
    6280                                }
    6381                        ]
    … …  
    156174                                                        "src": [
    157175                                                                "file:./assets/fonts/source-serif/SourceSerif4-700.woff2"
     176                                                        ]
     177                                                },
     178                                                {
     179                                                        "fontDisplay": "swap",
     180                                                        "fontFamily": "'Source Serif 4'",
     181                                                        "fontStyle": "normal",
     182                                                        "fontWeight": "600",
     183                                                        "src": [
     184                                                                "file:./assets/fonts/source-serif/SourceSerif4-600.woff2"
    158185                                                        ]
    159186                                                }
    … …  
    171198                                "typography": {
    172199                                        "fontFamily": "var(--wp--preset--font-family--source-serif)",
    173                                         "fontWeight": "700",
    174                                         "lineHeight": "1.2",
    175                                         "letterSpacing": "-0.02em"
     200                                        "lineHeight": "1.2"
    176201                                }
    177202                        }

  • origin-canvas/1.4.3/styles/expressive.json

    r334533 r356743  
    44        "title": "Expressive",
    55        "settings": {
     6                "custom": {
     7                        "letterSpacing": {
     8                                "display": "-0.025em",
     9                                "large": "-0.025em",
     10                                "medium": "-0.025em",
     11                                "base": "-0.025em"
     12                        }
     13                },
    614                "color": {
    715                        "palette": [
    … …  
    1220                                },
    1321                                {
    14                                         "slug": "surface-base",
    15                                         "name": "Surface Base",
     22                                        "slug": "base",
     23                                        "name": "Base",
    1624                                        "color": "#FFFFFF"
    1725                                },
    1826                                {
    19                                         "slug": "surface-muted",
    20                                         "name": "Surface Muted",
     27                                        "slug": "base-2",
     28                                        "name": "Base 2",
    2129                                        "color": "#F9FAFB"
    2230                                },
    2331                                {
    24                                         "slug": "surface-subtle",
    25                                         "name": "Surface Subtle",
     32                                        "slug": "base-3",
     33                                        "name": "Base 3",
    2634                                        "color": "#F3F4F6"
    2735                                },
    2836                                {
    29                                         "slug": "surface-subtle-hover",
    30                                         "name": "Surface Subtle Hover",
     37                                        "slug": "base-4",
     38                                        "name": "Base 4",
    3139                                        "color": "#E5E7EB"
    3240                                },
    3341                                {
    34                                         "slug": "border",
    35                                         "name": "Border",
     42                                        "slug": "base-5",
     43                                        "name": "Base 5",
    3644                                        "color": "#D1D5DB"
    3745                                },
    3846                                {
    39                                         "slug": "input-border",
    40                                         "name": "Input Border",
     47                                        "slug": "base-6",
     48                                        "name": "Base 6",
    4149                                        "color": "#9CA3AF"
    4250                                },
    4351                                {
    44                                         "slug": "text-heading",
    45                                         "name": "Text Heading",
     52                                        "slug": "base-7",
     53                                        "name": "Base 7",
     54                                        "color": "#B4B6BA"
     55                                },
     56                                {
     57                                        "slug": "contrast-5",
     58                                        "name": "Contrast 5",
     59                                        "color": "#828B98"
     60                                },
     61                                {
     62                                        "slug": "contrast-4",
     63                                        "name": "Contrast 4",
     64                                        "color": "#6B7280"
     65                                },
     66                                {
     67                                        "slug": "contrast-3",
     68                                        "name": "Contrast 3",
     69                                        "color": "#4B5563"
     70                                },
     71                                {
     72                                        "slug": "contrast-2",
     73                                        "name": "Contrast 2",
     74                                        "color": "#374151"
     75                                },
     76                                {
     77                                        "slug": "contrast",
     78                                        "name": "Contrast",
    4679                                        "color": "#030712"
    47                                 },
    48                                 {
    49                                         "slug": "text-body",
    50                                         "name": "Text Body",
    51                                         "color": "#374151"
    52                                 },
    53                                 {
    54                                         "slug": "text-muted",
    55                                         "name": "Text Muted",
    56                                         "color": "#6B7280"
    57                                 },
    58                                 {
    59                                         "slug": "on-dark",
    60                                         "name": "On Dark",
    61                                         "color": "#F3F4F6"
    6280                                }
    6381                        ]
    … …  
    171189                                "typography": {
    172190                                        "fontFamily": "var(--wp--preset--font-family--space-grotesk)",
    173                                         "fontWeight": "700",
    174                                         "lineHeight": "1.15",
    175                                         "letterSpacing": "-0.025em"
     191                                        "lineHeight": "1.15"
    176192                                }
    177193                        },

  • origin-canvas/1.4.3/styles/refined-sans.json

    r334533 r356743  
    44        "title": "Refined Sans",
    55        "settings": {
     6                "custom": {
     7                        "letterSpacing": {
     8                                "display": "-0.015em",
     9                                "large": "-0.015em",
     10                                "medium": "-0.015em",
     11                                "base": "-0.015em"
     12                        }
     13                },
    614                "color": {
    715                        "palette": [
    … …  
    1220                                },
    1321                                {
    14                                         "slug": "surface-base",
    15                                         "name": "Surface Base",
     22                                        "slug": "base",
     23                                        "name": "Base",
    1624                                        "color": "#FFFFFF"
    1725                                },
    1826                                {
    19                                         "slug": "surface-muted",
    20                                         "name": "Surface Muted",
     27                                        "slug": "base-2",
     28                                        "name": "Base 2",
    2129                                        "color": "#F8FAFC"
    2230                                },
    2331                                {
    24                                         "slug": "surface-subtle",
    25                                         "name": "Surface Subtle",
     32                                        "slug": "base-3",
     33                                        "name": "Base 3",
    2634                                        "color": "#F1F5F9"
    2735                                },
    2836                                {
    29                                         "slug": "surface-subtle-hover",
    30                                         "name": "Surface Subtle Hover",
     37                                        "slug": "base-4",
     38                                        "name": "Base 4",
    3139                                        "color": "#E2E8F0"
    3240                                },
    3341                                {
    34                                         "slug": "border",
    35                                         "name": "Border",
     42                                        "slug": "base-5",
     43                                        "name": "Base 5",
    3644                                        "color": "#E2E8F0"
    3745                                },
    3846                                {
    39                                         "slug": "input-border",
    40                                         "name": "Input Border",
     47                                        "slug": "base-6",
     48                                        "name": "Base 6",
    4149                                        "color": "#CBD5E1"
    4250                                },
    4351                                {
    44                                         "slug": "text-heading",
    45                                         "name": "Text Heading",
    46                                         "color": "#0F172A"
     52                                        "slug": "base-7",
     53                                        "name": "Base 7",
     54                                        "color": "#B7BAC1"
    4755                                },
    4856                                {
    49                                         "slug": "text-body",
    50                                         "name": "Text Body",
     57                                        "slug": "contrast-5",
     58                                        "name": "Contrast 5",
     59                                        "color": "#828B98"
     60                                },
     61                                {
     62                                        "slug": "contrast-4",
     63                                        "name": "Contrast 4",
     64                                        "color": "#6B7280"
     65                                },
     66                                {
     67                                        "slug": "contrast-3",
     68                                        "name": "Contrast 3",
    5169                                        "color": "#475569"
    5270                                },
    5371                                {
    54                                         "slug": "text-muted",
    55                                         "name": "Text Muted",
    56                                         "color": "#64748B"
     72                                        "slug": "contrast-2",
     73                                        "name": "Contrast 2",
     74                                        "color": "#334155"
    5775                                },
    5876                                {
    59                                         "slug": "on-dark",
    60                                         "name": "On Dark",
    61                                         "color": "#F3F4F6"
     77                                        "slug": "contrast",
     78                                        "name": "Contrast",
     79                                        "color": "#0F172A"
    6280                                }
    6381                        ]
    … …  
    173191                                "typography": {
    174192                                        "fontFamily": "var(--wp--preset--font-family--dm-sans)",
    175                                         "fontWeight": "700",
    176                                         "lineHeight": "1.2",
    177                                         "letterSpacing": "-0.015em"
     193                                        "lineHeight": "1.2"
    178194                                }
    179195                        }

  • origin-canvas/1.4.3/styles/typography/dm-sans.json

    r328778 r356743  
    1313                                "typography": {
    1414                                        "fontFamily": "var(--wp--preset--font-family--dm-sans)",
    15                                         "fontWeight": "700",
    16                                         "lineHeight": "1.2",
    17                                         "letterSpacing": "-0.015em"
     15                                        "lineHeight": "1.2"
    1816                                }
    1917                        }
    … …  
    2119        },
    2220        "settings": {
     21                "custom": {
     22                        "letterSpacing": {
     23                                "display": "-0.015em",
     24                                "large": "-0.015em",
     25                                "medium": "-0.015em",
     26                                "base": "-0.015em"
     27                        }
     28                },
    2329                "typography": {
    2430                        "fontFamilies": [

  • origin-canvas/1.4.3/styles/typography/serif-headings.json

    r328778 r356743  
    1111                                "typography": {
    1212                                        "fontFamily": "var(--wp--preset--font-family--source-serif)",
    13                                         "fontWeight": "700",
    14                                         "lineHeight": "1.2",
    15                                         "letterSpacing": "-0.02em"
     13                                        "lineHeight": "1.2"
    1614                                }
    1715                        }
    … …  
    1917        },
    2018        "settings": {
     19                "custom": {
     20                        "letterSpacing": {
     21                                "display": "-0.02em",
     22                                "large": "-0.02em",
     23                                "medium": "-0.02em",
     24                                "base": "-0.02em"
     25                        }
     26                },
    2127                "typography": {
    2228                        "fontFamilies": [
    … …  
    113119                                                                "file:./assets/fonts/source-serif/SourceSerif4-700.woff2"
    114120                                                        ]
     121                                                },
     122                                                {
     123                                                        "fontDisplay": "swap",
     124                                                        "fontFamily": "'Source Serif 4'",
     125                                                        "fontStyle": "normal",
     126                                                        "fontWeight": "600",
     127                                                        "src": [
     128                                                                "file:./assets/fonts/source-serif/SourceSerif4-600.woff2"
     129                                                        ]
    115130                                                }
    116131                                        ]

  • origin-canvas/1.4.3/styles/typography/space-grotesk.json

    r328778 r356743  
    1111                                "typography": {
    1212                                        "fontFamily": "var(--wp--preset--font-family--space-grotesk)",
    13                                         "fontWeight": "700",
    14                                         "lineHeight": "1.15",
    15                                         "letterSpacing": "-0.025em"
     13                                        "lineHeight": "1.15"
    1614                                }
    1715                        },
    … …  
    4947        },
    5048        "settings": {
     49                "custom": {
     50                        "letterSpacing": {
     51                                "display": "-0.025em",
     52                                "large": "-0.025em",
     53                                "medium": "-0.025em",
     54                                "base": "-0.025em"
     55                        }
     56                },
    5157                "typography": {
    5258                        "fontFamilies": [

  • origin-canvas/1.4.3/theme.json

    r347102 r356743  
    3636                                },
    3737                                {
    38                                         "slug": "compact",
     38                                        "slug": "small-medium",
    3939                                        "size": "12px",
    40                                         "name": "Compact"
     40                                        "name": "Small Medium"
    4141                                },
    4242                                {
    … …  
    9494                                "small": "4px",
    9595                                "medium": "8px",
     96                                "medium-large": "12px",
    9697                                "large": "16px"
    9798                        },
    9899                        "dark": {
    99                                 "bg": "#111827",
    100                                 "text": "#F3F4F6"
     100                                "bg": "var(--wp--preset--color--contrast)",
     101                                "text": "var(--wp--preset--color--base-2)"
    101102                        },
    102103                        "lineHeight": {
    … …  
    104105                                "tight": 1.1,
    105106                                "snug": 1.2,
    106                                 "body": 1.5,
     107                                "normal": 1.5,
    107108                                "relaxed": 1.625,
    108109                                "loose": 2
     110                        },
     111                        "list": {
     112                                "checkColor": "var(--wp--preset--color--primary)"
     113                        },
     114                        "accordion": {
     115                                "markerColor": "var(--wp--preset--color--contrast)",
     116                                "noteWeight": "400"
     117                        },
     118                        "letterSpacing": {
     119                                "display": "-0.03em",
     120                                "large": "-0.025em",
     121                                "medium": "-0.02em",
     122                                "base": "-0.012em"
    109123                        }
    110124                },
    111125                "color": {
     126                        "duotone": [
     127                                { "slug": "logo-gray", "name": "Logo gray", "colors": [ "#4B5563", "#FFFFFF" ] }
     128                        ],
    112129                        "palette": [
    113130                                {
    … …  
    117134                                },
    118135                                {
    119                                         "slug": "surface-base",
    120                                         "name": "Surface Base",
     136                                        "slug": "base",
     137                                        "name": "Base",
    121138                                        "color": "#FFFFFF"
    122139                                },
    123140                                {
    124                                         "slug": "surface-muted",
    125                                         "name": "Surface Muted",
     141                                        "slug": "base-2",
     142                                        "name": "Base 2",
    126143                                        "color": "#F3F4F6"
    127144                                },
    128145                                {
    129                                         "slug": "surface-subtle",
    130                                         "name": "Surface Subtle",
     146                                        "slug": "base-3",
     147                                        "name": "Base 3",
    131148                                        "color": "#EEF2F6"
    132149                                },
    133150                                {
    134                                         "slug": "surface-subtle-hover",
    135                                         "name": "Surface Subtle Hover",
     151                                        "slug": "base-4",
     152                                        "name": "Base 4",
    136153                                        "color": "#E7ECF2"
    137154                                },
    138155                                {
    139                                         "slug": "border",
    140                                         "name": "Border",
     156                                        "slug": "base-5",
     157                                        "name": "Base 5",
    141158                                        "color": "#E5E7EB"
    142159                                },
    143160                                {
    144                                         "slug": "input-border",
    145                                         "name": "Input Border",
     161                                        "slug": "base-6",
     162                                        "name": "Base 6",
    146163                                        "color": "#D1D5DB"
    147164                                },
    148165                                {
    149                                         "slug": "text-heading",
    150                                         "name": "Text Heading",
     166                                        "slug": "base-7",
     167                                        "name": "Base 7",
     168                                        "color": "#B4B6BC"
     169                                },
     170                                {
     171                                        "slug": "contrast-5",
     172                                        "name": "Contrast 5",
     173                                        "color": "#828B98"
     174                                },
     175                                {
     176                                        "slug": "contrast-4",
     177                                        "name": "Contrast 4",
     178                                        "color": "#6B7280"
     179                                },
     180                                {
     181                                        "slug": "contrast-3",
     182                                        "name": "Contrast 3",
     183                                        "color": "#4B5563"
     184                                },
     185                                {
     186                                        "slug": "contrast-2",
     187                                        "name": "Contrast 2",
     188                                        "color": "#374151"
     189                                },
     190                                {
     191                                        "slug": "contrast",
     192                                        "name": "Contrast",
    151193                                        "color": "#111827"
    152                                 },
    153                                 {
    154                                         "slug": "text-body",
    155                                         "name": "Text Body",
    156                                         "color": "#4B5563"
    157                                 },
    158                                 {
    159                                         "slug": "text-muted",
    160                                         "name": "Text Muted",
    161                                         "color": "#6B7280"
    162                                 },
    163                                 {
    164                                         "slug": "on-dark",
    165                                         "name": "On Dark",
    166                                         "color": "#F3F4F6"
    167194                                }
    168195                        ]
    … …  
    357384        "styles": {
    358385                "color": {
    359                         "background": "var(--wp--preset--color--surface-base)",
    360                         "text": "var(--wp--preset--color--text-body)",
    361                         "link": "var(--wp--preset--color--text-heading)"
     386                        "background": "var(--wp--preset--color--base)",
     387                        "text": "var(--wp--preset--color--contrast-2)",
     388                        "link": "var(--wp--preset--color--contrast)"
    362389                },
    363390                "typography": {
    … …  
    374401                },
    375402                "elements": {
     403                        "button": {
     404                                "dimensions": {
     405                                        "minHeight": "44px"
     406                                }
     407                        },
    376408                        "link": {
    377409                                "color": {
    378                                         "text": "var(--wp--preset--color--text-heading)"
     410                                        "text": "var(--wp--preset--color--contrast)"
    379411                                },
    380412                                ":hover": {
    … …  
    382414                                                "text": "var(--wp--preset--color--primary)"
    383415                                        }
     416                                },
     417                                ":focus-visible": {
     418                                        "color": {
     419                                                "text": "var(--wp--preset--color--primary)"
     420                                        }
    384421                                }
    385422                        },
    386423                        "heading": {
    387424                                "color": {
    388                                         "text": "var(--wp--preset--color--text-heading)"
     425                                        "text": "var(--wp--preset--color--contrast)"
    389426                                },
    390427                                "typography": {
    391428                                        "fontWeight": "600",
    392429                                        "lineHeight": "var(--wp--custom--line-height--snug)",
    393                                         "letterSpacing": "-0.01em"
     430                                        "letterSpacing": "var(--origin-canvas-letter-spacing, var(--wp--custom--letter-spacing--base))"
    394431                                }
    395432                        },
    396433                        "h1": {
    397434                                "typography": {
    398                                         "fontSize": "var(--wp--preset--font-size--display-xl)",
     435                                        "fontSize": "var(--wp--preset--font-size--display)",
    399436                                        "lineHeight": "var(--wp--custom--line-height--tight)"
    400437                                }
    … …  
    433470                                                "blocks": {
    434471                                                        "core/accordion-item": {
    435                                                                 "border": { "bottom": { "color": "var(--wp--preset--color--border)", "style": "solid", "width": "1px" } }
     472                                                                "border": { "bottom": { "color": "var(--wp--preset--color--base-5)", "style": "solid", "width": "1px" } }
    436473                                                        }
    437474                                                }
    … …  
    447484                                                "color": {
    448485                                                        "background": "transparent",
    449                                                         "text": "var(--wp--preset--color--text-heading)"
     486                                                        "text": "var(--wp--preset--color--contrast)"
    450487                                                },
    451488                                                "border": {
    452                                                         "color": "var(--wp--preset--color--border)",
     489                                                        "color": "var(--wp--preset--color--contrast-4)",
    453490                                                        "style": "solid",
    454491                                                        "width": "2px"
    … …  
    456493                                                "spacing": {
    457494                                                        "padding": {
    458                                                                 "top": "calc(var(--wp--preset--spacing--compact) - 2px)",
     495                                                                "top": "calc(var(--wp--preset--spacing--small-medium) - 2px)",
    459496                                                                "right": "calc(var(--wp--preset--spacing--extra-large) - 2px)",
    460                                                                 "bottom": "calc(var(--wp--preset--spacing--compact) - 2px)",
     497                                                                "bottom": "calc(var(--wp--preset--spacing--small-medium) - 2px)",
    461498                                                                "left": "calc(var(--wp--preset--spacing--extra-large) - 2px)"
    462499                                                        }
    … …  
    468505                                                ":hover": {
    469506                                                        "color": {
    470                                                                 "background": "var(--wp--preset--color--surface-muted)"
     507                                                                "background": "color-mix(in srgb, var(--wp--preset--color--contrast) 6%, transparent)"
     508                                                        },
     509                                                        "shadow": "none"
     510                                                },
     511                                                ":focus-visible": {
     512                                                        "color": {
     513                                                                "background": "color-mix(in srgb, var(--wp--preset--color--contrast) 6%, transparent)"
     514                                                        },
     515                                                        "shadow": "none"
     516                                                },
     517                                                ":active": {
     518                                                        "color": {
     519                                                                "background": "var(--wp--preset--color--base-4)"
    471520                                                        },
    472521                                                        "border": {
    473                                                                 "color": "var(--wp--preset--color--text-muted)"
    474                                                         }
    475                                                 },
    476                                                 ":focus-visible": {
    477                                                         "color": {
    478                                                                 "background": "var(--wp--preset--color--surface-muted)"
     522                                                                "color": "var(--wp--preset--color--contrast)"
     523                                                        },
     524                                                        "shadow": "none"
     525                                                }
     526                                        },
     527                                        "origin-canvas-outline-light": {
     528                                                "color": {
     529                                                        "background": "transparent",
     530                                                        "text": "var(--wp--preset--color--base-2)"
     531                                                },
     532                                                "border": {
     533                                                        "color": "var(--wp--preset--color--base-2)",
     534                                                        "style": "solid",
     535                                                        "width": "2px"
     536                                                },
     537                                                "spacing": {
     538                                                        "padding": {
     539                                                                "top": "calc(var(--wp--preset--spacing--small-medium) - 2px)",
     540                                                                "right": "calc(var(--wp--preset--spacing--extra-large) - 2px)",
     541                                                                "bottom": "calc(var(--wp--preset--spacing--small-medium) - 2px)",
     542                                                                "left": "calc(var(--wp--preset--spacing--extra-large) - 2px)"
     543                                                        }
     544                                                },
     545                                                "typography": {
     546                                                        "fontSize": "var(--wp--preset--font-size--regular)",
     547                                                        "fontWeight": "500"
     548                                                },
     549                                                ":hover": {
     550                                                        "color": {
     551                                                                "background": "color-mix(in srgb, var(--wp--preset--color--base-2) 8%, transparent)",
     552                                                                "text": "var(--wp--preset--color--base-2)"
    479553                                                        },
    480554                                                        "border": {
    481                                                                 "color": "var(--wp--preset--color--text-muted)"
    482                                                         }
    483                                                 },
    484                                                 ":active": {
    485                                                         "color": {
    486                                                                 "background": "var(--wp--preset--color--border)"
     555                                                                "color": "var(--wp--preset--color--base-2)"
     556                                                        },
     557                                                        "shadow": "none"
     558                                                },
     559                                                ":focus-visible": {
     560                                                        "color": {
     561                                                                "background": "color-mix(in srgb, var(--wp--preset--color--base-2) 8%, transparent)",
     562                                                                "text": "var(--wp--preset--color--base-2)"
    487563                                                        },
    488564                                                        "border": {
    489                                                                 "color": "var(--wp--preset--color--text-body)"
     565                                                                "color": "var(--wp--preset--color--base-2)"
     566                                                        },
     567                                                        "shadow": "none"
     568                                                },
     569                                                ":active": {
     570                                                        "color": {
     571                                                                "background": "color-mix(in srgb, var(--wp--preset--color--base-2) 20%, transparent)",
     572                                                                "text": "var(--wp--preset--color--base-2)"
     573                                                        },
     574                                                        "border": {
     575                                                                "color": "var(--wp--preset--color--base-2)"
    490576                                                        }
    491577                                                }
    492578                                        },
    493                                         "origin-canvas-outline-strong": {
    494                                                 "color": {
    495                                                         "background": "transparent",
    496                                                         "text": "var(--wp--preset--color--text-heading)"
     579                                        "origin-canvas-fill-primary": {
     580                                                "color": {
     581                                                        "background": "var(--wp--preset--color--primary)",
     582                                                        "text": "var(--wp--preset--color--base)"
    497583                                                },
    498584                                                "border": {
    499                                                         "color": "var(--wp--preset--color--text-muted)",
    500                                                         "style": "solid",
    501                                                         "width": "2px"
     585                                                        "radius": "999px"
    502586                                                },
    503587                                                "spacing": {
    504588                                                        "padding": {
    505                                                                 "top": "calc(var(--wp--preset--spacing--compact) - 2px)",
    506                                                                 "right": "calc(var(--wp--preset--spacing--extra-large) - 2px)",
    507                                                                 "bottom": "calc(var(--wp--preset--spacing--compact) - 2px)",
    508                                                                 "left": "calc(var(--wp--preset--spacing--extra-large) - 2px)"
     589                                                                "top": "var(--wp--preset--spacing--small-medium)",
     590                                                                "right": "var(--wp--preset--spacing--extra-large)",
     591                                                                "bottom": "var(--wp--preset--spacing--small-medium)",
     592                                                                "left": "var(--wp--preset--spacing--extra-large)"
    509593                                                        }
    510594                                                },
    … …  
    515599                                                ":hover": {
    516600                                                        "color": {
    517                                                                 "background": "var(--wp--preset--color--border)"
     601                                                                "background": "color-mix(in srgb, var(--wp--preset--color--primary) 88%, #000)",
     602                                                                "text": "var(--wp--preset--color--base)"
     603                                                        }
     604                                                },
     605                                                ":focus-visible": {
     606                                                        "color": {
     607                                                                "background": "color-mix(in srgb, var(--wp--preset--color--primary) 88%, #000)",
     608                                                                "text": "var(--wp--preset--color--base)"
     609                                                        }
     610                                                },
     611                                                ":active": {
     612                                                        "color": {
     613                                                                "background": "color-mix(in srgb, var(--wp--preset--color--primary) 80%, #000)",
     614                                                                "text": "var(--wp--preset--color--base)"
    518615                                                        },
    519                                                         "border": {
    520                                                                 "color": "var(--wp--preset--color--text-body)"
    521                                                         }
    522                                                 },
    523                                                 ":focus-visible": {
    524                                                         "color": {
    525                                                                 "background": "var(--wp--preset--color--border)"
    526                                                         },
    527                                                         "border": {
    528                                                                 "color": "var(--wp--preset--color--text-body)"
    529                                                         }
    530                                                 },
    531                                                 ":active": {
    532                                                         "color": {
    533                                                                 "background": "var(--wp--preset--color--surface-subtle-hover)"
    534                                                         },
    535                                                         "border": {
    536                                                                 "color": "var(--wp--preset--color--text-heading)"
    537                                                         }
    538                                                 }
    539                                         },
    540                                         "origin-canvas-outline-light": {
    541                                                 "color": {
    542                                                         "background": "transparent",
    543                                                         "text": "var(--wp--preset--color--on-dark)"
    544                                                 },
    545                                                 "border": {
    546                                                         "color": "var(--wp--preset--color--on-dark)",
    547                                                         "style": "solid",
    548                                                         "width": "2px"
    549                                                 },
    550                                                 "spacing": {
    551                                                         "padding": {
    552                                                                 "top": "calc(var(--wp--preset--spacing--compact) - 2px)",
    553                                                                 "right": "calc(var(--wp--preset--spacing--extra-large) - 2px)",
    554                                                                 "bottom": "calc(var(--wp--preset--spacing--compact) - 2px)",
    555                                                                 "left": "calc(var(--wp--preset--spacing--extra-large) - 2px)"
    556                                                         }
    557                                                 },
    558                                                 "typography": {
    559                                                         "fontSize": "var(--wp--preset--font-size--regular)",
    560                                                         "fontWeight": "500"
    561                                                 },
    562                                                 ":hover": {
    563                                                         "color": {
    564                                                                 "background": "color-mix(in srgb, var(--wp--preset--color--on-dark) 12%, transparent)",
    565                                                                 "text": "var(--wp--preset--color--on-dark)"
    566                                                         },
    567                                                         "border": {
    568                                                                 "color": "var(--wp--preset--color--on-dark)"
    569                                                         }
    570                                                 },
    571                                                 ":focus-visible": {
    572                                                         "color": {
    573                                                                 "background": "color-mix(in srgb, var(--wp--preset--color--on-dark) 12%, transparent)",
    574                                                                 "text": "var(--wp--preset--color--on-dark)"
    575                                                         },
    576                                                         "border": {
    577                                                                 "color": "var(--wp--preset--color--on-dark)"
    578                                                         },
    579                                                         "shadow": "0 0 0 var(--wp--preset--spacing--extra-small) color-mix(in srgb, var(--wp--preset--color--on-dark) 40%, transparent)"
    580                                                 },
    581                                                 ":active": {
    582                                                         "color": {
    583                                                                 "background": "color-mix(in srgb, var(--wp--preset--color--on-dark) 20%, transparent)",
    584                                                                 "text": "var(--wp--preset--color--on-dark)"
    585                                                         },
    586                                                         "border": {
    587                                                                 "color": "var(--wp--preset--color--on-dark)"
    588                                                         }
    589                                                 }
    590                                         },
    591                                         "origin-canvas-fill-primary": {
    592                                                 "color": {
    593                                                         "background": "var(--wp--preset--color--primary)",
    594                                                         "text": "var(--wp--preset--color--surface-base)"
    595                                                 },
    596                                                 "border": {
    597                                                         "radius": "999px"
    598                                                 },
    599                                                 "spacing": {
    600                                                         "padding": {
    601                                                                 "top": "var(--wp--preset--spacing--compact)",
    602                                                                 "right": "var(--wp--preset--spacing--extra-large)",
    603                                                                 "bottom": "var(--wp--preset--spacing--compact)",
    604                                                                 "left": "var(--wp--preset--spacing--extra-large)"
    605                                                         }
    606                                                 },
    607                                                 "typography": {
    608                                                         "fontSize": "var(--wp--preset--font-size--regular)",
    609                                                         "fontWeight": "500"
    610                                                 },
    611                                                 ":hover": {
    612                                                         "color": {
    613                                                                 "background": "color-mix(in srgb, var(--wp--preset--color--primary) 88%, #000)",
    614                                                                 "text": "var(--wp--preset--color--surface-base)"
    615                                                         }
    616                                                 },
    617                                                 ":focus-visible": {
    618                                                         "color": {
    619                                                                 "background": "color-mix(in srgb, var(--wp--preset--color--primary) 88%, #000)",
    620                                                                 "text": "var(--wp--preset--color--surface-base)"
    621                                                         }
    622                                                 },
    623                                                 ":active": {
    624                                                         "color": {
    625                                                                 "background": "color-mix(in srgb, var(--wp--preset--color--primary) 80%, #000)",
    626                                                                 "text": "var(--wp--preset--color--surface-base)"
    627                                                         }
     616                                                        "shadow": "none"
    628617                                                }
    629618                                        }
    … …  
    631620                                "spacing": {
    632621                                        "padding": {
    633                                                 "top": "var(--wp--preset--spacing--compact)",
     622                                                "top": "var(--wp--preset--spacing--small-medium)",
    634623                                                "right": "var(--wp--preset--spacing--extra-large)",
    635                                                 "bottom": "var(--wp--preset--spacing--compact)",
     624                                                "bottom": "var(--wp--preset--spacing--small-medium)",
    636625                                                "left": "var(--wp--preset--spacing--extra-large)"
    637626                                        }
    638627                                },
    639628                                "color": {
    640                                         "background": "var(--wp--preset--color--text-heading)",
    641                                         "text": "var(--wp--preset--color--surface-base)"
     629                                        "background": "var(--wp--preset--color--contrast)",
     630                                        "text": "var(--wp--preset--color--base)"
    642631                                },
    643632                                "typography": {
    … …  
    647636                                ":hover": {
    648637                                        "color": {
    649                                                 "background": "color-mix(in srgb, var(--wp--preset--color--text-heading) 88%, #000)",
    650                                                 "text": "var(--wp--preset--color--surface-base)"
    651                                         }
     638                                                "background": "color-mix(in srgb, var(--wp--preset--color--contrast) 88%, #000)",
     639                                                "text": "var(--wp--preset--color--base)"
     640                                        },
     641                                        "shadow": "var(--wp--preset--shadow--medium)"
    652642                                },
    653643                                ":focus-visible": {
    654644                                        "color": {
    655                                                 "background": "color-mix(in srgb, var(--wp--preset--color--text-heading) 88%, #000)",
    656                                                 "text": "var(--wp--preset--color--surface-base)"
    657                                         }
     645                                                "background": "color-mix(in srgb, var(--wp--preset--color--contrast) 88%, #000)",
     646                                                "text": "var(--wp--preset--color--base)"
     647                                        },
     648                                        "shadow": "var(--wp--preset--shadow--medium)"
    658649                                },
    659650                                ":active": {
    660651                                        "color": {
    661                                                 "background": "color-mix(in srgb, var(--wp--preset--color--text-heading) 80%, #000)",
    662                                                 "text": "var(--wp--preset--color--surface-base)"
    663                                         }
     652                                                "background": "color-mix(in srgb, var(--wp--preset--color--contrast) 80%, #000)",
     653                                                "text": "var(--wp--preset--color--base)"
     654                                        },
     655                                        "shadow": "none"
    664656                                }
    665657                        },
    … …  
    669661                                }
    670662                        },
     663                        "core/image": {
     664                                "variations": {
     665                                        "rounded": {
     666                                                "border": {
     667                                                        "radius": "var(--wp--custom--radius--medium)"
     668                                                }
     669                                        }
     670                                }
     671                        },
    671672                        "core/navigation": {
    672673                                "elements": {
    673674                                        "link": {
    674675                                                "color": {
    675                                                         "text": "var(--wp--preset--color--text-heading)",
     676                                                        "text": "var(--wp--preset--color--contrast)",
    676677                                                        ":hover": {
    677678                                                                "color": {
    … …  
    692693                                        "link": {
    693694                                                "color": {
    694                                                         "text": "var(--wp--preset--color--text-heading)",
     695                                                        "text": "var(--wp--preset--color--contrast)",
    695696                                                        ":hover": {
    696697                                                                "color": {
    … …  
    703704                        },
    704705                        "core/search": {
     706                                "border": {
     707                                        "color": "var(--wp--preset--color--base-6)",
     708                                        "radius": "var(--wp--custom--radius--medium)",
     709                                        "style": "solid",
     710                                        "width": "1px"
     711                                },
    705712                                "elements": {
    706713                                        "button": {
    707714                                                "border": {
    708                                                         "radius": "999px"
    709                                                 },
    710                                                 "color": {
    711                                                         "background": "var(--wp--preset--color--text-heading)",
    712                                                         "text": "var(--wp--preset--color--surface-base)"
    713                                                 },
    714                                                 ":hover": {
    715                                                         "color": {
    716                                                                 "background": "color-mix(in srgb, var(--wp--preset--color--text-heading) 88%, #000)",
    717                                                                 "text": "var(--wp--preset--color--surface-base)"
     715                                                        "radius": "999px",
     716                                                        "width": "0px"
     717                                                },
     718                                                "color": {
     719                                                        "background": "var(--wp--preset--color--contrast)",
     720                                                        "text": "var(--wp--preset--color--base)"
     721                                                },
     722                                                ":hover": {
     723                                                        "color": {
     724                                                                "background": "color-mix(in srgb, var(--wp--preset--color--contrast) 88%, #000)",
     725                                                                "text": "var(--wp--preset--color--base)"
    718726                                                        }
    719727                                                },
    720728                                                ":focus-visible": {
    721729                                                        "color": {
    722                                                                 "background": "color-mix(in srgb, var(--wp--preset--color--text-heading) 88%, #000)",
    723                                                                 "text": "var(--wp--preset--color--surface-base)"
     730                                                                "background": "color-mix(in srgb, var(--wp--preset--color--contrast) 88%, #000)",
     731                                                                "text": "var(--wp--preset--color--base)"
    724732                                                        }
    725733                                                },
    726734                                                ":active": {
    727735                                                        "color": {
    728                                                                 "background": "color-mix(in srgb, var(--wp--preset--color--text-heading) 80%, #000)",
    729                                                                 "text": "var(--wp--preset--color--surface-base)"
     736                                                                "background": "color-mix(in srgb, var(--wp--preset--color--contrast) 80%, #000)",
     737                                                                "text": "var(--wp--preset--color--base)"
    730738                                                        }
    731739                                                },
    732740                                                "spacing": {
    733741                                                        "padding": {
    734                                                                 "bottom": "var(--wp--preset--spacing--compact)",
     742                                                                "bottom": "var(--wp--preset--spacing--small-medium)",
    735743                                                                "left": "var(--wp--preset--spacing--extra-large)",
    736744                                                                "right": "var(--wp--preset--spacing--extra-large)",
    737                                                                 "top": "var(--wp--preset--spacing--compact)"
     745                                                                "top": "var(--wp--preset--spacing--small-medium)"
    738746                                                        }
    739747                                                },
    … …  
    745753                                }
    746754                        },
     755                        "core/archives": {
     756                                "elements": {
     757                                        "link": {
     758                                                "color": {
     759                                                        "text": "var(--wp--preset--color--contrast-2)"
     760                                                },
     761                                                ":hover": {
     762                                                        "color": {
     763                                                                "text": "var(--wp--preset--color--primary)"
     764                                                        }
     765                                                }
     766                                        }
     767                                },
     768                                "typography": {
     769                                        "fontSize": "var(--wp--preset--font-size--small)",
     770                                        "fontWeight": "400",
     771                                        "lineHeight": "1.5"
     772                                }
     773                        },
     774                        "core/calendar": {
     775                                "color": {
     776                                        "text": "var(--wp--preset--color--contrast-3)"
     777                                },
     778                                "elements": {
     779                                        "link": {
     780                                                "color": {
     781                                                        "text": "var(--wp--preset--color--contrast)"
     782                                                },
     783                                                ":hover": {
     784                                                        "color": {
     785                                                                "text": "var(--wp--preset--color--primary)"
     786                                                        }
     787                                                }
     788                                        }
     789                                },
     790                                "typography": {
     791                                        "fontSize": "var(--wp--preset--font-size--small)",
     792                                        "lineHeight": "1.5"
     793                                }
     794                        },
    747795                        "core/categories": {
    748796                                "elements": {
    749797                                        "link": {
    750798                                                "color": {
    751                                                         "text": "var(--wp--preset--color--text-body)"
     799                                                        "text": "var(--wp--preset--color--contrast-2)"
    752800                                                },
    753801                                                ":hover": {
    … …  
    760808                                "typography": {
    761809                                        "fontSize": "var(--wp--preset--font-size--small)",
    762                                         "fontWeight": "400"
     810                                        "fontWeight": "400",
     811                                        "lineHeight": "1.5"
     812                                }
     813                        },
     814                        "core/latest-comments": {
     815                                "typography": {
     816                                        "fontSize": "var(--wp--preset--font-size--small)",
     817                                        "fontWeight": "400",
     818                                        "lineHeight": "1.4"
    763819                                }
    764820                        },
    765821                        "core/latest-posts": {
    766                                 "elements": {
    767                                         "link": {
    768                                                 "color": {
    769                                                         "text": "var(--wp--preset--color--text-body)"
     822                                "spacing": {
     823                                        "blockGap": "var(--wp--preset--spacing--medium)"
     824                                },
     825                                "elements": {
     826                                        "link": {
     827                                                "color": {
     828                                                        "text": "var(--wp--preset--color--contrast-2)"
    770829                                                },
    771830                                                ":hover": {
    … …  
    797856                        },
    798857                        "core/paragraph": {
    799                                 "css": "&.has-background { padding: var(--wp--preset--spacing--compact) var(--wp--preset--spacing--medium); }",
     858                                "css": "&.has-background { padding: var(--wp--preset--spacing--small-medium) var(--wp--preset--spacing--medium); }",
    800859                                "elements": {
    801860                                        "link": {
    … …  
    835894                                        "link": {
    836895                                                "color": {
    837                                                         "text": "var(--wp--preset--color--text-heading)"
     896                                                        "text": "var(--wp--preset--color--contrast)"
    838897                                                },
    839898                                                "typography": {
    … …  
    843902                                }
    844903                        },
     904                        "core/page-list": {
     905                                "elements": {
     906                                        "link": {
     907                                                "color": {
     908                                                        "text": "var(--wp--preset--color--contrast-2)"
     909                                                },
     910                                                ":hover": {
     911                                                        "color": {
     912                                                                "text": "var(--wp--preset--color--primary)"
     913                                                        }
     914                                                }
     915                                        }
     916                                },
     917                                "typography": {
     918                                        "fontSize": "var(--wp--preset--font-size--small)",
     919                                        "fontWeight": "400",
     920                                        "lineHeight": "1.5"
     921                                }
     922                        },
    845923                        "core/post-terms": {
    846924                                "typography": {
    … …  
    850928                                        "link": {
    851929                                                "color": {
    852                                                         "text": "var(--wp--preset--color--text-body)"
     930                                                        "text": "var(--wp--preset--color--contrast-2)"
    853931                                                },
    854932                                                "typography": {
    … …  
    858936                                }
    859937                        },
    860                         "core/tag-cloud": {
    861                                 "elements": {
    862                                         "link": {
    863                                                 "color": {
    864                                                         "text": "var(--wp--preset--color--text-body)"
     938                        "core/rss": {
     939                                "elements": {
     940                                        "link": {
     941                                                "color": {
     942                                                        "text": "var(--wp--preset--color--contrast-2)"
    865943                                                },
    866944                                                ":hover": {
    … …  
    877955                                }
    878956                        },
     957                        "core/tag-cloud": {
     958                                "elements": {
     959                                        "link": {
     960                                                "color": {
     961                                                        "text": "var(--wp--preset--color--contrast-2)"
     962                                                },
     963                                                ":hover": {
     964                                                        "color": {
     965                                                                "text": "var(--wp--preset--color--primary)"
     966                                                        }
     967                                                }
     968                                        }
     969                                },
     970                                "typography": {
     971                                        "fontSize": "var(--wp--preset--font-size--small)",
     972                                        "fontWeight": "400",
     973                                        "lineHeight": "1.4"
     974                                }
     975                        },
    879976                        "core/separator": {
    880977                                "color": {
    881                                         "text": "var(--wp--preset--color--border)"
     978                                        "text": "var(--wp--preset--color--base-5)"
    882979                                }
    883980                        },
    … …  
    891988                                        "link": {
    892989                                                "color": {
    893                                                         "text": "var(--wp--preset--color--text-heading)"
     990                                                        "text": "var(--wp--preset--color--contrast)"
    894991                                                },
    895992                                                "typography": {
    … …  
    9051002                                },
    9061003                                "color": {
    907                                         "text": "var(--wp--preset--color--text-body)"
     1004                                        "text": "var(--wp--preset--color--contrast-2)"
    9081005                                }
    9091006                        },
    … …  
    9161013                                                },
    9171014                                                "color": {
    918                                                         "background": "var(--wp--preset--color--surface-subtle)",
    919                                                         "text": "var(--wp--preset--color--text-heading)"
     1015                                                        "background": "var(--wp--preset--color--base-3)",
     1016                                                        "text": "var(--wp--preset--color--contrast)"
    9201017                                                },
    9211018                                                "spacing": {
    … …  
    9341031                                                ":hover": {
    9351032                                                        "color": {
    936                                                                 "background": "var(--wp--preset--color--surface-subtle-hover)",
    937                                                                 "text": "var(--wp--preset--color--text-heading)"
     1033                                                                "background": "var(--wp--preset--color--base-4)",
     1034                                                                "text": "var(--wp--preset--color--contrast)"
    9381035                                                        }
    9391036                                                }
    … …  
    9611058                        "core/post-navigation-link": {
    9621059                                "color": {
    963                                         "text": "var(--wp--preset--color--text-heading)"
    964                                 },
    965                                 "elements": {
    966                                         "link": {
    967                                                 "color": {
    968                                                         "text": "var(--wp--preset--color--text-heading)"
     1060                                        "text": "var(--wp--preset--color--contrast)"
     1061                                },
     1062                                "elements": {
     1063                                        "link": {
     1064                                                "color": {
     1065                                                        "text": "var(--wp--preset--color--contrast)"
    9691066                                                },
    9701067                                                ":hover": {
    … …  
    9861083                                        "link": {
    9871084                                                "color": {
    988                                                         "text": "var(--wp--preset--color--text-heading)"
     1085                                                        "text": "var(--wp--preset--color--contrast)"
    9891086                                                }
    9901087                                        }
    … …  
    9931090                                        "origin-canvas-author": {
    9941091                                                "color": {
    995                                                         "text": "var(--wp--preset--color--text-heading)"
     1092                                                        "text": "var(--wp--preset--color--contrast)"
    9961093                                                },
    9971094                                                "typography": {
    … …  
    10041101                        "core/comment-author-name": {
    10051102                                "color": {
    1006                                         "text": "var(--wp--preset--color--text-heading)"
    1007                                 },
    1008                                 "elements": {
    1009                                         "link": {
    1010                                                 "color": {
    1011                                                         "text": "var(--wp--preset--color--text-heading)"
     1103                                        "text": "var(--wp--preset--color--contrast)"
     1104                                },
     1105                                "elements": {
     1106                                        "link": {
     1107                                                "color": {
     1108                                                        "text": "var(--wp--preset--color--contrast)"
    10121109                                                },
    10131110                                                ":hover": {
    … …  
    10241121                        "core/comment-date": {
    10251122                                "color": {
    1026                                         "text": "var(--wp--preset--color--text-body)"
    1027                                 },
    1028                                 "elements": {
    1029                                         "link": {
    1030                                                 "color": {
    1031                                                         "text": "var(--wp--preset--color--text-body)"
     1123                                        "text": "var(--wp--preset--color--contrast-2)"
     1124                                },
     1125                                "elements": {
     1126                                        "link": {
     1127                                                "color": {
     1128                                                        "text": "var(--wp--preset--color--contrast-2)"
    10321129                                                },
    10331130                                                ":hover": {
    … …  
    10491146                        "core/comment-reply-link": {
    10501147                                "color": {
    1051                                         "text": "var(--wp--preset--color--text-heading)"
    1052                                 },
    1053                                 "elements": {
    1054                                         "link": {
    1055                                                 "color": {
    1056                                                         "text": "var(--wp--preset--color--text-heading)"
     1148                                        "text": "var(--wp--preset--color--contrast)"
     1149                                },
     1150                                "elements": {
     1151                                        "link": {
     1152                                                "color": {
     1153                                                        "text": "var(--wp--preset--color--contrast)"
    10571154                                                },
    10581155                                                ":hover": {
    … …  
    10691166                        },
    10701167                        "core/post-comments-form": {
    1071                                 "css": ".wp-block-post-comments-form label, .wp-block-post-comments-form .logged-in-as { font-size: var(--wp--preset--font-size--regular); } .wp-block-post-comments-form .comment-reply-title { color: var(--wp--preset--color--text-heading); font-size: var(--wp--preset--font-size--regular-plus); font-weight: 600; }"
     1168                                "css": ".wp-block-post-comments-form label, .wp-block-post-comments-form .logged-in-as { font-size: var(--wp--preset--font-size--regular); } .wp-block-post-comments-form .comment-reply-title { color: var(--wp--preset--color--contrast); font-size: var(--wp--preset--font-size--regular-plus); font-weight: 600; }"
    10721169                        },
    10731170                        "core/comments-title": {
    10741171                                "color": {
    1075                                         "text": "var(--wp--preset--color--text-heading)"
     1172                                        "text": "var(--wp--preset--color--contrast)"
    10761173                                },
    10771174                                "spacing": {
    … …  
    10861183                        "core/comments-pagination": {
    10871184                                "color": {
    1088                                         "text": "var(--wp--preset--color--text-heading)"
    1089                                 },
    1090                                 "elements": {
    1091                                         "link": {
    1092                                                 "color": {
    1093                                                         "text": "var(--wp--preset--color--text-heading)"
    1094                                                 },
    1095                                                 ":hover": {
    1096                                                         "color": {
    1097                                                                 "text": "var(--wp--preset--color--text-heading)"
     1185                                        "text": "var(--wp--preset--color--contrast)"
     1186                                },
     1187                                "elements": {
     1188                                        "link": {
     1189                                                "color": {
     1190                                                        "text": "var(--wp--preset--color--contrast)"
     1191                                                },
     1192                                                ":hover": {
     1193                                                        "color": {
     1194                                                                "text": "var(--wp--preset--color--contrast)"
    10981195                                                        }
    10991196                                                }
    … …  
    11711268                        "name": "mobile-menu",
    11721269                        "title": "Mobile Menu",
     1270                        "area": "navigation-overlay"
     1271                },
     1272                {
     1273                        "name": "mobile-menu-dark",
     1274                        "title": "Mobile Menu Dark",
    11731275                        "area": "navigation-overlay"
    11741276                }
Note: See TracChangeset for help on using the changeset viewer.