Live preview
Norva homepage: a near-black page with a top bar reading SOC live, a running clock and Rennes, the staggered serif headline Offensive security for critical infrastructure, its last two words in italic and in outline, beside a faceted wireframe sphere crossed by a glowing cyan ring, above a row of figures starting with 99.98% SOC availability
20 / ASTRO THEME

Norva

For a firm whose clients cannot afford a mistake.

  • Cybersecurity
  • Consultancy
  • B2B services

The twentieth Quaeris Design release. A security practice carrying five service pages, three case studies, published prices, a trust centre, resources and a journal with authors and categories — thirty-three routes, with the whole demo live and open to inspection.

MEASURED FROM THE DEMO
11.1 KB
JavaScript
33
Indexable routes
0
Blocking stylesheets
2
Font families
WebP
Images
Astro 7.3
Built with

Every figure came from astro-design-norva.pages.dev. Open it and check.

One published website. VAT included; the studio licence covers client work. 14 days to withdraw, until the first download.

THE BRIEF

What it is for, and who it suits.

A visual direction for a security practice that has to look serious without looking like a bank. Near-black ink, Instrument Serif headlines that move from roman to italic to outline within one line, Geist for everything functional and a single cyan signal for what is live. The hero is a faceted core under a scanning ring, rendered in WebGL — but the page is complete without it, and only a large screen on a good connection ever downloads it.

  • Cybersecurity firms, penetration testers and managed SOCs
  • Consultancies selling compliance, audit or risk work
  • Technical services whose buyers are CISOs and procurement
  • Any B2B firm that has to look precise rather than flashy
THE PAGE SET

Routes you get, and where they come from.

Every route below is generated at build and served as a static file.

Pages

Written once, edited in place.
  • Home
  • Services
  • Managed SOC
  • Incident response
  • Compliance
  • Engagements
  • Pricing
  • Trust centre
  • Resources
  • Insights
  • Search
  • About
  • Careers
  • Contact
  • Legal notice
  • Site map

Collections

One Markdown file becomes a route, an index entry and a listing.
  • Case study × 3
  • Article × 3
  • Author × 3
  • Category × 8

System

Generated, never hand-maintained.
  • 404
  • sitemap.xml
  • robots.txt
DESIGN NOTES

The decisions behind the look.

01

The hero stands before the 3D arrives.

A wireframe plane in perspective is drawn first, so the hero is complete at first paint. The WebGL core is a scene written for the theme, and it is only requested once the browser is idle, on a screen at least 900px wide, without Save-Data or a 2G connection, and never under reduced motion. It caps its pixel ratio and stops rendering when the hero leaves the screen or the tab hides.

02

The header behaves like an operations console.

Above the navigation sits a live status line: a green SOC live marker, a running clock and the city, and on the right a permanent link to the incident response page. It is a small thing that says more about a security firm than any illustration, and the clock’s time zone and the city come from the config.

03

Prices and claims are published.

The pricing page gives starting rates for retainers and fixed-scope testing rather than a contact form, and the trust centre lists six claims next to what backs each one, the subprocessors that could touch client data and a route for responsible disclosure — the pages that large buyers check before they call.

04

Nothing third-party by default.

Identity, contact form, analytics and newsletter each live in one file under src/config. Out of the box the theme ships no third-party script, sets no cookie and needs no account: the form uses mailto, analytics and the newsletter are off. Each is switched on by pasting one value.

PALETTE
  • Ink #010004 Page ground and the hero
  • Paper #ffffff Headlines and the primary button
  • Slate #6c7180 Secondary text
  • Signal #00d5ff The scan ring and section numbers
  • Signal deep #0057ff The deep end of the accent gradient
  • Safe #25e0a7 The live status marker
TYPEFACES
Display
Instrument Serif Roman and italic, set in outline for emphasis
Interface and body
Geist Variable, labels, navigation and running text
WHAT SHIPS WITH IT

Know what you’re getting.

A good-looking screenshot is the beginning. The details help you choose.

01 / THE PAGES

A view of the whole site.

Every release lists its page set, from the homepage to the article, author and category templates your project actually needs.

Page list with each release
02 / THE EXPERIENCE

Every screen matters.

Desktop and mobile layouts, navigation, focus states and interactions, checked at the widths people actually use rather than the one the screenshot was taken at.

How customisation works ↗
03 / THE HANDOVER

The details, before you buy.

Source files, installation requirements, licence and support terms are published on the theme page so you can decide before you spend anything.

Exact package with each release
PRICING

A clear price. A clear package.

Pick the design that fits your project. One licence covers one published website; building for clients is the studio licence.

INDIVIDUAL THEMES ON SALE

Find your fit.

€59 a theme

One licence, one published website. Work you deliver to clients is the studio licence: €399 for the whole collection, and a year of everything released after it.

A theme licence
One published project
Client work
Studio licence
Updates & support
Stated per theme
THIS THEME

Everything above, in one download.

Norva, as the complete Astro source. Change anything, deploy it anywhere static, and keep it.

One published website. VAT included; the studio licence covers client work. 14 days to withdraw, until the first download.

ELSEWHERE IN THE COLLECTION

Three more directions.