Legacy Logik · brand guide

Logic that lasts.

The Legacy Logik brand, specified: one mark, three faces, a navy and gold palette, and the voice that carries them. Everything on this page runs on the tokens it documents.

download the mark → grab the tokens

// v1.000 · updated 2026-08-13 · maintained by the studio

Color · 02

Navy carries. Gold points.

Four navy surfaces, one gold accent, cream for the light passages, and a single signal green for live states. That is the whole palette. Click any swatch to copy its value.

Navy familyThe four surfaces, deepest to lightest
Gold & creamAccent and light surfaces. Gold is accent only, never a background for body text
Signal & hairlinesThe one non-brand hue: a live/OK green. Borders are always translucent ink
--hairline · rgba(239,234,223,.08)
--hairline-strong · rgba(239,234,223,.16)
live · pulse only when data is changing
Text on navyFour levels
Primary text, ink--text-primary · #efeadf
Secondary body copy--text-secondary · #8c94a4
Labels and metadata--text-label · #5d6577
Accent and active state--text-accent · #b39a64
Text on creamThree levels for the light treatment
Headings on cream--text-card · #1e2637
Body copy on cream--body-card · #414b5e
Muted labels on cream--muted-card · #6f7889
Type · 03

Three faces, each with one job.

Schibsted Grotesk proclaims, Archivo reads, IBM Plex Mono labels. Italic exists for the emphasised clause and nowhere else.

Display · Schibsted GroteskGrotesque display, semibold; italic reserved for the emphasised clause
Logic that lasts.
Build small first.

--display · Schibsted Grotesk 600 · italic only in <em> · --ls-tight -0.02em · --lh-hero 0.98

Body · ArchivoGrotesque sans for everything that is read, not proclaimed

Lead, 18px. We design, build, and operate AI-powered software for operators who have a real problem to solve.

Body, 15px. Every engagement begins with a defined scope, moves through a documented architecture phase, and builds at a controlled cadence.

UI small, 13px. Buttons, nav links, footer links.

--sans · Archivo 300/400/500/600/700

Mono · IBM Plex MonoLabels, tags, metadata and the // comment voice
SVC · 01: custom build // every phase logged live · in production
PropTechB2B SaaSLuxury Real Estate

--mono · 11px tag / 10px meta · letter-spacing .04 to .10em

Emphasis ruleInside a heading, the emphasised clause switches to italic

Custom SaaS development.
Scope to ship, fully documented.

<em> inside a heading renders italic Schibsted Grotesk: same face, italic posture

Heading scaleFluid clamp() sizes; the hero is the only 100px+ setting
Hero--fs-hero · clamp(44px,7.8vw,104px)
Display--fs-display · clamp(32px,5vw,64px)
Section--fs-section · clamp(28px,4.2vw,52px)
Page title--fs-page-title · clamp(40px,6vw,80px)
EyebrowLegacy only: deprecated in v2 and a known slop tell. Use the mono tag instead

Operating thesis

Featured work · 01 / 02

--fs-eyebrow 9px · --ls-eyebrow 0.3em · weight 700

Spacing · 04

A 4px base does most of the work.

One container, three measures, section rhythm at 96. When in doubt: 8, 16, 24, 32.

Layout widthsOne container width, three measures

--max · 1240px

--max-content · 960px

--max-narrow · 860px

--measure · 48ch

--gutter 32px desktop / 20px under 720px

ScaleA 4px base; 8, 16, 24, 32 do most of the work
4
8
12
16
20
24
32
40
48
64
80
96

--space-1 … --space-24

Section rhythm96px vertical padding, 64px tight, 64px on mobile
--sec-y 96px
Section tag
Section heading
--sec-y 96px
Corner radiiFive steps. Cards are 14 to 18px; controls are fully round
--r-xs6px
--r-sm10px
--r-md14px
--r-lg18px
--r-pill999px
Motion · 05

Deep shadows, small moves.

Shadows are deep and soft on navy; gold controls glow instead. Two easings, three durations, lifts of 1 to 3px: never bounces.

ElevationCard shadow, open state, and the gold glow pair
--shadow-card
--shadow-open
--shadow-gold--shadow-gold-hover
MotionTwo easings, three durations. Lifts are 1 to 3px, never bounces
--ease-outcubic-bezier(.2,.7,.2,1) · lifts, hovers, cards
--ease-sweepcubic-bezier(.6,.05,.2,1) · underline and rule sweeps
--dur-fast / base / slow200 / 250 / 350ms
--dur-reveal800ms fade + 16px rise on scroll
--lift / --lift-card-1px buttons · -3px cards
Voice · 06

Plainspoken, grounded, quietly confident.

We explain; we do not posture. Claims are backed by something you can look at.

PersonalityFour traits, by example
Plainspoken
We explain; we do not posture. Short declaratives, often fragments.
Grounded
Claims are backed by something you can look at. Proof over promises.
On your side
"We" for the studio, "you" for the reader. Never "I".
Quietly confident
No hype, no exclamation points. The work carries the argument.
Words we avoidJargon that never ships
revolutionarygame-changingleveragesynergy10xsuperchargeunleashseamlessrobustcutting-edgesolutionsparadigmtransformempower

also out: emoji, exclamation points, internal machinery (agent roles, tooling)

MicrocopyButtons name the outcome, all lowercase. Errors say what happened and how to fix it
book a callsee what we buildsend it over all lowercase · proper names keep their caps · never "Get started" or "Learn more"
errorThat email bounced. Check the domain and try again.no apology theatre
emptyNo scenarios saved yet. Model your first deal.an invitation to act
PunctuationThe colon is the signature joint. Em dashes are banned
:From scope to ship: structured, phased, fully documented.
·SVC · 01: custom build (middot separates label segments)
//// every phase logged (mono aside, borrowed from code comments)
—Never. Use a colon, a comma, or a pipe instead.
Say / don'tThe register, by example
We run it before you do.
Enterprise-grade validated delivery pipeline.
Have a problem worth scoping properly?
Ready to transform your business?
Nothing leaves this phase without sign-off.
We leverage a robust QA framework.
A snapshot of current work, not the limit of what we will take on.
Our comprehensive suite of solutions.
Components · 07

Parts that carry the system.

Buttons, tags, panels, phases, fields: hairline borders, mono code rails, gold reserved for the active state. The nav and footer on this page are the components themselves.

ButtonsGold names the primary action; ghost carries the rest
Tags & pillsMono voice: catalog codes, comments, live states, category pills
What we do SVC · 01 // every phase logged live PropTechB2B SaaS
PanelsThe system surface: hairline panel with a mono catalog-code header rail
SVC · 01Custom development
We take software problems from zero to a deployed, documented product.
PRD · 01White-label ROI platform
A branded, embeddable ROI calculator, in production with real estate teams.
live: AMARI Tulum
ICP · AFounder-led operators
Decisions made directly by an owner or C-level, not an enterprise procurement organization.
Phase gridThe five-phase process card row. Click a phase to open it
FormsInput, select, textarea and error states
// we reply within two business days
// this field is required
Value rowsItalic display verb opens the line, on cream
Buildsmall first. Validate before you scale.
Documenteverything. Systems outlast memory.
UI mockBrowser chrome frame for product screenshots
amari-roi.com
// product screenshot goes here
Documents · 08

Print lives on warm paper.

Internal documents switch to the cream side: paper surface, white cards, a deep navy sign-off band. No grain, no gradient. Accent is an inset top rule, never a colored left border.

Document, appliedThe full treatment: masthead, title block, cards, chips, key-values, callout, sign-off
Legacy Logik
Internal strategy · sample · 2026-08-13

Ideal customer profile

Who Legacy Logik's services business is built for, grounded in the current active book of business rather than a pre-launch hypothesis.

Status: market ready, active. Operating as a going services concern with paid, in-progress client contracts.

Profile

Who fits

Who
Founder-led operators
Decisions made directly by an owner or C-level, not an enterprise procurement organization.
Stage
Past product-market fit
Real operating cash flow, evaluating a first or second meaningful software investment.
Real EstateHospitalityProfessional Services
EngagementFixed price, milestone based
Terms50% upfront, 50% on acceptance
Not a fit right now
Large enterprises requiring formal procurement cycles · consumer-facing B2C products · any prospect seeking equity for services.
Reviewed: Strategy + Marketing, 2026-08-13. Pending principal review.
Sign-off sits with the Strategy cluster.
Maker of ForeverStack
Paper surfaceWarm paper, white cards, cream tint. Click to copy
Downloads · 09

Take the source files.

The mark, the tokens, and the palette: versioned here, identical to what this page runs on.

FILE · 01logo-mark.svg
The mark as shipped: 3×3 grid, gold centre, viewBox 0 0 88 88. Scales from favicon to billboard.
FILE · 02tokens.css
Every custom property on this page: palette, type scale, spacing, radii, shadows, easings, and the paper treatment.
FILE · 03colors.json
The palette as data: hex values with roles, for design tools and build scripts.

// fonts are not shipped here: Schibsted Grotesk, Archivo, and IBM Plex Mono load from Google Fonts under the SIL Open Font License