Foundation tokens, component specifications, and alternate design explorations for the TI microsite. Based on the Figma file blueprint.
Brand — Navy + Blue
Primary Navy
#0B1F3B
Authority, footer, dark CTA
Light Navy
#1E3A5F
Secondary dark surfaces
Accent Blue
#2F80ED
CTA, links, overlays
Accent Hover
#1C6ED5
Button hover state
Neutrals (Refined B2B Palette)
Black
#0F172A
Primary headings
Gray 900
#1E293B
Body dark
Gray 700
#475569
Paragraph text
Gray 500
#64748B
Notes, meta text
Gray 300
#E2E8F0
Borders
Gray 200
#EEF2F7
Subtle backgrounds
Gray 100
#F8FAFC
Page background
White
#FFFFFF
Card, section background
Semantic
Value / Success
#059669
Value emphasis, success state
Destructive
#DC2626
Error, destructive actions
Display & Headings
Playfair Display
Serif typeface for H1–H2 headlines. Brings editorial authority and warmth to structural messaging. Weights 400–700.
Body & UI
Inter
Geometric sans-serif for H3, body, labels, and all UI elements. Exceptional readability at every size. Weights 300–700.
Most engineers see the space.
We see how the building actually works.
What Looks Simple Can Become Complicated Quickly
A Firm Built on Care, Trust, and Serious Work
Tenant improvements succeed when the existing building is understood, not assumed. NYA brings clarity to structure, constraints, and possibilities before decisions become costly.
Existing buildings rarely behave like clean templates. Years of prior modifications, hidden as-built discrepancies, and on-site adaptations mean the real condition is always particular. NYA tailors details to reduce field conflicts and construction-phase surprises.
Structural clarity before costly decisions.
4px Base Scale
Layout Tokens
Grid System
Button / Primary — Inter 15px Medium
Button / Secondary — Inter 15px Medium
On Dark Background
Eyebrow Label — Inter 11px Bold, 0.10em tracking
Feature Card — Culture Grid (radius-lg, shadow-1→4 on hover)
Client Advocacy
NYA takes client care seriously — listening closely, understanding what matters most, and working to protect those priorities throughout the project.
Make-It-Work Mindset
NYA translates architectural ambition into structural solutions that are coordinated, code-conscious, and constructible.
Communication That Reduces Pressure
NYA intercepts small gaps before they become delays — responding quickly and keeping clients informed even when a full answer requires more time.
Process Step Card — Horizontal Steps (center-aligned)
Understand the Building
Study the existing building on its own terms.
Identify Issues Early
Clarify constraints before decisions become expensive.
Tailor the Details
Shape details around actual field conditions.
Glass Card — Hero Overlay (backdrop-filter: blur 20px)
We look beneath the finish.
Structure, constraints, load paths, and hidden conditions are studied early so the design can move forward with confidence.
--radius-sm
8px — Buttons, tags
--radius-md
12px — Token cards, small panels
--radius-lg
16px — Feature cards, sections
--radius-xl
24px — Glass card, large panels
Color Palette Options
Authority and precision. Premium, institutional feel — best fit for a structural engineering brand.
Approachable confidence. Suits "care and craft" messaging — less institutional, more relationship-forward.
High-contrast modern tech feel — appropriate if targeting Class-A office tenants or tech company fit-outs.
Sustainability-forward. Suits ESG-aware clients, LEED-adjacent messaging, adaptive reuse projects.
Boutique firm energy. Distinguished from competitors. Higher personality — higher risk, higher reward.
Trust navy + gold accent. Signals established institutional credibility — common in legal and finance services.
Font Pairing Options
Before anything is built, we understand what already exists.
Structural clarity before costly decisions. NYA brings expertise to the details others assume.
Serif authority in headlines + geometric precision in body. Editorial, premium, timeless — matches the firm's depth without being cold.
Before anything is built, we understand what already exists.
Structural clarity before costly decisions. NYA brings expertise to the details others assume.
Optical-size serif with personality + modern humanist sans. High polish, distinctive — strong for agency-tier positioning without feeling generic.
Before anything is built, we understand what already exists.
Structural clarity before costly decisions. NYA brings expertise to the details others assume.
High-contrast elegant serif with italic headline emphasis + Montserrat body. Fashion-adjacent sophistication — strong for founder-story and brand narrative.
Before anything is built, we understand what already exists.
Structural clarity before costly decisions. NYA brings expertise to the details others assume.
Classic book serif with strong stroke contrast + neutral humanist sans. Authoritative and academic — conveys established credibility without feeling corporate.
Before anything is built, we understand what already exists.
Structural clarity before costly decisions. NYA brings expertise to the details others assume.
Screen-optimized editorial serif with fine detail + mechanical precision sans. Feels both intelligent and technical — ideal for an engineering firm with high visual standards.
Button Style Options
Current — Filled rectangle + Stroke secondary
Alt A — Pill shape
Alt B — With directional arrow
Alt C — On Navy (ghost outlined)
Hero — Option A (Light, Playfair Display H1)
Most engineers see the space. We see how the building actually works.
Tenant improvements succeed when the existing building is understood, not assumed. NYA brings clarity to structure, constraints, and possibilities before decisions become costly.
Structural clarity before costly decisions.
Hero — Option B (Dark Navy, italic Playfair Display)
Before anything is built, we understand what already exists.
NYA brings structural clarity before decisions become costly.
Final CTA Section (Navy gradient, center-aligned)
Work With a Team That Takes TI Seriously
Bring NYA into the conversation early and give your project a clearer path through design, review, approval, and construction.
Problem Cards — Section 03 (Gray 100 background)
What Looks Simple Can Become Complicated Quickly
Hidden Structural Risk
Early decisions made without enough structural clarity lead to avoidable complications.
Generic Engineering Assumptions
Treating the building like a template misses details that reflect how it actually works.
RFIs, Rework, and Delays
Unclear drawings that miss actual conditions create field conflicts during construction.
Process Steps — Section 04 (5-column, White background)
What Doing Tenant Improvements Right Looks Like
A well-run TI project starts with understanding the building, identifying constraints early, and keeping communication clear from design through construction.
Understand the Building
Study the existing building on its own terms.
Identify Issues Early
Clarify constraints before decisions become expensive.
Tailor the Details
Shape details around actual field conditions.
Coordinate Clearly
Keep structural team, architect, contractor, and owner aligned.
Move With Confidence
Support review, approval, and construction with fewer surprises.