REGIME.fi — Brand Guidelines

01 — Brand Philosophy

Verifiable by design

REGIME.fi is not a hedge fund with a website — it's an algorithm with a front-end. Every design decision should communicate precision, transparency, and machine-grade confidence. No softness. No ambiguity. No hiding.

◎

On-chain first

Performance is verifiable on Arbitrum. The UI surfaces truth — it never overstates or decorates. Data is the brand.

∿

Autonomous precision

An algorithm runs 24/7. The aesthetic reflects that: controlled, systematic, alive. Never playful. Never casual.

↗

Trust through clarity

Stakers are entrusting capital. Every element — from PNL color to button copy — must reinforce competence and accountability.

▦

Depth, not decoration

Visual complexity serves the data. Glassmorphism, layering, and dimension create hierarchy — not atmosphere for its own sake.

02 — Logo & Wordmark

The wordmark

REGIME.fi uses a single wordmark — Syne 800 with the ".fi" suffix rendered in Yield Teal. There is no separate logomark or icon. The wordmark is the brand.

Dark surface (primary)

REGIME.fi

Light surface (secondary use)

REGIME.fi

Clear space — minimum 1x cap-height on all sides

1x cap-height 1x cap-height 1x 1x

REGIME.fi

Incorrect usage

DON'T

REGIME.fi

Don't recolor the .fi in any color other than Yield Teal #00C2A8

DON'T

REGIME.fi

Don't substitute with DM Sans or any other typeface

DON'T

regime.fi

Don't use lowercase, italics, or reduced opacity on the wordmark

03 — Color System

A palette built for dark data

Every color is assigned a semantic role. Do not use colors outside their designated role — especially signal colors (green/red), which must remain reserved for positive/negative financial delta only.

Base — backgrounds & surfaces

Void#080C16

Abyss#0D1223

Surface#131A2E

Raised#1B2540

Overlay#243054

App background Card backgrounds Elevated cards Active states, tabs Modals, overlays

Brand blue — primary interaction

Blue 900#042C53

Blue 700#1440C4

Blue 500#2D6AFF

Blue 300#7AA8FF

Blue 100#C8DEFF

Primary CTAs (Stake, Connect) Direction badges (SHORT/LONG) Active tab highlights

Yield teal — live states & activity

Teal 900#003D33

Teal 700#007A6A

Teal 500#00C2A8

Teal 300#5CEDD9

Teal 100#BFFAF3

Wordmark ".fi" · LIVE badge Chart line · Epoch timer Active position indicators

Reward amber — value & earnings

Amber 900#3D2000

Amber 700#A85500

Amber 500#F5A623

Amber 300#FFC96B

Amber 100#FFE9BC

NAV per share · APY % display Win rate · Key metrics Claimable rewards

Signal — financial delta only

Up#00D68F

Up dim#003D26

Down#FF4D6A

Down dim#3D0010

Positive PNL · Price increase · System healthy Negative PNL · Loss · Risk warning

Signal color rule

Green (#00D68F) and Red (#FF4D6A) are reserved exclusively for financial delta — positive/negative values, PNL, system status. Never use these for decorative purposes, nav highlights, or general UI accents.

Light mode palette

Mode note

Dark is canonical. Light mode is for whitepapers, long-form documents, and print-oriented PDFs.

Light base — backgrounds & surfaces

Base#FAFBFD

Card#F0F2F7

Elevated#E8EBF2

Border#D4D9E4

Page background Card backgrounds Elevated cards Borders

Light accents — adjusted for light-bg contrast

Brand Blue#2D6AFF

Yield Teal#00A88E

Reward Amber#D48E1A

Signal Green#00B377

Signal Red#E0435C

Same as dark mode Darkened from #00C2A8 Darkened from #F5A623 Darkened from #00D68F Darkened from #FF4D6A

Light text

Primary#111827

Secondary#4B5563

Subtle#9CA3AF

Headings, body text Secondary copy, descriptions Captions, placeholders

04 — Typography

Three roles, three typefaces

REGIME.fi uses a strict three-font system. Each typeface has a designated role — never mix roles. Syne commands attention. IBM Plex Mono communicates data integrity. DM Sans carries information.

Syne 800 — Display & Headings

Autonomous
Trading Fund

Used for: wordmark, hero headlines, section titles, CTA buttons, stat labels

IBM Plex Mono 400/500 — Data & Numerics

$1.0616 +6.18%

0xC5...7515 · 71.0% · 1D 1W 1M ALL

Used for: all numbers, wallet addresses, time ranges, code, table data, hex values, percentages

DM Sans 400/500 — Body & UI

AI-driven mean reversion on gTrade. Fully autonomous crypto trading with verifiable on-chain performance across every market condition.

Used for: body copy, nav items, labels, descriptions, tooltips, error messages

Type scale

Display / 56px / 800

REGIME.fi

H1 / 36px / 800

Autonomous Trading Fund

H2 / 24px / 700

Stake into the Fund

H3 / 18px / 700

Open Positions

Body / 15px / 400

Verifiable on-chain performance with full transparency across all trades.

Label / 11px / 500 mono

All-Time Return

Caption / 11px / 400

Last updated 2 minutes ago · Powered by Arbitrum

Font downloads

Syne

Display & Headings — Weight 700, 800

Google Fonts ->

IBM Plex Mono

Data & Numerics — Weight 400, 500

Google Fonts ->

DM Sans

Body & UI — Weight 400, 500

Google Fonts ->

05 — Spacing System

4pt grid, 8pt rhythm

All spacing uses multiples of 4pt. The primary rhythm unit is 8pt. Never use arbitrary values like 5px, 7px, or 15px.

4px

xs

8px

sm

12px

sm+

16px

md

20px

md+

24px

lg

32px

xl

48px

2xl

64px

3xl

Border radius

4px

8px

12px — cards

pill — badges

Border style

Default: 1px solid #1E2A45

Hover/active: 1px solid #2D3E60

Focus: 1px solid rgba(0,194,168,0.3)

06 — Component Library

Atoms to organisms

Every interactive element follows strict rules. No ad-hoc styling. Components compose from tokens, not individual hex values.

Buttons

Primary (blue) -> Single primary CTA per screen · Teal -> Wallet actions only · Outline -> Secondary actions · Ghost -> Tertiary/nav · Danger -> Destructive (confirm first)

Badges & status

LIVE SHORT LONG STAKING 3.55x FACTOR SLASHING RISK

Metric cards

All-time return

+6.2%

since inception

Win rate

71.0%

Profit factor

3.55

Total trades

62

Form inputs

Stake amount (USD)

$

Timeframe

Stake

Unstake

Data table

Pair	Dir	Entry	Price	PNL	PNL%
XRP/USD	SHORT	1.34	1.34	-$0.38	-9.5%
XAG/USD	SHORT	72.55	74.58	-$4.37	-21.8%
BTC/USD	LONG	84,200	86,450	+$2.67	+8.4%

07 — Motion Principles

Animate with intent

Every animation communicates cause and effect. REGIME.fi is a precision system — motion should reinforce that. No decorative animation. No bouncing. No playful easing.

Micro-interaction

150-200ms · ease-out

Hover states, button press, badge appearance. Fast and decisive — never linger.

Hover me ->

Panel transition

250-300ms · ease-out enter · ease-in exit

Modals, drawers, stake panel slide-in. Enter slower than exit — exit at 60-70% duration.

Data update

400ms · ease-out · opacity + translateY(4px)

Live price ticks, PNL changes, new trade rows. Fade up from 4px below — never flash.

Chart draw

600ms · ease-out · stroke-dashoffset

Line chart initial draw. One time only — no looping. Respect prefers-reduced-motion.

Motion rules

Always animate transform and opacity only. Never animate width, height, or layout properties. Implement @media (prefers-reduced-motion: reduce) on all keyframe animations.

08 — Do / Don't

What REGIME.fi is — and isn't

These guardrails prevent the brand from drifting into generic DeFi aesthetics. The original neon yellow-green was expressive but uncontrolled. The new system is intentional.

Do

+Use dark navy (#080C16) as the baseline — never white or light grey as default

+Use IBM Plex Mono for every number, percentage, price, and address

+Render chart lines in Yield Teal (#00C2A8) — the color of live trading activity

+Use Amber (#F5A623) exclusively for monetary/reward values — APY, NAV, earnings

+Reserve signal green/red for positive/negative financial delta only

+Use Syne 800 for all display type — the wordmark weight must cascade to headlines

+Offer a light mode as an alternative — but dark is the canonical experience

+Use 1px solid borders, not drop shadows, to define card depth

+Animate only transform/opacity — keep every interaction feeling instant

Don't

xUse the original neon yellow-green (#C9FF00 style) — it was attention-seeking, not precise

xUse purple or pink gradients — this is a financial instrument, not an AI chatbot

xUse emoji as UI icons — Lucide or Heroicons SVG only

xUse green for decorative elements — it will be misread as "positive financial signal"

xUse serif fonts anywhere — the brand is machine-first, not editorial

xUse font weights below 400 or above 800 — stay within the defined scale

xAdd decorative animation — the algo trades 24/7, UI motion must feel earned

xUse rounded corners > 12px on cards — pill shapes are for badges only

xHardcode hex values in components — always use CSS custom properties

09 — Voice & Tone

The algorithm doesn't hedge its words

REGIME.fi copy is direct, data-grounded, and confident. The voice is an engineer's — not a marketer's. Numbers speak louder than adjectives.

Do

"AI-driven mean reversion on gTrade. Fully autonomous. Verifiable on-chain."

Don't

"Our revolutionary AI-powered trading solution delivers incredible returns for savvy investors."

Do

"71.0% win rate. 3.55 profit factor. 62 total trades. Open book."

Don't

"Join thousands of happy stakers who trust REGIME.fi to grow their portfolio!"

Do

"Stake Now. No lock-up. Withdraw anytime."

Don't

"Get started on your journey to financial freedom today!"

Voice attributes

Precise Data-first Transparent Confident Not: hype Not: vague Not: salesy

10 — Social Media Assets

Platform-ready brand assets

Pre-sized avatars and headers for every major platform. All assets use the canonical dark mode palette with the REGIME.fi wordmark centered.

Avatars

Twitter / X

800 x 800

1024 x 1024

Discord

1024 x 1024

Facebook

1024 x 1024

Instagram

1024 x 1024

YouTube

800 x 800

GitHub

1024 x 1024

Headers

Twitter / X

1500 x 500

Facebook

1640 x 624

YouTube

2560 x 1440

Discord

960 x 540