Generated palette illustration. Exact project colors shown above.
An identity people can get behind.
A cybersecurity brand needs a coherent direction and a useful way to refine it. OOG developed responsive website directions, motion and pinned-feedback tools that keep design decisions connected to the work.
OOG’s contribution: Website and identity application, responsive design directions, motion presentation, consultation/intake interfaces and pinned-feedback workflow. The original logo was supplied by the client.
Intertwine explores a Web3 cybersecurity brand covering smart-contract review, monitoring and digital forensics. The work brings together an identity, several responsive website directions and animated branding, with interactive prototypes, mobile navigation and pinned feedback to support design review. The delivered client site presents a beta-stage smart-contract and Web3 security offer, with service and research explanations, contact paths and supporting careers/privacy/terms pages. A separate studio workspace contains the responsive design directions and review tools used to compare them. The client supplied the original logo; OOG’s contribution is its application and the surrounding website, motion and review experience.
What we built
Website · Brand application · Motion
An interlocking identity and multiple responsive design directions explore how the product should feel. The work includes interactive prototypes, mobile navigation and feedback tools that connect visual review to specific page details. The delivered client page uses Inter and a monochrome charcoal, white and gray system, with status colors confined to the illustrative verdict feed. The website, motion and review tools connect the technical presentation with a clear consultation journey.
- Identity & responsive design directions
- Interactive prototypes & mobile navigation
- Pinned feedback & review tools
- Web3 service and research explanations
- Consultation and review-intake journeys
- Desktop/phone direction previews
- Location-anchored notes, reactions and comparison summaries
Specific feedback. A stronger direction.
Pinned comments put the conversation on the part of the design it concerns.
Compare a direction in context.
The project includes multiple website concepts and responsive prototypes rather than a single static logo presentation. Mobile navigation and pinned comments make the concepts usable during review, keeping a design discussion attached to its location on the page.
A technical offer with a clear way in.
The client-facing site explains smart-contract review, vulnerability assessment, monitoring and forensics through responsive service sections, research explainers and consultation links. Native identity motion and an illustrative verdict feed establish the technical character; supporting careers, privacy and terms pages complete the presentation.
Keep a comment attached to the design.
Reviewers can open a direction at desktop or phone width, enter comment mode and pin a note or reaction to a page element. Pins retain element selectors and relative coordinates so the comment can track its location during scrolling or resizing. Direction ratings, general notes and a copyable summary complement those specific comments.
From an enquiry to useful context.
Source prototypes include structured security-review intake for a name, contact, review type and project details. The delivered site uses consultation email links and routes its audit CTA to BlockSec. Website and intake-interface work is distinct from operating a security scanner, proving an audit result or delivering a message.