Elements

Foundation

Logo

The Instant Strata mark is IS in Young Serif inside a square container. The container is rotated 15° for energy; the letterforms stay upright. Use the lockup with the wordmark on marketing surfaces, or the icon mark alone where space is tight.

Lockup · light background

Icon + wordmark on white

Default treatment for headers, footers, and light sections. Lime container, forest letterforms and wordmark.

surface="light"
Instant Strata

Examples

Business cards

Double-sided cards at standard Australian proportions (90 × 55 mm). The company side carries the logo lockup and tagline; the personal side leads with name and role, then contact details with Lucide icons at 14px. Keep margins generous, limit copy to essentials, and never rely on icons alone for contact information.

  • Company side: white background, logo lockup, Young Serif tagline, website with Globe icon.
  • Personal side: off-white background, eyebrow label, display name, title, then email, phone, and location with icons.
  • Safe zone: 7 units of padding on all sides. Lime or forest accents as thin rules, not full bleeds.
  • Print at 300 dpi. Use brand hex values only; no drop shadows on the printed artefact.
Company side (shared)
Instant Strata

Strata management, simplified.

instantstrata.com
Personal side

Instant Strata

Levi Putna

Co-founder

  • levi@instantstrata.com
  • +61 400 000 000
  • Sydney, Australia

Levi Putna

Instant Strata

Nikhil Pradhan

Co-founder

  • nikhil@instantstrata.com
  • +61 400 000 000
  • Sydney, Australia

Nikhil Pradhan

Full set (front and back)

Levi Putna

Front

Instant Strata

Strata management, simplified.

instantstrata.com

Back

Instant Strata

Levi Putna

Co-founder

  • levi@instantstrata.com
  • +61 400 000 000
  • Sydney, Australia

Nikhil Pradhan

Front

Instant Strata

Strata management, simplified.

instantstrata.com

Back

Instant Strata

Nikhil Pradhan

Co-founder

  • nikhil@instantstrata.com
  • +61 400 000 000
  • Sydney, Australia

Lockup · primary background

Icon + wordmark on lime

On primary (lime) sections the container inverts to forest so the mark remains visible. The wordmark stays forest for legibility on the lime surface.

surface="primary"
Instant Strata

Icon mark

Mark without wordmark

Use the icon alone in compact UI: nav bars, favicons, app icons, and badges. Always keep the square container; never use the letterforms without it.

light
primary
dark

Sizes

Instant Strata
Instant Strata
Instant Strata

Installation

bash
npx shadcn add https://raw.githubusercontent.com/levi-putna/elements/main/registry/logo/registry.json

Usage

Lockup

tsx
import { Logo } from "@/components/ui/logo"

export function Example() {
  return <Logo variant="lockup" surface="light" />
}

Icon mark

tsx
import { LogoMark } from "@/components/ui/logo"

export function Example() {
  return <LogoMark surface="light" />
}

Props

PropTypeDefaultDescription
variant"mark" | "lockup""lockup"Icon mark only, or lockup with the Instant Strata wordmark beside it.
surface"light" | "primary" | "dark""light"Background context. Light: lime container with forest letterforms. Primary: forest container with white letterforms on lime backgrounds. Dark: secondary container with forest letterforms and wordmark on forest backgrounds.
size"sm" | "md" | "lg""md"Scales the mark and wordmark together.

Rules

  • Always use the square container: never the IS letterforms alone.
  • Container rotates 15°; letterforms stay upright.
  • Minimum mark size: 24×24px (size="sm").
  • Clear space: equal to the container width on all sides.
  • Light backgrounds: lime container, forest letterforms.
  • Primary (lime) backgrounds: forest container, white letterforms.
  • Dark (forest) backgrounds: secondary container, forest letterforms and wordmark.
  • Never stretch, recolour outside these surfaces, or add drop shadows.