Dokturek.ai Design SystemLegacy format
Deep-violet medical-tech. Bold expressive display headings, calm light surfaces, saturated purple accents, soft lilac glows on dark hero backgrounds
Color Palette
Brand / Primary
Hero Gradient (dark sections)
Accent / Glow
Neutrals
Text
Semantic
Typography
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Spacing
Base: 4pxDeep-violet medical-tech. Bold expressive display headings, calm light surfaces, saturated purple accents, soft lilac glows on dark hero backgrounds
Components
Buttons
Cards
Card Title
Sample body text for the card component.
Inputs
Chips
Elevation & Depth
Do's & Don'ts
Do
Don't
Guidelines
Do
• Pair expressive Bricolage Grotesque 800 headings with calm DM Sans body.
• Alternate section backgrounds: white → #F4F3FC → dark violet gradient for rhythm.
• Keep deep-indigo #130F3E (not pure black) for text on light.
• Use the pill shape consistently for buttons and badges.
• Reserve lilac/orchid glows for dark hero/CTA sections only.
• Highlight key numbers/savings in #7C3BED.
Don't
• Don't use pure black #000000 for text — use #130F3E.
• Don't drop shadows on cards — use the lilac border + tinted fill instead.
• Don't put glow blobs on light sections.
• Don't mix in a third type family.
• Don't square off buttons — they are always pills.
Tone of voice: Czech, empatický k lékařům, jasný, konkrétní, důvěryhodný.
Klíčové sdělení: méně administrativy, více medicíny; vracíme lékaře k pacientům.
---
Format: DESIGN.md (Google Stitch). Source: live extraction of dokturek.ai computed styles.
Use with MCP
Don't have the MCP? Install it here