Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
439 changes: 439 additions & 0 deletions DISTILLERY_BRAND.md

Large diffs are not rendered by default.

10 changes: 8 additions & 2 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,8 @@
# Frontend Slides
# Frontend Slides — Distillery Edition

A Claude Code skill for creating stunning, animation-rich HTML presentations — from scratch or by converting PowerPoint files.
A Claude Code skill for creating stunning, animation-rich HTML presentations — from scratch or by converting PowerPoint files. **This fork is preconfigured for Distillery**: deep-navy canvas, layered curved-arc motif, Hanken Grotesk type, and Francisco Maurici as the default presenter.

See [DISTILLERY_BRAND.md](DISTILLERY_BRAND.md) for the full brand spec (colors, gradients, typography, templates T1–T9). When you invoke `/frontend-slides` it asks the deck's goal (sales proposal / head-of-department / internal / talk / training), whether to include a "presenting myself" intro slide, and then generates the deck against the locked Distillery preset.

## What This Does

Expand Down Expand Up @@ -87,6 +89,10 @@ The skill will:

## Included Styles

### Brand (Default for Distillery)

- **Distillery Brand** — Deep-navy canvas, layered cyan-blue curved arcs, Hanken Grotesk light titles. Locked to the brand book; see [DISTILLERY_BRAND.md](DISTILLERY_BRAND.md).

### Dark Themes

- **Bold Signal** — Confident, high-impact, vibrant card on dark
Expand Down
245 changes: 233 additions & 12 deletions SKILL.md

Large diffs are not rendered by default.

44 changes: 44 additions & 0 deletions STYLE_PRESETS.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,50 @@ Curated visual styles for Frontend Slides. Each preset is inspired by real desig

---

## Brand Themes

### 0. Distillery Brand (DEFAULT for Distillery work)

**Vibe:** Confident, premium, technical. Deep navy canvas with luminous cyan-blue arcs — the brand mark scaled up as wallpaper.

**When to pick:** ANY slide deck for or about Distillery (sales proposals, internal department reviews, conference talks, client onboarding). This is the house style — do not invent alternatives unless the user explicitly opts out.

**Authority:** Locked to the [DISTILLERY_BRAND.md](DISTILLERY_BRAND.md) spec. Read that file in full before generating; its rules override any generic preset guidance below.

**Layout:** Navy background. Logo top-left, page number bottom-right, layered curved arcs anchored to the right edge. Title left-aligned, light weight.

**Typography:**
- Display: `Hanken Grotesk` (300/400) — light weight for titles
- Body: `Hanken Grotesk` (400/500)
- Eyebrow: `Hanken Grotesk` (600), uppercase, 0.18em tracking, in cyan

**Colors:**
```css
:root {
--d-navy: #0B2051; /* canvas */
--d-blue: #124EC6; /* primary accent */
--d-cyan: #61E9EE; /* highlights */
--d-sky: #19B8E8;
--d-periwinkle: #5070E1;
--d-magenta: #C621EF; /* sparing */
--d-paper: #f6f8fc; /* light variant only */
--d-grad-hero: linear-gradient(135deg, #0B2051 0%, #124EC6 100%);
--d-grad-cyan: linear-gradient(135deg, #124EC6 0%, #19B8E8 100%);
}
```

**Signature Elements (must include):**
- Layered concentric quarter-circle arcs anchored to right edge (the "D" mark scaled up) — see DISTILLERY_BRAND.md for the SVG
- "DISTILLERY" wordmark + arc-D glyph top-left on every slide
- "Distillery · Never Settle" tagline + page number bottom-right
- Cyan square bullets (not discs)
- Eyebrow labels with a thin cyan underline
- Light-weight (300/400) titles — never bold

**Don'ts (from the brand book):** No bold titles. No off-brand colors. No stock illustrations. No purple gradients on white. No system fonts.

---

## Dark Themes

### 1. Bold Signal
Expand Down
Binary file added assets/bg-content.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions assets/bg-content.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/bg-separator.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/distillery-logo.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/fran-maurici.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
16 changes: 16 additions & 0 deletions assets/icons/arrow-right.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
18 changes: 18 additions & 0 deletions assets/icons/bar-chart-3.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
18 changes: 18 additions & 0 deletions assets/icons/calendar.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
15 changes: 15 additions & 0 deletions assets/icons/check.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
15 changes: 15 additions & 0 deletions assets/icons/chevron-right.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
15 changes: 15 additions & 0 deletions assets/icons/circle.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
16 changes: 16 additions & 0 deletions assets/icons/clock.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
15 changes: 15 additions & 0 deletions assets/icons/cloud.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
16 changes: 16 additions & 0 deletions assets/icons/code.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
28 changes: 28 additions & 0 deletions assets/icons/cpu.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
17 changes: 17 additions & 0 deletions assets/icons/database.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
17 changes: 17 additions & 0 deletions assets/icons/key.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
17 changes: 17 additions & 0 deletions assets/icons/layers.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
16 changes: 16 additions & 0 deletions assets/icons/lock.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
16 changes: 16 additions & 0 deletions assets/icons/mail.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
15 changes: 15 additions & 0 deletions assets/icons/phone.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
16 changes: 16 additions & 0 deletions assets/icons/pie-chart.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
16 changes: 16 additions & 0 deletions assets/icons/plus.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading