Design
System
The official branding and component library for Agentfabriek. Digital Industrialism / Neo-Brutalism.
01
Colors
Electric Yellow
#ffe600
Hot Pink
#ff0066
Royal Blue
#0033cc
Black
#000000
Tech Blue
#3b82f6
Deep Indigo
#312e81
Off White
#f8fafc
White
#ffffff
02
Typography
font-serif (Instrument Serif)
Heading 1
Heading 2
Heading 3
Heading 4
font-sans (Space Grotesk)
Display Bold
Subtitle Bold
Body Text: Agentfabriek leverages advanced AI agents to automate operational workflows. Our solutions are designed for speed, reliability, and impact.
Small Text: Legal disclaimers and metadata often use this size.
03
Interface Components
Buttons
Form Elements
We'll never share your email.
Cards & Surfaces
Standard Card
Using `<Card />` component.
Learn More →
NEW
Royal Variant
variant="royal"
Yellow Variant
variant="yellow"
Badges & Tags
POPULAR
NEW
Filter Tag
Default
Accordion
An AI receptionist handles calls, books appointments, and answers questions 24/7.
We offer flexible pricing starting from €49 per month.
04
Animation & Interaction
Float Animation
class="animate-float"
Hover States
physical press effect
Marquee (Infinite Scroll)
AGENTS AVAILABLE 24/7 — INCREASE EFFICIENCY — REDUCE COSTS — AGENTS AVAILABLE 24/7 — INCREASE EFFICIENCY — REDUCE COSTS —