← All blocks

Company story with a milestone timeline

about · sticky-intro-timeline · about-story-timeline

npx shadcn@latest add @plus-ui/about-story-timeline

Default 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."
    }
  ]
}