The official website for syncity.dev — a team of independent consultants focused on long-term projects.
- Framework — TanStack Start with TanStack Router
- Styling — Panda CSS with a custom design system (semantic color tokens, recipes and slot recipes)
- Components — Ark UI for headless primitives
- Images — @unpic/react for optimized image handling
- Forms — React Hook Form + Zod
- Fonts — Roboto + Roboto Condensed via @fontsource
pnpm install
pnpm devOpen http://localhost:3000 to view the site.
| Command | Description |
|---|---|
pnpm dev |
Start the development server |
pnpm build |
Build for production |
pnpm start |
Start the production server |
pnpm lint |
Run ESLint |
src/
├── app/ # Route files and global styles
├── components/
│ ├── core/ # Design system components (Button, Card, Badge, …)
│ ├── features/ # Page-specific feature components
│ └── shared/ # Layout components (Header, Footer, NotFound, …)
├── recipes/ # Panda CSS slot recipes
├── theme/ # Design tokens (colors, shadows, typography, …)
└── utils/ # Shared utilities (seo, …)
public/
├── logos/ # Logo and favicon assets (light/dark variants)
└── favicon.svg # Adaptive SVG favicon (light/dark via prefers-color-scheme)