Full Stop. - SOCIAL MEDIA DESIGN KIT

Maintaining brand consistency across social tiles and visual content is a friction point for fast-moving business owners. This skill enforces the strict visual and tonal system of "The Content Playbook," a warm editorial aesthetic defined by bold typography and flat color palettes. It eliminates design drift by providing structured HTML templates and precise tokens for type, layout, and voice.

Content Playbook by Carousel Studios turns a simple brief into polished, on-brand 1080×1440 Instagram carousels. It handles the layouts, type and styling, and you add your logo and message. It's built for busy business owners like salons, cafes and trades who want content that looks designer-made without opening a design app.

• Asset generation produces on-brand social carousels, pages, posters, and emails.
• Visual enforcement applies a four-color flat palette and specific typographic scales using bundled Anton and Instrument Sans fonts.
• Layout orchestration manages a precise 3:4 or 2:3 grid with fixed margins, header/footer furniture, and specific photo-to-text ratios.
• Tonal adaptation converts input copy into a warm, mentor-like second-person voice that follows specific punctuation and casing rules.
• Template management utilizes a library of HTML starter files for rapid deployment of new content pieces.

## How it works

1. Selection chooses a layout family such as full-bleed photo, vertical split, or text-only ground based on your content needs.
2. Configuration links the provided tokens.css or references the tokens.json to pull exact hex codes and spacing values.
3. Execution populates the specific HTML templates in the templates/ directory with your messaging.
4. Validation checks the output against the "Do's and Don'ts" list to ensure no forbidden elements like gradients or icons are used.

Frameworks & tools

This skill uses standard web technologies including HTML5, CSS3 with custom properties (tokens), and JSON. It relies on bundled Open Font License (OFL) typefaces and local asset paths for images and icons.

Why this beats prompting it yourself

Generic prompts often return inconsistent colors or "hallucinated" layouts that break brand rules. This skill uses a fixed reference system and physical templates, ensuring every asset perfectly matches the established editorial grid and specific typographic hierarchy without manual correction.

Use cases

• Generating a 10-tile Instagram carousel with consistent header/footer design
• Designing a multi-page PDF field guide with specific chapter opener layouts.
• Creating a minimalist event poster using the bold Anton display system.
• Drafting an editorial email that mirrors the print aesthetic of the playbook.

Known limitations

Does not support app UI components, icons, or logos. It is restricted to four specific colors and two font families. Not suitable for projects requiring gradients, shadows, or centered text stacks.