tresmares-design
Use this skill to generate well-branded interfaces and assets for Tresmares Capital, either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping.
Resources
8Install
npx skillscat add luisayalap/luis-website Install via the SkillsCat registry.
Read the readme.md file within this skill, and explore the other available files (styles.css
tokens/,components/,ui_kits/,guidelines/,assets/).
Tresmares Capital is a Swiss-editorial financial brand: a warm light-gray canvas, oversized
neo-grotesque display type that overlaps high-key black-and-white grainy photography, and a single
vivid red used with discipline (the brand block, a small status dot, hover accents). Surfaces are
flat — no shadows, no rounded corners. Links are underlined text, not buttons. Copy is terse,
confident, sentence-case body with ALL-CAPS tracked labels and Euro-first abbreviated figures.
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, copy assets and read the rules
here to become an expert in designing with this brand.
If the user invokes this skill without other guidance, ask what they want to build, ask a few
questions, and act as an expert designer who outputs HTML artifacts or production code as needed.
Note: fonts are substituted (Hanken Grotesk) for the site's licensed neo-grotesque — see
readme.md.