Live preview
Vela homepage: a pure black page with a saffron eyebrow reading Managed vector search, the large white headline Search for meaning, not for words, a violet Create an index button, and beside it a cloud of small coloured triangles gathered into green, blue, violet and amber clusters
16 / ASTRO THEME

Vela

For a product that draws its own diagrams.

  • Developer tools
  • AI
  • SaaS

The sixteenth Quaeris Design release. A managed vector-search site carrying a product page, documentation, usage-based pricing, eight regions, an honest comparison, a changelog and a searchable engineering log — thirty routes, with the whole demo live and open to inspection.

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

Every figure came from astro-design-vela.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 technical products that would rather be precise than loud. Pure black with no panels on it, Space Grotesk headlines that carry their hierarchy through scale rather than weight, one electric violet kept for actions and a saffron kept for labels. Its illustrations are constellations of tiny triangles drawn on a canvas, each point standing for a vector, so the imagery explains the product instead of decorating it.

  • Vector databases, search engines and retrieval APIs
  • AI and machine-learning products with a technical buyer
  • Developer platforms that sell on documentation and latency
  • Data infrastructure that has to explain an abstract idea on its home page
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
  • Product
  • Documentation
  • Pricing
  • Integrations
  • Regions
  • Get started
  • Security
  • Customers
  • Compare
  • Changelog
  • Blog
  • Search
  • About
  • Contact
  • Legal notice
  • Site map

Collections

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

System

Generated, never hand-maintained.
  • 404
  • sitemap.xml
  • robots.txt
  • Search index
  • site.webmanifest
DESIGN NOTES

The decisions behind the look.

01

The illustrations are the product, drawn.

Four procedural constellations replace stock imagery: an embedding space where coloured clusters surface from the noise, two clouds joined by a beam for similarity search, a rising helix for going to production, and a radial burst for one query fanning out across shards. Each is seeded, so it renders the same on every load, and none of them is an image file.

02

Hierarchy from scale, never from weight.

The page is pure black and stays that way: no grey panels, no shadows, no bordered cards. Blocks float on the void and are separated by one-pixel rules. Headlines are large and tightly tracked, the closing words of many drop to a muted grey, and labels are small tracked capitals — which is enough structure without a single box.

03

Animation only where it can be seen.

Each particle field starts when it scrolls into view and stops when it leaves, or when the tab is hidden. Under reduced motion it draws a single still frame instead of looping, and the word-by-word headline reveal is skipped. The whole site ships 11.9 KB of JavaScript for all of it.

04

The comparison page says when not to buy.

Next to the side-by-side table it has a section on the cases where another tool is the better choice. It is the page technical buyers trust most and the one most templates leave out, and it comes written, ready to be adapted rather than invented.

PALETTE
  • Void #000000 The only surface, from header to footer
  • White #ffffff Headlines and body text
  • Silver #bdbdbd Secondary text
  • Electric iris #8052ff The single filled action colour
  • Saffron #ffb829 Eyebrow labels and emphasis
  • Verdant #15846e A quiet stop in the logo mark
TYPEFACES
Display and labels
Space Grotesk Weight 400 throughout, tightly tracked headlines, wide-tracked capitals for labels
Body
Inter Weight 200 for paragraphs, heavier only for emphasis
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.

Vela, 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.