Navigation: [/sitemap.md](/sitemap.md)

---
type: block
category: "features"
title: "Features 2"
description: "Every component is designed to work together, so you can focus on shipping great products instead of wrestling with CSS."
---

```astro live props={{ name: 'features-2' }}
---
import Features2Block from "@/components/blocks/features-2.astro"
---

<Features2Block
  title="Built for modern teams"
  description="Every component is designed to work together, so you can focus on shipping great products instead of wrestling with CSS."
  features={[
    {
      icon: "layout-grid",
      title: "Section-first workflow",
      description:
        "Start from a complete section and refine the content instead of assembling everything from raw divs.",
    },
    {
      icon: "palette",
      title: "Token-driven design",
      description:
        "The visual system stays tied to semantic color tokens and shared card treatments.",
    },
    {
      icon: "sparkles",
      title: "Preview friendly",
      description:
        "Blocks read well inside the live preview shell without losing their page-level feel.",
    },
    {
      icon: "swatch-book",
      title: "Brand adaptable",
      description:
        "Every piece can be tuned to a different identity without changing the composition model.",
    },
    {
      icon: "rocket",
      title: "Performance first",
      description:
        "Zero client-side JavaScript by default. Everything renders at build time for instant loads.",
    },
    {
      icon: "globe",
      title: "Source ready",
      description:
        "Examples remain source-driven and easy to install through the Fulldev registry.",
    },
  ]}
/>
```