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.
#10263B — must be dominant in every composition.#B91C2E, Mandarin Orange #F98109, Rebel's Gold #DEB406, Pioneering Pink #D7336C, Civic Purple #792D85, Forest Green #005F36, Bramley Apple #93D500, Trent Turquoise #37B4B0, Malaysia Sky Blue #009BC1.#FAF6EF preferred over pure white as digital background.| File | Purpose |
|---|---|
| --- | --- |
README.md | Full brand context, content fundamentals, visual foundations, iconography |
colors_and_type.css | All design tokens as CSS variables — drop into any HTML file |
assets/ | Logos, marks, illustration placeholder |
fonts/ | Circular Std, HarmonyOS Sans SC |
preview/ | Static card examples of every token group — handy as design reference |
ui_kits/website/ | Pixel-leaning recreation of the public marketing site, with reusable JSX components |
colors_and_type.css (or its tokens inline) at the top of any new HTML.共 1 个版本