The badge row on these four project pages is a set of 300×300 PNGs, each with a blue rounded frame and a blue caption bar under the logo. The frame and the caption repeat what the link already says.

These are the replacements: one badge family, every badge 20px tall — the height of the demo live shield — each carrying its own mark. A row comes to about 575px, which fits the 620px content column on one line.

The demo badge has three sections

varbase-demo3 educare-demo3 horizonaid-demo3 rightup-demo3

logo | demo | live. The mark gets a block of its own rather than sharing the grey one, and all four use the same dark plate. Giving each product the plate that flattered its own artwork produced four badges with four different backgrounds, which read as four different things instead of one family. The Rightup uses its theme's own logo-white.svg, which is what makes a single dark plate work for all of them.

The rest of the row

ci figma storybook docs report slack

The marks inside are glyphs, never wordmarks: a wordmark squashed into a square slot is unreadable, and a dark one on the grey slab has almost no contrast. CI passed rather than pipeline passed — the longer word costs about 45px and pushes the row past the column. The green is #319A5F, sampled from the pipeline badge already on these pages.

A medium set at 28px is attached too. It is a real step up and at about 780px it wraps to two lines here — one line caps at roughly 22px, so the 20px set is the one that meets the brief. No large set was made.

Varbase Starter


 Varbase Starter demo is live Varbase Starter CI pipeline Varbase Starter design system in Figma Varbase Storybook Varbase Docs Varbase Starter automated functional testing report Join our Slack


Sponsored and developed by Vardot

Educare


 Educare demo is live Educare CI pipeline Educare design system in Figma Varbase Storybook Varbase Docs Join our Slack


Sponsored and developed by Vardot

Horizon Aid


 Horizon Aid demo is live Horizon Aid CI pipeline Horizon Aid design system in Figma Varbase Storybook Varbase Docs Join our Slack


Sponsored and developed by Vardot

The Rightup


 The Rightup demo is live The Rightup CI pipeline The Rightup design system in Figma Varbase Storybook Varbase Docs Join our Slack


Sponsored and developed by Vardot

Three report links still needed

Only Varbase Starter carries the Report badge, pointing at its published report. Educare, Horizon Aid and The Rightup have it left out rather than pointed at a guess, so nothing on those three is broken. Send the three URLs and the badge goes in.

That URL carries a job id, a version and a build date. The jobs API on git.drupalcode.org needs authentication and the usual latest-artifact shapes return 404, so there is no stable link to derive — Varbase Starter's will go stale when 1.0.3 builds.

Comments

rajab natshah created an issue. See original summary.

rajab natshah’s picture

Issue summary: View changes
rajab natshah’s picture

Issue summary: View changes
rajab natshah’s picture

Issue summary: View changes
rajab natshah’s picture

Issue summary: View changes
StatusFileSize
new2.23 KB
rajab natshah’s picture

Issue summary: View changes
rajab natshah’s picture

Issue summary: View changes
StatusFileSize
new5.81 KB
new5.3 KB
new6.12 KB
new6.59 KB
new6.19 KB
new3.91 KB
new6.2 KB
new4.35 KB
new5.03 KB
new4.59 KB
rajab natshah’s picture

Issue summary: View changes
rajab natshah’s picture

Issue summary: View changes
StatusFileSize
new6 KB
new5.47 KB
new6.4 KB
new7.35 KB
new9 KB
new8.52 KB
new9.86 KB
new11.13 KB
rajab natshah’s picture

StatusFileSize
new6.28 KB
new9.57 KB