Glitchpad guidelines
Brand essentials
Approved name, visual signatures, assets, and usage rules.
Name and relationship
Approved name: Glitchpad
Relationship: A ShruggieTech project
Visual signatures
Mark: The rectangular paper and G share one protected construction inside a permanent square. On dark surfaces the square is sulfur with a charcoal page; on light surfaces the square is charcoal with a sulfur page. The slate fold stays consistent across both contexts.
Color: Near-black surfaces keep controls visually secondary to file content. Pure sulfur provides identity, focus, and selection; cool slate supplies the fold and subdued states. Muddy and darkened yellows are prohibited.
- Glitchpad yellow:
#FFD900 - Mark accent:
#667788
Type: Display Space Grotesk; body Geist; mono Geist Mono. See Logo, Color, and Typography for detailed rules.
Where each asset belongs
Choose the delivered artwork for its declared surface, role, and size. The asset library contains every verified variant.
- Logos and lockups: Stacked logo lockup, full color, for dark backgrounds (Brand identity).
- Marks: Full brand mark, full color, for dark backgrounds (Brand identity).
- Social images: Social share image, full color, dark background (Social sharing).
- Web icons: Web maskable, opaque background (Web root).
The reduced mark takes over at and below 32 px.
Usage limits
Keep the delivered artwork geometry unchanged. The Logo page has the complete mark rules.
- Do not detach the G from the paper into a separate glyph.
- Always keep the rectangular paper-and-G construction inside its permanent square enclosure.
- Use the approved contextual inversion: sulfur square on dark surfaces and charcoal square with sulfur paper on light surfaces.
- Never use muddy or darkened yellow variants in the Glitchpad identity.
- Do not add fragments, scan lines, glow, bevel, texture, or motion effects.
- Do not alter the 720 by 900 paper, 70-unit G channel, 70-unit inset, or safe square composition.
Implementation authority
An interface is the controls, layout, and feedback a person uses. This brand starts with shared ShruggieTech interface rules while keeping its own approved identity and any declared overrides.
Relationship: A ShruggieTech project
For the current published kit, inspect the public documentation facts (JSON). Example query: GET /glitchpad/facts/documentation.json. The file declares schema version 1 and documentation contract version 1.2.0. A downloaded kit keeps its own pinned facts at enforcement/documentation-facts.json.
Interface overrides
No brand-specific interface overrides are declared. The delivered interface rules supply the default values for controls, layout, and feedback.
Versions and bindings
These version domains move independently. Match each integration to the exact files in the downloaded kit.
- Shared brand system
2.0.0- Interface rules
1.0.1- Component recipes
1.1.0- Web and React adapter
1.1.0- egui adapter
1.0.2- wordpress adapter version
1.0.0- BrandBuilder
3.0.1- Brand identity
1.2.1
Implementation files
- Default interface rules:
enforcement/interface-canon.json - Component recipes:
enforcement/component-recipes.json - Web and React adapter:
web/adapter.json - Web support coverage:
web/support-matrix.json - egui adapter:
native/egui/adapter.json - egui support coverage:
native/egui/support-matrix.json - wordpress adapter:
wordpress/adapter.json - wordpress support matrix:
wordpress/support-matrix.json - wordpress theme zip:
wordpress/glitchpad-stbb-theme.zip
The BrandBuilder system manual explains the shared architecture. The downloaded kit governs its pinned implementation bytes.
Get the kit
Download the kit for its approved assets, typography specimens, and exact implementation files. In a Next.js and Tailwind v4 project using the pinned shadcn CLI, the registry catalog lists available resources for discovery; an individual item URL supplies an installable theme or component. Open the catalog, choose the item your host needs, then follow the shadcn installation instructions. The catalog alone does not install a theme or the complete kit.