Huecraft · kit report · CloviBrand
One brief became a 278-file kit. 8 of 16 elements passed.
Our own CloviBrand rebrand, built by the Huecraft engine in one run: what came out, what passed, what did not, and what is still planned.
At a glance
Where the files went
Thirteen elements have files; the bar length is the file count, the colour is the gate result.
built passed its quality gate gated produced, failed a gate not built not produced in this run
Coverage
8 built, 3 gated, 5 not produced
The coverage ring counts only elements that passed their gate.
Passed: Logo suite, Colour system, Typography, Favicon and app icons, UI kit and design tokens, Deck, proposal, case study, letterhead templates, Mockups and brand scenes, Print collateral.
Gated: Social preview, email header, video-call background, Social kit (LinkedIn, X, Instagram, Facebook, YouTube), Email signature.
Not produced: Brand playbook and brand card, Brand voice guide, Iconography set, Animated logo, Element tiles.
Huecraft · logo suite
Fifteen vector files, four lockups, three inks.
Horizontal, stacked, mark and monogram, each in light, dark and mono, with icons and a pinned-tab glyph.
The suite
Every lockup on its ground
Hover shows nothing; these are the files as exported.
Horizontal, light
clovibrand_horizontal_light.svg
Horizontal, dark
clovibrand_horizontal_dark.svg
Stacked
clovibrand_stacked_light.svg
Mark
clovibrand_mark_light.svg
Monogram
clovibrand_monogram_light.svg
Mono, black
clovibrand_horizontal_mono_black.svg
Mono, white
clovibrand_horizontal_mono_white.svg
Monogram on brand colour
clovibrand_monogram_mono_white.svgRules
Clear space and minimum size
The rule the playbook would state; the measurements are the program's standard, not measured from this kit.
Icons
Favicons and app icons
Exact sizes from the suite.
Huecraft · colour system
Three scales, 24 measured pairs, 24 pass.
Primary, accent and neutral, each 50 to 900, with the contrast table the engine measured for light and dark mode.
Palette
The three scales
Each swatch is the exact token value.
Proof
Contrast: 24 of 24 pairs pass
Measured by the engine against WCAG AA for each foreground/background role in both modes.
| Mode | Foreground | Background | Ratio | Needs | Result |
|---|---|---|---|---|---|
| light | text #0F172A | bg #FFFFFF | 17.85:1 | 4.5 | pass |
| light | text #0F172A | surface #F4F5F6 | 16.35:1 | 4.5 | pass |
| light | text-muted #6A6E79 | bg #FFFFFF | 5.1:1 | 4.5 | pass |
| light | brand-text #9E6C03 | bg #FFFFFF | 4.57:1 | 4.5 | pass |
| light | accent-text #D73753 | bg #FFFFFF | 4.6:1 | 4.5 | pass |
| light | on-brand #0F172A | brand #CA8A04 | 6.08:1 | 4.5 | pass |
| light | on-accent #0F172A | accent #F43F5E | 4.86:1 | 4.5 | pass |
| light | border #D5D6DA | bg #FFFFFF | 1.45:1 | 1.2 | pass |
| light | success #12863D | bg #FFFFFF | 4.66:1 | 4.5 | pass |
| light | warning #B26205 | bg #FFFFFF | 4.52:1 | 4.5 | pass |
| light | danger #DC2626 | bg #FFFFFF | 4.83:1 | 4.5 | pass |
| light | info #9E6C03 | bg #FFFFFF | 4.57:1 | 4.5 | pass |
| dark | text #F2F6FB | bg #0B1220 | 17.25:1 | 4.5 | pass |
| dark | text #F2F6FB | surface #1A202D | 15.02:1 | 4.5 | pass |
| dark | text-muted #BDBFC4 | bg #0B1220 | 10.18:1 | 4.5 | pass |
| dark | brand-text #CA8A04 | bg #0B1220 | 6.37:1 | 4.5 | pass |
| dark | accent-text #F43F5E | bg #0B1220 | 5.1:1 | 4.5 | pass |
| dark | on-brand #0F172A | brand #CA8A04 | 6.08:1 | 4.5 | pass |
| dark | on-accent #0F172A | accent #F43F5E | 4.86:1 | 4.5 | pass |
| dark | border #323844 | bg #0B1220 | 1.59:1 | 1.2 | pass |
| dark | success #16A34A | bg #0B1220 | 5.68:1 | 4.5 | pass |
| dark | warning #D97706 | bg #0B1220 | 5.88:1 | 4.5 | pass |
| dark | danger #E14444 | bg #0B1220 | 4.56:1 | 4.5 | pass |
| dark | info #CA8A04 | bg #0B1220 | 6.37:1 | 4.5 | pass |
Huecraft · typography
One sans for display and body, one mono for data.
Plus Jakarta Sans and IBM Plex Mono, under their open licences, with a seven-step scale.
Specimen
The scale, in the kit's own faces
Sizes are the kit's tokens; the specimen text is ours.
One brief becomes a working brand system: a logo suite, a colour system with its contrast proved, type, tokens and the collateral to use them.
Huecraft · brand scenes
6 objects, the mark placed on each.
Bag, badge, cards, cup, notebook and phone: the engine masks the object and prints the mark into it.
Scenes sheet
All scenes on one sheet
The sheet the engine renders for the hub.
Single scenes
Each object on its own
Open any image larger.
Huecraft · print collateral
13 print pieces, each with PDF and HTML source.
Business cards, letterhead, envelope, badge, one-pager, brochure, poster, pull-up banner, table throw, step-and-repeat.
Gallery
The print set
Previews rendered by the engine from the real templates.
Office
Deck, proposal, case study, letterhead
5 editable templates: brand_voice_guide.docx, case_study_template.docx, letterhead.docx, proposal_template.docx, deck_template.pptx.
Huecraft · digital and social
15 exact-size images, one gate failed.
Social preview, email header, video-call background and the platform kit for LinkedIn, X, Instagram, Facebook and YouTube.
Gallery
Every size the platforms ask for
Captions give the platform and the exact pixel size.
Huecraft · voice, playbook, newsletter
The words are not in this kit yet.
The playbook, brand card and voice guide were not produced in this run; the newsletter template was produced but failed four checks.
Newsletter
Newsletter template, gated
Desktop and phone previews in light and dark, as rendered.
Huecraft · coverage
8 of 16 built. 3 gated. 5 not yet.
The CloviTek AI brand-elements program lists sixteen elements every kit should have. This is where this kit stands against it.
Checklist
Element by element
Status comes from each element's own result file.
| # | Program element | Files | Status |
|---|---|---|---|
| 1 | Logo suite horizontal, stacked, mark, monogram; light, dark, mono; SVG, PNG 1x-3x, PDF | 32 | built |
| 2 | Colour system tokens, CSS, Tailwind, swatch files, contrast table, colour sheet | 8 | built |
| 3 | Typography faces under open licence, scale, specimen | 21 | built |
| 4 | Favicon and app icons favicon, Apple touch, Android, pinned tab, web manifest | 32 | built |
| 5 | UI kit and design tokens tokens.css, W3C/Figma tokens, Tailwind config, components page | 22 | built |
| 6 | Social preview, email header, video-call background exact-size PNG with HTML source | 54 | gated |
| 7 | Social kit (LinkedIn, X, Instagram, Facebook, YouTube) platform images at exact sizes | 54 | gated |
| 8 | Brand playbook and brand card 12-page playbook + one-page card as PDF | none | not built |
| 9 | Brand voice guide voice guide as DOCX and Markdown | none | not built |
| 10 | Deck, proposal, case study, letterhead templates PPTX deck; DOCX proposal, case study, letterhead | 11 | built |
| 11 | Email signature HTML + text signature, logo, install guide | 54 | gated |
| 12 | Iconography set icon family in the brand's stroke | none | not built |
| 13 | Mockups and brand scenes scenes sheet and single-object scenes | 47 | built |
| 14 | Print collateral stationery, marketing, trade show; PDF + preview | 65 | built |
| 15 | Animated logo motion version of the mark | none | not built |
| 16 | Element tiles one tile per element for the brand hub | none | not built |
Huecraft · coming
5 elements planned, 3 awaiting a re-run.
What a full kit will add. The planned tiles are placeholders, not renders; the gated elements exist and are shown in their sections.
Brand playbook and brand card
12-page playbook + one-page card as PDF
Planned · not in this kit
Brand voice guide
voice guide as DOCX and Markdown
Planned · not in this kit
Iconography set
icon family in the brand's stroke
Planned · not in this kit
Animated logo
motion version of the mark
Planned · not in this kit
Element tiles
one tile per element for the brand hub
Planned · not in this kit
Gated, not missing
Produced in this run, failed a check
These are real outputs; the engine withheld the pass mark until a re-run on a vector mark.
- Social preview, email header, video-call background gated: exact-size PNG with HTML source; produced, shown in its own section, re-run pending.
- Social kit (LinkedIn, X, Instagram, Facebook, YouTube) gated: platform images at exact sizes; produced, shown in its own section, re-run pending.
- Email signature gated: HTML + text signature, logo, install guide; produced, shown in its own section, re-run pending.
Plan
What happens next, in order
The steps that turn this kit into a full one. Owners are the engine or the brand team; nothing here has been started.
- Brand team Supply a vector mark (SVG) instead of the 58-pixel site logo; the brand-visuals gate rejected the upscaled input.
- Engine Re-run the three gated elements (digital kit, newsletter, brand visuals) on the vector mark.
- Engine Build the playbook PDF, brand card and voice guide; they take the colour, type and logo outputs above as inputs.
- Engine Iconography set and animated logo once the playbook fixes the stroke and motion rules.
- Brand team Review the coverage checklist; sign off element by element before anything is published to the brand.
Sources and limits
Where these facts came from
- Kit run: brand_pipeline run clovibrand, 9 October 2026; element status from each element's _result.json; file counts from the run directory.
- Colour: color/tokens.json and color/contrast.csv as written by the engine; type scale from type/type_tokens.json.
- The input mark was CloviBrand's own 58-pixel site logo, upscaled to 640 px to pass the logo gate; the brand-visuals element rejected its own renders for that reason.
- Clear-space and minimum-size rules are the program standard, not measured from this kit.
- Not a customer result. Nothing from this kit was published to CloviBrand.