Resources
Brand assets
Logos, colors, and typography for partners, press, and community builders.
Logos & icons
Official mark library.
Preview, filter, and download SVG or PNG files.
Downloads
12 official files - logos, icons, and wordmarks in SVG and PNG.
Colour
Palette tokens.
Press-kit blues and iris accents from the live site.
Color palette
Click any swatch or value to copy. Toggle HEX · RGB · HSL per color.
Brand gradient · #1D4ED8 → #3B82F6 → #60A5FA
Safro Blue
Primary brand
Safro Blue Light
Primary light
Safro Accent
Accent / glow
Deep Navy
Base background
Surface
Surface / card
Text
Primary text
Muted Text
Secondary text
Site accent colours
Iris tones used on safrochain.com marketing UI alongside the press-kit blues above.
Iris
Site primary accent
Indigo
Interactive highlights
Ink
Deep background
Typography
Type system.
Geist Sans and Geist Mono, the same families on safrochain.com.
Geist Sans
Primary typeface · UI, headings, body
Safrochain
Open. Sovereign. Built to endure.
300 · LightDecentralized Infrastructure
400 · RegularSafrochain Blockchain
500 · MediumProof of Stake Validator
600 · SemiBoldGovernance & Security
700 · BoldSafrochain Network
800 · ExtraBoldBridging Local and Global
Used for: Headings · Navigation · Body text · Buttons · Labels · UI elements
Geist Mono
Monospace · Technical, code, on-chain data
safro1abc...xyz
block_height: 4,521,000
400 · Regularsafro1abc...xyz0000
500 · Medium0x1D4ED8 · #3B82F6
700 · Boldblock_height: 4,521,000
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 · { } [ ] < > / \
abcdefghijklmnopqrstuvwxyz
0123456789 · { } [ ] < > / \
Used for: Addresses · Block heights · Hashes · Token amounts · Code · Stats
Guidelines
Using the brand right.
Rules for partners, press, and community builders.
Clear space
Keep at least the height of the “S” mark as padding on all sides of the logo. Never crowd the mark with text, icons, or UI chrome.
Colour usage
Use white or mono-blue logos on dark backgrounds. Use the default full-colour lockup on light backgrounds. Do not recolour, stretch, or add effects to official assets.
Minimum size
Full logo: 120px wide minimum for digital. App icon: 32px minimum. Below these sizes, use the mark-only SVG instead of the full wordmark.
What to avoid
No rotation, shadows, outlines, or busy photo backgrounds behind the logo. Do not combine with other project marks without written approval.