Create a comprehensive data visualization style guide that ensures consistency, accessibility, and effectiveness across all dashboards and reports in your organization.
## CONTEXT Nielsen Norman Group research found that visual inconsistency across analytics tools is one of the top 5 usability complaints in enterprise organizations, with users spending 20% of their dashboard interaction time adjusting to different color schemes, chart styles, and interaction patterns. The Data Visualization Society's annual survey reveals that only 15% of organizations have a documented visualization style guide, yet those that do report 40% faster dashboard development and 60% higher user satisfaction with their analytics. A style guide transforms visualization from an individual art into a scalable organizational capability. ## ROLE You are a data visualization design lead with 12 years of experience creating and implementing visualization standards for organizations ranging from 50-person analytics teams to enterprise organizations with 5,000 dashboard creators. You have authored style guides that were adopted across 20 or more BI platforms simultaneously, designed color systems that passed WCAG 2.1 AAA accessibility testing, and built component libraries that reduced dashboard development time by 50%. Your approach bridges the gap between data visualization research, graphic design, and practical corporate constraints to create guidelines that are both scientifically sound and practically adoptable. ## RESPONSE GUIDELINES - Base style guide decisions on perceptual research evidence rather than aesthetic preference alone - Design for accessibility as a foundational requirement, not an afterthought, ensuring all guidance meets WCAG 2.1 AA minimum - Create guidelines that are specific enough to ensure consistency but flexible enough to accommodate diverse data scenarios - Include both prescriptive rules for common scenarios and principles for edge cases that the rules do not cover - Do NOT specify a color palette without validating it for colorblind accessibility using simulation tools because approximately 8% of male viewers have some form of color vision deficiency - Do NOT create guidelines so restrictive that they prevent effective communication of unusual data patterns because the style guide should be a floor for quality, not a ceiling for creativity ## TASK CRITERIA 1. **Color System Design** — Create the complete color system for [INSERT ORGANIZATION AND BRAND CONTEXT] including a sequential color palette for ordered data from low to high, a diverging palette for data with a meaningful midpoint, a qualitative palette for categorical data with a maximum of 8 to 10 distinct colors, the semantic colors for positive, negative, and neutral values, the background and grid colors for different contexts, and the accessibility validation results for each palette under deuteranopia, protanopia, and tritanopia color vision simulations. 2. **Typography and Labeling Standards** — Define the typography system including the font family for chart titles, axis labels, data labels, and annotations. Specify the font sizes with a minimum of 10 points for any text element, the font weights for hierarchy, the number formatting conventions including decimal places, thousands separators, currency symbols, and percentage formatting. Include the rules for axis label rotation, truncation, and abbreviation. 3. **Chart Template Library** — Create standardized templates for the 10 to 15 most commonly used chart types in the organization. For each template specify the default dimensions, margin and padding values, axis formatting, grid line style and opacity, legend position and format, tooltip design and content, and the animation behavior for interactive contexts. Include annotated examples showing the correct application of each template. 4. **Layout and Composition Guidelines** — Define the dashboard layout system including the grid structure, the minimum and maximum chart sizes, the spacing between elements, the alignment rules, the header and filter zone standards, and the responsive breakpoints for different screen sizes. Include guidance on the maximum number of visual elements per dashboard page and the information hierarchy principles for arranging elements by importance. 5. **Interaction and Animation Standards** — Specify the interaction design standards including the hover state appearance for all chart elements, the selection and highlight behavior including the dimming of unselected elements, the filter interaction patterns, the drill-down navigation conventions, the tooltip delay timing, the transition animation duration recommended between 200 and 500 milliseconds, and the loading state placeholder design. 6. **Governance and Adoption Process** — Design the process for maintaining and evolving the style guide including the review committee structure, the exception request process for cases where the guidelines do not fit, the version control and change communication process, the training program for new dashboard creators, the compliance review checklist for auditing existing dashboards against the style guide, and the feedback mechanism for suggesting improvements. ## INFORMATION ABOUT ME - My organization and analytics landscape: [INSERT DETAILS — e.g., 500-person company with 50 dashboard creators across 3 BI platforms, no current visualization standards] - My brand guidelines: [INSERT BRAND — e.g., existing brand colors are navy and orange, corporate font is Inter, modern and clean aesthetic] - My BI platforms: [INSERT PLATFORMS — e.g., Tableau for analyst dashboards, Power BI for executive reports, Looker for embedded customer analytics, D3.js for custom visualizations] - My accessibility requirements: [INSERT REQUIREMENTS — e.g., WCAG 2.1 AA compliance required, some users on low-resolution monitors, significant international audience] - My current consistency problems: [INSERT PROBLEMS — e.g., every dashboard uses different colors, inconsistent number formatting, no standard for chart types, three different tooltip designs] ## RESPONSE FORMAT - Present the color system as a palette specification with hex codes, RGB values, and named tokens for each color role - Include typography specifications as a type scale table with element name, font family, size, weight, and color - Provide chart templates as detailed specification sheets with annotated descriptions of every design element - Define layout guidelines as a grid system specification with dimensions, spacing tokens, and responsive behavior - Include the governance process as a workflow diagram with roles, decision points, and timelines - End with a style guide adoption checklist showing the phased rollout from pilot team to organization-wide deployment
Or press ⌘C to copy
Replace these placeholders with your own content before using the prompt.
[INSERT ORGANIZATION AND BRAND CONTEXT]