Iron Men Properties · Glass × Clay world · v2 — dual theme
Style & UI guide
The complete atomic vocabulary for the rebuild: gradient-lifted green on fills, glass in two strengths, five radii, and every element a site or web app build reaches for. Toggle the theme — every recipe resolves through semantic tokens in both modes.
Colors
Semantic tokens flip with the theme. Accent text is green-hot on dark and green-deep on light — vivid green never carries text on light grounds.
Gradients
Green lives as light across a surface, not a flat chip: three sanctioned ramps, applied to fills only — never to text (emphasis comes from weight and size).
The glass material
Blur 20px, 1px line, lit rim. Standard on quiet grounds; strong is the legibility floor over photography.
Typography
Body 18 — Developing and operating multi-family housing for God's glory, built with Indiana cities and owned for good.
Radii
Icons
One stroke family, 1.9px, round caps. Tiles use grad-tint fills.
Motion
The focal move is condensation — glass arrives by focusing from blur, once, on entry. Everything else is feedback: ≤250ms state changes, moving light on green fills, exits faster than entrances. Reduced-motion renders everything settled.
ENERGY STAR at Anvil 38
Request plan set?
Buttons & links
Primary carries grad-green with the lit rim; hover brightens and lifts. Danger is reserved for destructive confirmation.
Inline: read the ENERGY STAR announcement.
Badges, chips & tags
Forms
Navigation
Stats & progress
Pucks carry a gradient hairline crown; numerals stay solid accent-text (no gradient text, ever).
developments across Indiana
ownership retained, always
record Carroll County investment
Cards
Image card (plate overlay), content card, horizontal card, quote card, team card. All on panel radius with card shadow.
The Interurban
68 new homes — the first residential development in Delphi in decades.
View project
451 Lebanon
Downtown revitalization, still operated by Iron Men.
“We couldn't ask for a better citizen, a better corporate partner.”Tony RoswarskiMayor of Lafayette
Galleries
Uniform grid for project galleries; masonry for the sitewide gallery; carousel with controls for featured strips. Tiles zoom on hover; lightbox opens on click in the build.
Features
Two grammars: accent-crowned tiles for triads, ledger rows for longer lists. Icons from the house set only.
Develop
Site identification and capital stacks in partnership with local government.
Construct
Modern design with quality workmanship and materials.
Own & operate
100% ownership retained; managed and maintained by us, for good.
Direct partnership
We work with mayors and county officials from first site walk to ribbon cutting — one team, no handoffs.
Operated locally
Every property keeps a local management presence after opening; residents call people, not portals.
Lists, rows & tables
| Project ↓ | Location | Stage | Plan set |
|---|---|---|---|
| The Interurban | Delphi, Indiana | Completed | |
| Anvil 38 | Lafayette, Indiana | Completed | On request |
- Units
- 68
- Investment
- $12.5M
- Partners
- Carroll County · City of Delphi · State of Indiana
Tabs, accordion & steps
Who can access the planroom?
Do you sell your properties?
Site & partnership
City partnership formed, site secured.
Construction
Built by our own team, on our own balance sheet.
Operate forever
Leasing, maintenance, and community — held for good.
Overlays
Modal for confirmations; menu for dropdowns; tooltip for terms; toast for async results. All glass-strong so content behind never fights the message.
Feedback & states
No projects match
Try clearing the location filter.
Media
Map embed · Delphi, Ind.
Wayfinding & routing
The navigation furniture detail pages need: skip link (first tab stop), sticky project subnav, prev/next travel, the audience router, and the gallery lightbox.
The Interurban · 3 of 14
Prose
The rich-text vocabulary CMS content renders into — 68ch measure, tinted blockquotes with attribution, green list markers, panel-radius figures, and the callout. No other article styling exists.
Certified, verified, operated
Anvil 38’s ENERGY STAR score of 96 places it in the top 4 percent of comparable buildings nationwide — verified performance, not projection.
- Weather-normalized source energy use
- Actual performance over twelve months
“From the boiler room to the board room, organizations are leading the way.”
Section patterns
Uplifting communities one apartment at a time.
Your city could be next.
Stay in the loop
Groundbreakings and grand openings, a few times a year.
Uplifting communities by developing and operating multi-family housing for God's glory.
Tokens
Semantic first: components reference these names, never raw values. Light mode redefines the same names.
bg #101110→#F1F1ED bg-2 #191B17→#FFF bg-3 #22241F→#E7E8E2 fg #F3F4F0→#161710
accent #6ABF4B (both) · accent-text #8FDD6E→#2F6519 · on-accent #0B2003
grad-green 160° #8FDD6E→#6ABF4B→#519E35 (light: #7ECF5C→#63B845→#4C9A31) — fills only
grad-green-deep (bands) · grad-tint (hovers, badge fills)
glass .45→.55 white · glass-strong .62→.80 white · line 20%→16% · rim white inset 1.5px
radii 1.6/1.3/1.1/0.9/0.8 · icons 1.9px stroke round\nmotion: ease cubic-bezier(.16,1,.3,1) · 150ms feedback / 250ms state / 400ms overlay / 600ms condense\ncondense = opacity+rise+blur→0, entrance only, once · stagger caps at 4 siblings ≤270ms\nreduced-motion: entrances settled, feedback instant, loops stopped
rules: gradient on fills never text · vivid green never text-on-light · glass-strong over photos