8.1 Component library
Sixteen chapters of copy-paste HTML + CSS organised into three buckets — General (foundations, typography, buttons, forms, cards, navigation), Website (content blocks, narrative systems, media, platform & narrative), and App (data display, feedback, page templates, and three CRM-flavoured chapters: app shell, app pipeline, app AI). Every block has light/dark previews and one-click copy.
8.2 File manifest
Every deliverable, grouped by folder, with thumbnails where it helps. The index below is rendered at runtime from manifest.json. Search by filename, path, description, or extension. Each row gives you copy path and a direct download; the icon library has variant chips and a grid view.
Fonts The four Google Fonts families the kit uses. Direct links download the OTF/TTF ZIP.
Download all 48.3 For AI agents
If a language model is reading this kit, manifest.json is the single source of truth.
Everything, machine-readable.
manifest.json is the source of truth for this kit. It contains every file path, every brand colour, every typography family, and the voice principles / banned words / words-we-love. All paths are relative, so they resolve wherever this folder is served.
GET https://brand.magicblocks.ai/manifest.json
→ { name, version, brand_colors, typography, voice, groups[...], ... }
8.4 Anatomy & notes
How the kit is organised — and what to reach for when.
- Every path in the manifest is relative to the kit root — the same paths work whether the kit is served at
brand.magicblocks.ai/, dropped intopublic/brand/, or zipped and shared. - Logo and icon variants live in
01-logo-full,02-icon,03-wordmark. Favicons and app icons are in04-favicon-app-icon. - Open, editable sources (Figma export, SVG primaries) are in
05-source. These are the files designers should fork. - Pre-built templates (banner, business cards, colour chart, email signature, type specimen, social avatars) are in
06-brand-assets. The 36 Figma-ready media templates (video, slide decks, social 1:1 / 4:5 / 9:16) are in06-brand-assets/media-templates/. The icon library — 187 duotone glyphs in three palette variants — is in07-icons. - Patterns (block cube, dot grid, gradient meshes) and photographic looks are in
08-patterns-and-photos. The PDF guideline and anything reference-grade is in09-reference. - The full component library — sixteen chapters of copy-paste HTML + CSS, every UI primitive we use, organised under General / Website / App — is in
components/(also surfaced in the manifest as10-components). Start at components/index.html. - If the manifest fails to load, check DevTools → Network. Usually it's a stale cache or a path mis-match — not a bug.