Live on your Trybe & Lattice ERP · Rapnet pricing · first governed answer in seconds
Brand guidelines

Lookato brand

Living guidelines for logos, colours, typography, and usage rules. Use the live component and download the source assets below.

Logo

Logo system

Three variants share the same wordmark and notch-mark. The notch accent changes colour per sub-brand. Import <Logo> — it adapts fills to the active theme automatically.

Master

Lockup — paper

Lockup — ink

Mark — paper

Mark — ink

G&J (Gems & Jewellery)
for GEMS & JEWELLERY
for GEMS & JEWELLERY

Lockup + tagline — paper

Lockup + tagline — ink

Mark — paper

Mark — ink

Textiles
for TEXTILES
for TEXTILES

Lockup + tagline — paper

Lockup + tagline — ink

Mark — paper

Mark — ink

Color

Brand palette

Brand constants
Ink
#010b27
Royal
#0b0bff
Azure
#019dfb
G&J gradient
#FFD800 → #A58800
Textiles gradient
#FF6E55 → #FF3100
Semantic tokens (live — light theme)
--lo-bg-base
var(--lo-bg-base)
--lo-bg-card
var(--lo-bg-card)
--lo-text
var(--lo-text)
--lo-text-dim
var(--lo-text-dim)
--lo-accent
var(--lo-accent)
--lo-border
var(--lo-border)
--lo-red
var(--lo-red)
--lo-success
var(--lo-success)
--lo-warning
var(--lo-warning)
Typography

Type system

Three faces, each with a specific role. Never substitute.

Display & headings — Outfit
The world's diamond capital.

Use for: hero headings, section titles, display text. Variable weight 300–800.

Body & UI — Inter
Operations intelligence for diamond and jewellery manufacturers. Real-time visibility from rough to polished. Governed numbers. Proof for every answer.

Use for: body copy, labels, UI text, captions. Default page font.

Data & code — JetBrains Mono
SELECT SUM(sales_value) FROM orders WHERE category = 'ROUGH' AND date >= today()

Use for: SQL, code snippets, metrics, numeric data tables.

Clear space & minimum size

Breathing room

Clear space = the height of the notch on all sides. Minimum sizes: lockup ≥ 96 px wide; mark ≥ 16 px wide.

Lockup — clear space (notch height on all sides)

Mark — clear space (notch height on all sides)

Usage rules

Do and don't

Do
  • ✓Use the provided <Logo> component or the supplied SVG / PNG assets.
  • ✓Maintain the required clear space (notch height) on all sides.
  • ✓Place the logo on high-contrast, clean backgrounds (paper white, ink navy, or solid brand colours).
  • ✓Use the correct sub-brand variant for each product line (master, G&J, Textiles).
  • ✓Respect minimum sizes: lockup ≥ 96 px wide; mark ≥ 16 px wide.
Don't
  • ✕Recolour the wordmark or swap out the notch gradient.
  • ✕Distort, stretch, or skew the logo in any dimension.
  • ✕Add drop shadows, outlines, glows, or other effects to the logo.
  • ✕Place the logo on busy, textured, or low-contrast backgrounds.
  • ✕Recreate the logo in a different typeface or modify letterforms.
Downloads

Asset downloads

SVG for digital and screen use; PNG for applications where SVG is not supported.