- Reveal: in-viewport [data-sc-reveal]/schematic elements now reveal on the
first animation frame (getBoundingClientRect pass) and the safety-net timer
drops 1600ms -> 400ms (under the 1500ms capture settle). Fixes the ~10%
opacity above-the-fold KPI row + benchmark table and the washed-out About
"Recent releases" console, in both modes and for no-JS/no-scroll.
- Fonts: @font-face for Space Grotesk / Inter / JetBrains Mono against the
served /templates/scifi-clean/fonts/*.woff2 paths + typography refs in all
four presets (bundled_fonts is CMS dead code). --font-heading now resolves
to Space Grotesk live.
- Lexer trap: contact-form CSS `){#` -> `){ #` (was failing whole-theme
registration: "Newline not permitted in a single-line comment").
- Seed: set `title` so the navbar/site title shows "Halcyon Robotics" (was
leaking the gallery instance name); expanded the control-loop article to
~10 paragraphs to kill the footer dead space.
- SVG guard: explicit width/height on the <use> icon SVGs.
- Wave B gallery screenshots (home/about/article x light+dark), preview
= light home (light-canonical).
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Sci-Fi Clean
A minimalist futurist theme in off-white with technical blue and a signal-orange accent. Thin blueprint lines, mono numerals, and spec furniture give it the calm of a mission-control readout. It reads precise and technical, and it stays quiet where a product deserves to speak for itself.
Good for
We built Sci-Fi Clean for hardware and research teams. Treat these as starting points, not limits. If the mood fits your product, use it:
- AI and robotics product sites
- Aerospace and hardware companies
- R&D labs and biotech
- Developer platforms and technical documentation
What you get
- Four color presets, each with a tuned light mode and a tuned dark mode: Flightline, Cleanroom, Signal Cyan, and Graphite Lab.
- Space Grotesk headings, Inter body, and JetBrains Mono for readouts, bundled and ready. Fonts stay admin-controlled, so you can swap them from the typography settings.
- Four persona blocks: a technical spec sheet, a benchmark comparison table, a live telemetry grid, and a changelog console.
- A demo site that installs when you activate the theme: a home page, an about page, a short blog, and a contact page whose form emails your admins.
- Every core block restyled to match, plus a themed login screen and a themed 404 page.
Install
Install from the BlockNinja registry, then pick a preset and assign your fonts in the admin. Activate the demo content if you want a fully dressed starting point.
Description
Languages
Makefile
85%
AMPL
15%