Features — RicoFast

Everything you need to build a modern SaaS site

Carefully designed sections, production-ready components, and a layout system that scales with your product.

Clean, scalable page structure

Nine pre-built pages — Home, Features, Pricing, Blog, Changelog, About, Contact, Elements, 404 — wired with consistent hierarchy, spacing, and typography. Add your tenth without re-deciding any of it.

9 pre-built page templates
Token-driven spacing (4 / 8 / 12 / 16 / 24 …)
1200px max-width, 800px inner content
Mobile-first responsive (375 / 768 / 1024 / 1440)

Hero

Modular, plug-and-play sections

Every section is a standalone Astro component with a consistent props interface. Reorder Hero, Features, Pricing, Steps, FAQ, FinalCTA without rewriting layout glue.

15+ reusable section components
Consistent props API (title, description, items)
Mix, match, and reorder without conflicts
Documented in /elements for quick reference

Hero

Features

Pricing

FAQ

Content with full MDX support

Blog and changelog powered by Astro 6 Content Layer. Plain Markdown for prose, imported Astro components for interactive bits. No CMS, no plugin sprawl.

Astro 6 Content Layer with glob loader
Component imports inside MDX
TOC + reading progress + share built-in
Auto RSS feed at /rss.xml

---

title: "Launching v1.2"

publishDate: 2026-03-18

tags: ["Release"]

---

## What's new

Three months after v1, RicoFast

v1.2 ships today.

Lighthouse 95+ across the board

</Callout>

Subtle, purposeful animations

Scroll reveals via AOS, orchestrated entrances via motion.js, and a staggered hero text component. Restraint over spectacle — every animation has a reason.

AOS scroll reveal with `data-aos-once`
motion.js for orchestrated timelines
AnimatedText for hero stagger
Honors prefers-reduced-motion

Staggered entrance

Fast by default

Astro ships zero JavaScript by default — interactive islands load only where needed. Tested on Vercel Edge and Cloudflare Pages, scoring Lighthouse 95+ across the board from a fresh install.

Zero JS by default (Astro Islands)
Automatic Sharp image optimization
Static output, deployable anywhere
Lighthouse 95+ on a fresh install

Perf

A11y

100

Best

SEO

Lighthouse · Home page

Token-driven design system

Colors, fonts, spacing, radii, and motion timing are all CSS custom properties documented in docs/DESIGN.md. Rebrand by editing one file — the rest of the site follows.

~30 documented CSS tokens
Tailwind v4 @theme integration
Built-in dark mode with no flash
/elements page as live reference

@theme {

--color-primary: #2d6dc3;

--color-accent: #fad13b;

--font-brand: Instrument Serif;

}

See it in action

Browse the live demo, then fork the repo when you're ready to make it yours.

View Live Demo

Get Template

最先端のLLM（大規模言語モデル）を使いやすくパッケージングした、生成AIマルチモーダルチャットボットサービス「se-kaiju-LLM」。