---
name: sterlingcraft-design
description: Use this skill to generate well-branded interfaces and assets for SterlingCraft Co. (a vintage, earthy, hand-built furniture maker in Lagos), either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colors, type, fonts, logo assets (hyphen removed), and UI kit components for prototyping.
user-invocable: true
---

Read the `readme.md` file within this skill, and explore the other available files.

If creating visual artifacts (slides, mocks, throwaway prototypes, etc), copy assets out and
create static HTML files for the user to view. If working on production code, you can copy
assets and read the rules here to become an expert in designing with this brand.

If the user invokes this skill without any other guidance, ask them what they want to build or
design, ask some questions, and act as an expert designer who outputs HTML artifacts _or_
production code, depending on the need.

## Where things are
- `styles.css` — link this one file; it imports all tokens + fonts.
- `tokens/` — colours, type, spacing/radius/shadow/motion (CSS custom properties).
- `fonts/montaga-regular.ttf` — the Montaga brand display face. Body/UI pairs with Hanken Grotesk.
- `assets/logo/` — de-hyphenated logos (`*.svg`, `png/*`) and the `wordmark.svg`. Use these, not
  the originals in `assets/logo/original/`.
- `assets/favicon/` — sphere + "S" monogram.
- `components/` — Button, IconButton, Badge, Card, Input (React, styled via tokens).
- `ui_kits/marketing/` — a full brand-applied homepage to crib structure and tone from.

## Brand in one breath
Vintage, earthy, enduring craft. Rust `#883D1A` + bark `#4D331F` on warm parchment; **no grey**.
Montaga serif headings, Hanken Grotesk body. Tight radii, warm low shadows, Lucide stroke icons.
Plain declarative copy — *"Built to endure."* — sentence case, uppercase eyebrows, never emoji.
The logo wordmark is **STERLINGCRAFT** (one word, hyphen removed).