Illustration
Create artwork that feels right at home in the expanding Articulink universe.
Squiggles
Squiggles are our signature decorative element. They add playfulness and warmth to headings. Always use Sunshine (#FCDE1E).
Our Services
Standalone squiggle
<svg viewBox="0 0 120 10" className="h-[10px] w-28">
<path d="M2 6 C18 2, 36 9, 55 5 S82 1, 105 6 S114 8, 118 5"
stroke="#FCDE1E" strokeWidth="3.5" strokeLinecap="round" fill="none" />
</svg>For Every Child
Inline underline
<span className="relative inline-block">
Every Child
<svg viewBox="0 0 200 10" preserveAspectRatio="none"
className="absolute -bottom-1 left-0 w-full h-3">
<path d="M2 6 C35 2, 75 9, 115 5 S160 1, 198 6" ... />
</svg>
</span>Star Sparkles
Stars add a touch of magic and joy. Use them sparingly as decorative accents.
<svg viewBox="0 0 16 16" className="w-6 h-6 text-sunshine" fill="currentColor">
<path d="M8 0L9.6 6.4 16 8 9.6 9.6 8 16 6.4 9.6 0 8 6.4 6.4 8 0Z" />
</svg>Icon Style
Icons should be rounded, friendly, and consistent. Use 2px stroke width with rounded caps.
Guidelines
Do
- • Use squiggles under headings only
- • Keep stars subtle and decorative
- • Use consistent icon stroke width
- • Follow the exact SVG paths provided
Don't
- • Overuse decorative elements
- • Create new squiggle variations
- • Mix icon styles
- • Use illustrations as buttons