← All blocks
Company story with a milestone timeline
about · sticky-intro-timeline · about-story-timeline
npx shadcn@latest add @plus-ui/about-story-timelineDefault content
{
"eyebrow": "Our story",
"title": "Seven years of making software people keep open all day",
"intro": "Halftone Atelier started as two designers sharing a desk in Lisbon and a stubborn belief: interfaces should be shaped with the people who use them every day, not handed over in a PDF. We are now eleven designers and engineers across two studios — still small on purpose, still shipping what we draw.",
"image": {
"src": "https://images.unsplash.com/photo-1556761175-4b46a572b786?auto=format&fit=crop&w=1200&h=900&q=80",
"alt": "The Halftone Atelier studio in Lisbon: long shared desks under tall windows"
},
"metrics": [
{
"value": "11",
"label": "designers and engineers"
},
{
"value": "64",
"label": "products shipped"
},
{
"value": "2",
"label": "studios, Lisbon and Rotterdam"
}
],
"milestones": [
{
"date": "2019",
"title": "Two people, one desk in Lisbon",
"text": "Inês Carvalho and Joris van Dam leave agency life to work directly with product teams. The first client is a four-person logistics start-up."
},
{
"date": "2021",
"title": "First design system in production",
"text": "Our component library for Pellora ships to 140 engineers. We start writing code alongside every design we deliver."
},
{
"date": "2022",
"title": "The Rotterdam studio opens",
"text": "Joris moves north to open a second studio by the Maas, closer to our clients in the Netherlands and Germany."
},
{
"date": "2024",
"title": "Field notes, in public",
"text": "We publish our research methods and workshop kits as Field Notes. Over 9,000 practitioners now read them each month."
},
{
"date": "2026",
"title": "Eleven people, sixty-four products",
"text": "We turn down more work than we take on, so every project gets a senior designer and engineer from kickoff to launch."
}
],
"values": [
{
"icon": "users",
"title": "Design with the people who use it",
"text": "Every engagement starts with a week beside the team that will live in the product."
},
{
"icon": "layers",
"title": "Ship what we draw",
"text": "Designers and engineers work in the same files, so nothing is lost in a hand-off."
},
{
"icon": "clock",
"title": "Small on purpose",
"text": "We take four projects at a time so the people you meet are the people who do the work."
},
{
"icon": "sparkles",
"title": "Leave it better than we found it",
"text": "Every project ends with a system your team can keep extending without us."
}
]
}