01
Legacy Modernization
Modernize existing systems in manageable stages, without disrupting operations.
BRAND GUIDELINES
PinoTechRD Design System
A comprehensive guide to the PinoTechRD visual language, built on precision, connection, and technical excellence.
1. COLOR PALETTE
Brand Colors
Our color system is built on four core colors representing the pipeline, the node, and the regional identity. Use the 60-25-10-5 rule to maintain visual balance.
Midnight Navy
#0F1E3D
Primary brand color for wordmarks and body text
Teal Pipeline
#14B8A6
The horizontal cut through the P — representing flow and connection
Mint Node
#3DDC97
The dot on the i — the network node, used sparingly for emphasis
Cobalt RD
#1E40AF
Regional accent for "RD" — the Dominican Republic anchor
2. TYPOGRAPHY
Type System
Headings
H1 - 60px Bold
H2 - 48px Bold
H3 - 36px Bold
H4 - 24px Semibold
Body
Body text at 16px with 1.6 line height for optimal readability in enterprise contexts.
Small body text for captions, metadata, and supporting content.
Monospace for technical content
3. BUTTONS
Buttons
4. CARDS
Card Components
02
Operational Platforms
Bring cases, tasks, and reporting into one system your team works from.
03
Workflow Automation
Automate repetitive steps so the team recovers hours every week.
Ready to Implement?
Use this design system as the foundation for all PinoTechRD digital experiences.
