Proportional01
Aa
netfyr sans
Proportional spacing for text, headings, and interfaces.
Normal tracking · Pair kerning
Foundations / 01
Typography
netfyr sans / Regular7005200Aa
02Families
28Styles
2,225Characters per style
0.507Live font build
Font preview
Edit the text and adjust the font settings.
Family
Alignment
Click the text to start typing
Live preview: all 28 locally built 0.507 styles. Seven weights, each upright and italic, in Sans and Mono. Download the fonts.
Font families
Fixed width02
Aa
netfyr mono
A fixed 640-unit advance for code and diagrams.
640 / 1000 em · No kerning
Example
Text and code
Sans and Mono share a 700-unit cap height and a 520-unit x-height.
Illustrative interface
Plan ready
Review the plan before applying a change.
$ netfyr planCharacter map
Search the documented inventory. Select a character to copy it.
The inventory and displayed glyphs use the locally built 0.507 fonts. Combining marks are shown with a dotted circle for visibility.
Text and diagrams
Text styles
Use Sans for text and headings. Keep normal tracking and kerning enabled. Begin ordinary text at 1.5em line height, especially with stacked accents.
font-family: "netfyr sans", sans-serif;
font-weight: 400;
line-height: 1.5;
letter-spacing: normal;
font-kerning: normal;Code and diagrams
Use Mono for aligned code and connected cells. Preserve spaces, use 1.25em line height for joined diagrams, and leave letter spacing at zero.
font-family: "netfyr mono", monospace;
font-weight: 400;
line-height: 1.25;
letter-spacing: 0;
white-space: pre;Weights and styles
Seven weights with upright and italic styles.
| Weight | netfyr sans | netfyr mono | Local build |
|---|
Use a supplied weight or italic file. Never synthesize bold or shear an upright to approximate an italic. These are static, unhinted fonts.
The netfyr design library
Design library
Foundations / 02
Color palette
Select a swatch to copy its hex value. Orange is a brand accent; use deep orange for readable links on paper.
Color pairings
Ink on paper
Use Ink for body text on Paper.
Contrast —Orange on ink
Use Orange for accents and the flame.
Orange / ink —:root {
--netfyr-ink: #211C19;
--netfyr-paper: #F7F2EA;
--netfyr-orange: #FF7A1A;
--netfyr-deep-orange: #AF4D10;
} Foundations / 03
Space & scale
Spacing tokens
The library uses a 4-pixel base. Select a step to copy its CSS token.
Type sizes
Use SemiBold for headings and Regular for body text.
Display / 64Connection settings
Page title / 44Office network
Heading / 28Review changes
Body / 16Apply the plan to update this connection.
Code / 14state / plan / apply
Identity / 01
The flame
Two triangles, a half-disk, and one continuous boundary.
Orange / Transparent SVGOrange / InkSize and spacing
Leave at least 16 SVG units of clear space around the mark. Use it upright, at a minimum of 16 pixels; prefer 24 pixels or larger. Keep the interior transparent.
Geometry and color
The master uses a 128-unit viewport and an expanded 12-unit boundary with round joins. Preserve its proportions, contours, and original orange.
Symbol + wordmark
Flame with wordmark
netfyr sans Bold
The wordmark uses upright netfyr sans at weight 700, bringing its letter strokes close to the flame’s thickness. Downloaded artwork contains outlined letters, so its shape and spacing stay consistent.
Proportions
Scale the complete artwork proportionally. Align the top of the n with the smaller flame tip and the y descender with the bottom of the flame. Keep the flame upright and orange.
Minimum width: 92 px
At this width, the flame’s viewport is 27 pixels high. Use a larger logo when space allows. The standalone flame works well in compact spaces.
Clear space and gap
Here, u is 16 master SVG units. Leave at least u around the visible logo, clear of text, borders, and other graphics. The fixed gap between the flame and the first letter is 2u.
Use ink lettering on a light field and paper lettering on a dark field. Keep the logo clear of patterns and busy imagery.
Download asset specificationsFlame construction
A has 64-unit legs. B has 24-unit legs. D is a lower half-disk of radius 44, centered at c.
Coordinates and path
SVG coordinates run right and down.
| Point | Position | Role |
|---|---|---|
| s | (20, 76) | Left end |
| u | (84, 12) | Major apex |
| b | (84, 76) | Inner return |
| v | (108, 52) | Minor apex |
| t | (108, 76) | Right end |
| c | (64, 76) | Bowl center |
M20 76 L84 12 V76
L108 52 V76
A44 44 0 0 1 20 76 Z- Viewport
- 0 2 128 128
- Ink bounds
- x 14–114 / y 6–126
- Expanded band
- 12 units / round joins
- Bowl radii
- Outer 50 / inner 38
∂D ⊕ ∂A ⊕ ∂B = Γ
Represent each boundary as a set of edges. Symmetric difference keeps an edge that occurs once and removes an edge shared by two sets. Splitting the disk’s diameter at b cancels s–b and b–t, leaving one closed boundary.
The same set operation compares the edges of undirected routes.
In practice / 01
Interface patterns
These are interactive design examples. They do not connect to or modify network settings.
01 / Actions
Buttons
Use one primary action in a group. Use outlined buttons for secondary actions.
Choose an action to explore the pattern.
02 / Selection
Form fields
Use labels, a visible selected state, and a predictable keyboard focus.
Office network is enabled in this example.
03 / Technical detail
Connection status
Use Mono for identifiers and values. Combine a text label with a visual status.
Office networkethernet / eth0
Example: ready- IPv4 address
- 192.0.2.10/24
- Gateway
- 192.0.2.1
- MTU
- 1500
Resources / Downloads
Downloads
ZIPSVGJSONCSV
Reviewed fonts 0.507
All 28 styles in TTF and WOFF2. Includes CSS, build hashes, and validation reports.
Original flame
The orange master with a transparent background.
Library tokens
The brand palette and the spacing and type scales used on this site.
Character inventory 0.507
62,300 character and style mappings, with metrics and Unicode names.
Font release status
View individual glyph review
Read the font license
Read the asset notice
Font build 0.507
All 28 static styles are built from the reproduced 0.506 baseline with individually reviewed glyph and mark-positioning corrections. Each family includes seven weights, upright and italic. Metadata, shaping, geometry, technical-cell, and layout checks pass on this build.
The fonts are static and unhinted, licensed under SIL OFL 1.1. The netfyr name, flame, and standalone logo artwork remain reserved.
View build verificationView individual glyph review
Read the font license
Read the asset notice