Brand Guidelines

Use the Ansatzalgo and Viewlo brands consistently and clearly.

Brand Overview

Ansatzalgo builds AI-first, immersive web products. Our flagship, Viewlo, helps businesses showcase spaces via interactive 360° tours. Use these guidelines to present our brands consistently across websites, decks, social posts, and partner materials.

  • Use approved logos only; don’t redraw, stretch, or add effects.
  • Maintain clear space around the mark (see “Spacing & Minimums”).
  • Prefer the primary blue on light backgrounds; use reversed/white on dark.
Logo Assets
Ansatzalgo logo (light background)
Ansatzalgo logo (dark background)

Formats included: SVG, PNG (light/dark), PDF. Viewlo lockups included.

Login with Google to download
Color Palette
Primary
#37517e
Accent
#0d6efd
Dark
#1f2d3d
Accessibility

Aim for WCAG AA contrast (4.5:1 for normal text, 3:1 for UI). Use Primary Blue (#37517e) text over Light (#f6f9ff) and white logo over Navy (#2f4572).

Design tokens (example)
{
  "color.accent": "#47b2e4",
  "color.primary": "#37517e",
  "color.surface.dark": "#2f4572",
  "color.surface.light": "#f6f9ff"
}
Typography

We use Jost for headlines, Open Sans for body copy, and Poppins for UI accents and CTAs (already loaded in base.html).

  • Headings: Jost, Poppins, "Open Sans", system-ui, -apple-system, sans-serif
  • Body: "Open Sans", system-ui, -apple-system, sans-serif
  • UI/CTA: Poppins, Jost, "Open Sans", system-ui, -apple-system, sans-serif
Prefer sentence case in UI. Keep headings concise. Avoid decorative fonts in product UI.
Spacing & Minimums

Keep clear space equal to the “A” height around the logo. Minimum digital size: 24px height.

Clear space example
Use the white/reversed logo on dark surfaces like the mega panel.
  • Don’t place on busy imgry; add a soft overlay first.
  • Maintain aspect ratio; never squeeze or stretch.
Incorrect Usage
Incorrect recolor
Don’t recolor the mark
Incorrect stretch
Don’t stretch/squeeze
Busy background
Avoid busy backgrounds
Effects
No shadows/outlines
Co-Branding with Viewlo

Viewlo is an Ansatzalgo product. When space allows, use “Viewlo by Ansatzalgo”. Keep both marks balanced; prefer Viewlo primary on light, reversed on dark.

Viewlo logo
Ansatzalgo reversed logo
  • Lockups: 1× spacing between marks; align baselines.
  • Messaging: “Powered by Ansatzalgo” for widgets and embeds.
Voice & Tone
  • Clear over clever; short sentences for UI.
  • Helpful and practical; explain benefits first.
  • Optimistic, product-led; show, don’t hype.
Example: “Create an immersive 360° tour in minutes. Add info spots, capture leads, and share anywhere.”
Legal & Attribution

The Ansatzalgo and Viewlo names and logos are trademarks of Ansatzalgo Technologies Private Limited. Don’t modify or use them in product names, domains, or app icons without prior written permission.

For press or partnership usage, contact contact@ansatzalgo.com.