Claricle — https://www.claricle.org

Public site for the Claricle open-source image suite, an open source project of Ribose.

Stack

• Astro 7 — site framework, content collections, islands
• Vite 8 — bundled by Astro
• Tailwind 4 via @tailwindcss/vite (CSS-first, no JS config)
• Vue 3 via @astrojs/vue — interactive islands only
• TypeScript strict, Vitest for tests

Development

npm install      # install deps
npm run dev      # dev server at http://localhost:4321
npm run build    # production build to ./dist
npm run preview  # serve the built site
npm run check    # astro check (type diagnostics)
npm run lint     # eslint
npm test         # vitest run

See CLAUDE.md for architecture and conventions.

Brand

The canonical logo, palette, and full asset set live in claricle/branding. This repo keeps only the subset the site actually serves from public/:

• logo-claricle_icon-light.svg / logo-claricle_icon-dark.svg (theme-aware logo)
• logo-claricle_icon-light.png (834×834, OG preview)
• favicon set + webmanifest

The 5-color palette is declared as Tailwind 4 @theme tokens in src/styles/brand.css:

Token	Hex (light)	Hex (dark)	Category
coral	#e56b5b	#ff886a	Conformance
amber	#f7bc68	#fcba49	Conversion
forest	#3f7f55	#5fffa6	Page description
sky	#588ac4	#51a2ff	Parsers
plum	#ad89b6	#ffa1bf	Layout & diagrams

Adding a project

Drop a markdown file in src/content/projects/ with frontmatter per the schema in src/content.config.ts. The schema is the single source of truth; components consume it, never hardcode project info.

License

BSD-2-Clause. Maintained by Ribose.