Styleguide

Vectora design system

A reference of all UI components, colors, and typography used in this theme.

Colors

Deep Navy

Midnight Blue

Electric Blue

Soft Cyan

Violet Accent

Clean White

Muted Text

Surface

Typography

Display Heading

Section Heading

Subheading

Body text — The quick brown fox jumps over the lazy dog.

Small / caption text

Monospace — const vectora = "premium";

Gradient text

Buttons

Badges & Pills

Default Accent Success Outline Pill label

Form elements

Monthly

Yearly Save 20%

Cards

Hover card with glass effect

42%

Faster workflows

Workflow orchestration

Design multi-step automations with conditional logic, approvals, and real-time status tracking across your entire stack.

Pricing card

Growth

For scaling teams that need deeper visibility and control.

$79 /mo

Up to 25 team members
Advanced automation rules
Custom dashboards & reports
Priority support
90-day activity history
SSO & role-based access

Start with Growth

Testimonial

“We replaced three internal tools with Vectora in the first month. Our ops team finally has one place to see what is happening across product and support.”

S

Sarah Chen
VP of Operations, Northline Systems

Accordion

How does the free trial work?

Start with a 14-day trial on any plan. No credit card required. You get full access to features included in your selected tier, and you can downgrade or cancel anytime before the trial ends.

Can we migrate from our current tools?

Yes. Vectora includes import connectors for common platforms and a guided migration checklist. Our team can assist Growth and Enterprise customers with custom migration planning.

Is Vectora secure enough for enterprise use?

Vectora is SOC 2 Type II compliant with SSO, RBAC, audit logs, and data residency options. Enterprise plans include dedicated security reviews and custom DPA agreements.

Optimized images

Local images in src/assets/images/ are optimized at build time. Astro generates AVIF and WebP variants automatically via the components below.

OptimizedImage

ResponsiveImage