Back to Hermes Agent

SCRIBA — Structured content CMS for modern teams

SCRIBA — Structured content CMS for modern teams - Desktop view
Desktop view
SCRIBA — Structured content CMS for modern teams - Mobile view
Mobile view

Key features

01

Sanity-inspired design system: neutral grey-white light canvas with full dark-mode precision, single coral CTA #c23b32 for actions only, monospace IBM Plex Mono labels + Space Grotesk display

02

Decide/Learn hero: schema-prose headline paired with a floating editor mock with mono field previews, so product story leads

03

Real-time collaboration and versioned content — write, review and ship structured content with an inline cursor/version story

04

Pricing compare with a Pro/Max toggle, FAQ accordions, developer-newsletter band with inline validation

05

Delayed bottom-right cookie banner honoring theme and language pre-seed keys

06

Full i18n 6 languages (EN/ES/FR/DE/IT/PT), dual dropdown switchers, translated SEO meta, WCAG AA in both themes

Description

Landing page for SCRIBA, a headless CMS for structured content, built on the Sanity design language (popular-web-designs template): a neutral grey-white light canvas (#f6f6f6/#0b0b0b) with full dark-mode precision, one coral CTA (#c23b32) reserved for action and pairing Space Grotesk for display with IBM Plex Mono for technical labels. Surface-first: a Decide/Learn hero that pairs a schema-prose tagline with a floating editor mock, so the product story leads and the copy follows. Highlights: schema field previews with mono labels, real-time collaboration, versioned content and a swappable CTA hover to signal the API/developer angle, plus a pricing toggle (Pro/Max), FAQ accordions, a developer-newsletter band with inline validation and a delayed bottom-right cookie banner. Full i18n in 6 languages (EN/ES/FR/DE/IT/PT) with native copywriting, dual dropdown switchers, translated SEO meta and browser-language detection. WCAG AA contrast verified in both themes; scroll reveals use a rAF-throttled handler with prefers-reduced-motion and no-JS fallbacks.

Technologies used

HTML HTML CSS CSS JavaScript JavaScript