skills.rest
Superreal-io
Superreal-ioOFFICIAL
Explore all skills by this author →
WebsiteGitHub

Brand Visual Guidelines - Movistar

Defines Movistar color palette, typography, and spacing tokens as CSS variables for visual output.

1|Updated Jun 29, 2026
Search Tags:#typography#color palette#brand guidelines#design tokens#visual identity#css variables#movistar
One-click install
npx skills add https://github.com/Superreal-io/maia-campaign-skills --skill brand-visual-guidelines-movistar-superreal-io
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Brand Visual Guidelines - Movistar
Source: https://github.com/Superreal-io/maia-campaign-skills/tree/main/brand-visual-guidelines-movistar
Command: npx skills add https://github.com/Superreal-io/maia-campaign-skills --skill brand-visual-guidelines-movistar-superreal-io

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Teams generating HTML, CSS, or any visual output for Movistar campaigns risk using inconsistent colors, wrong fonts, or outdated brand values. This Skill acts as the single source of truth for the current Movistar visual identity, so every component consumes the same confirmed tokens instead of defining its own. ## Core Features & Use Cases - Complete color system: Primary and secondary palettes with HEX values, usage proportions, combination rules, and Pantone/RAL references for print production. - Typography specification: Movistar Sans variable font weights (300-800), usage per weight, web-safe fallbacks, and font injection via the {{FONT_FACE_MIN}} slot. - Ready-to-use CSS variables: A copy-paste :root block with palette, semantic tokens, font weights, and spacing scale, plus base element styles. - Use Case: When building a Movistar landing page or email component, load this Skill so the generated HTML uses the confirmed #0066FF blue, correct font weights, and valid color combinations without manual guideline lookups. ## Quick Start Generate an HTML banner for a Movistar campaign using the official brand colors, typography, and spacing tokens.

Frequently Asked Questions about Brand Visual Guidelines - Movistar

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
What is the official Movistar blue HEX color?▼

The official Movistar blue is #0066FF, confirmed by the client in June 2026 and aligned with the 2025 Refresh Guidelines. It maps to Pantone 2386C and RAL 5015 for print production.

How do I use Movistar brand colors in CSS?▼

Copy the :root CSS variables block defining tokens like --movistar-blue, --movistar-white, and semantic aliases such as --movistar-primary and --movistar-bg. All components reference these variables instead of hardcoding color values.

What font does the Movistar brand use?▼

Movistar uses Movistar Sans, a licensed variable font with weight axis 300-800 and slant axis. The web-safe fallback stack is Helvetica Neue, Helvetica, Arial, sans-serif; the older Telefónica typeface must not be used.

Which Movistar color combinations are allowed?▼

Never mix two different secondary colors in one piece, and Movistar blue must always be present as the chromatic anchor. Valid backgrounds are blue, white, black (exceptional), and light secondary colors; dark secondaries cannot be backgrounds.

What color contrast is accessible for Movistar designs?▼

Black on Movistar White achieves AAA and white on Movistar Blue achieves AA, so both are always safe. Light secondary colors on Movistar White are prohibited due to insufficient contrast.

Related Skills

Explore More Design & Creative Skills→
vkehfdl1vkehfdl1
1.2k

ppt-pptx-skill

Convert approved HTML slides into PPTX and optional PDF artifacts.

Community
Advanced
RehanTharushaRehanTharusha
1

kami

Generate professional documents and landing pages from HTML and CSS templates.

Community
Advanced
rigasnamejirigasnameji

brand-guidelines

Applies and audits brand guidelines covering color systems, typography, logo usage, and tone of voice.

Community
Intermediate
bRRRITSCOLDbRRRITSCOLD
2

figma-design-system

Automate design system creation and extract design tokens into tokens.json via Figma MCP.

Community
Advanced