Connected with precision.
The digital expression of SFox Miltech.
Open actions. Deliberate connections. Depth in motion.
The unchanged corporate brand book follows this chapter.
A NETWORK, GIVEN PURPOSE.
One connection.
Two anchors.
The parent identity connects people through a geometric network. Junction makes a clear relationship from that network: a fixed origin, an angular path and a destination that receives the connection.
- Angular branches
- A single 30° change of direction, square stroke ends and consistent optical weight. No floating branches.
- Anchored terminals
- Circular endpoints echo the original fox's connected dots. The start is grounded; the destination begins open.
- A completed connection
- Hover traces part of the path. Pressing connects the route and fills the destination. Every piece has a role.
The fox is an existing brand asset, used unchanged. Junction is an interface motif; it does not replace or redraw the logo.
OPEN BRACKETS. CLEAR ACTIONS.
Angled side brackets and a quiet dark face make the full target clear. The top and bottom remain open. The label stays still while the connection responds.
Quieter colour and an open destination. Shared proportions keep the family recognisable.
A compact connection and lighter label. The same open bracket frame, with quieter endpoints and the same deliberate response.
Short, direct verbs. Natural label wrapping in every language. Clickable geometry and words form one control.
RESPOND WITH PRECISION.
Grounded origin. Open destination.
A quiet path establishes the relationship.
The brackets and orange accent brighten.
Orange traces 68% of the path; the label stays still.
A visible focus boundary.
Accessibility takes priority.
The route completes and the node fills.
A 600 ms acknowledgement, then reset.
Motion responds to intent without delaying the action. Touch works on the first tap. Keyboard and reduced-motion states are explicit; disabled controls remain inactive. The connection acknowledges interaction, not a submitted enquiry.
CONNECT. DON'T DECORATE.
Your local
operation.
Your
Augmented Site.
Lines carry meaning.
A route connects named locations or stages. Its endpoints belong to those elements. Leave a clear gap before text.
Direction lives in movement.
When useful, a short travelling highlight reveals the connection. Static views keep both endpoints and the full explanation.
Use marks with restraint.
An angled cut can introduce a section. A junction can identify an action. No repeated decorative frames or pseudo-technical telemetry.
DEPTH THAT YOU FEEL.
01 / Field imageTHE MISSION.02 / Headline
MILTECH03 / IdentityOne composition.
Different depths.
Photography moves more slowly through the page. The headline and oversized identity move at separate rates. The following section passes in front, creating a natural handover.
- Desktop
- Photo +24% of scroll distance; title -9% (maximum 56 px); identity -17%.
- Phone
- Photo +9%; title -5.5% (maximum 20 px); identity -7%. Shorter movements, full readability.
- Reduced motion
- All layers remain in their resting positions. The complete composition and all content remain available.
No scroll hijacking, forced camera movement or essential copy revealed only by animation. Talent photography uses the same layered principle.
THE SIGNAL AND THE SILENCE.
WITH PURPOSE.
Barlow Condensed 600 / display
Manrope / reading and controls
Oswald / Ukrainian display
Large headlines establish the subject. Supporting copy earns its space. Brand spelling in text: SFox and SFox Miltech.
English, Ukrainian, German, French and Spanish share one system. Allow different line breaks and control widths; never shrink a language simply to match an English silhouette.
BUILT TO STAY COHERENT.
Discipline makes
the expression.
Use the motif where a person takes action or where a relationship needs explanation. Let photography, space and typography do the rest.
- Keep the original fox mark intact.
- Use native links and buttons with visible focus.
- Provide motion-free and readable static states.
- Keep hover optional and touch targets generous.
- Use one clear hierarchy, not a wall of controls.
Implementation reference
The preview uses expression.css for Junction controls, connection-controls.js for activation feedback, and depth-motion.js for layered scrolling. The five language editions share these components.
Source and continuity
SFox Brandbook (RGB), 2020: logo rationale on page 3, orange on page 9, network pattern on pages 18-19. The original 24 pages follow unchanged.
Edition scope
This chapter governs the Miltech website's digital expression. Original corporate typography and applications remain documented in the reference appendix. Review this extension before applying it to other SFox brands.
Photographic study: Skyeton Press Office, Raybird UAV takeoff. A concept reference, not a partnership claim.