Design System Keywords

import matplotlib.pyplot as plt
from wordcloud import WordCloud

text = """Design System Component Library Style Guide Typography Color Palette
Figma Sketch Adobe XD Framer Principle InVision Zeplin Abstract
User Experience User Interface Usability Accessibility WCAG A11Y
Wireframe Prototype Mockup High Fidelity Low Fidelity Iteration
Responsive Design Mobile First Breakpoints Grid System Flexbox CSS
Animation Motion Design Micro Interactions Transitions Easing
Design Tokens Spacing Scale Icons Illustrations Brand Identity Visual"""

def purple_violet(word, font_size, position, orientation, random_state=None, **kwargs):
    colors = ['#4927F5', '#7c3aed', '#8b5cf6', '#a78bfa', '#5314E6']
    return colors[hash(word) % len(colors)]

wordcloud = WordCloud(
    width=1000, height=600,
    background_color='#0a0a0f',
    color_func=purple_violet,
    max_words=70,
    max_font_size=105,
    min_font_size=13,
    relative_scaling=0.55
).generate(text)

fig, ax = plt.subplots(figsize=(10, 6), facecolor='#0a0a0f')
ax.imshow(wordcloud, interpolation='bilinear')
ax.axis('off')
ax.set_title('Design Systems', color='#a78bfa', fontsize=16, fontweight='bold', pad=10)
plt.tight_layout(pad=1)
plt.show()