Brand Identity & Guidelines
Brand Name: Blockarized AI-Lab
This skill defines the core constraints for visual design and technical implementation for the brand. You must adhere to these guidelines strictly to maintain consistency.
Core Design Philosophy
- •Dark theme by default: Background
#0a0e1a, elevated surfaces#111827 - •Inline styles preferred: Use inline style objects matching AI-Lab patterns
- •60px fixed sidebar: Left navigation with icon-only links
- •Card-based layout: Each section in bordered containers with rounded corners
- •Subtle borders:
#1e293bborders throughout - •Soft shadows:
rgba(0,0,0,0.3)for depth - •Blue accent:
#3b82f6for primary actions and links - •Consistent spacing: 20px card padding, 16px gaps between elements
Reference Documentation
Depending on the task you are performing, consult the specific resource files below. Do not guess brand elements; always read the corresponding file.
For Visual Design & UI Styling
If you need exact colors, fonts, border radii, or spacing values, read:
👉 resources/design-tokens.json
For Coding & Component Implementation
If you are generating code, choosing libraries, or structuring UI components, read the technical constraints here:
👉 resources/tech-stack.md
For Copywriting & Content Generation
If you are writing marketing copy, error messages, documentation, or user-facing text, read the persona guidelines here:
👉 resources/voice-tone.md