Revolutionizing Patient Data Access with Secure REST APIs
A leading professional services firm required a sophisticated solution to access data...
Retail
Integration Across 200+ Clinics with a Single API Layer
Epic (EpicCare) is the clinical backbone for most major healthcare organizations...
Technology
The Challenge Wasn’t Just Technical — It Was Organizational
Instantly expose your DynamoDB tables through a secure, documented REST API...
10. Class Naming Conventions
Flat, direct names — no BEM, no prefixes
Classes describe what they are, not where they live. No underscores for modifiers, no parent__child patterns. If it’s a button, it’s .cta-green — not .hero__cta--green
.cta-green
.flexbox-v
.body4
.spacer-32px
.navbar-link
.footer-link
Typography: semantic scale names
Headings use .h1 through .h6 — applied as utility classes, independent of HTML tag. Body text follows the same pattern: .body1 through .body4, plus .eyebrow and .footnote.
.h1 → .h6
Inter Tight · size decreasing · weight 500–600
.body1 → .body4
Inter · size decreasing · weight 400
Spacing: explicit pixel values
Spacers use exact pixel values in the class name — no abstract sizes like "small" or "medium". The value IS the name. Applied as empty divs for vertical rhythm.
.spacer-12px
.spacer-16px
.spacer-24px
.spacer-32px
Same pattern for gaps: .gap-8px.gap-16px.gap32px.gap-48px
Color utilities: hex in the class name
Text color overrides use the actual hex value as the class name. No "primary", "secondary" abstractions — the color IS the identifier.
.color222 → color: #222
.color444 → color: #444
.color-555 → color: #555
.color-ff8c5a → color: #ff8d5c
Layout: functional class names
Layout classes describe their function. Flex? It’s .flexbox. Vertical flex? .flexbox-v. Centered? Add .center. Columns use an underscore-number prefix: ._3col, ._7col, ._8col.
Flex direction
.flexbox → row .flexbox-v → column
Alignment modifiers
.center → both axes .flexbox-space → space-between
Column widths
._3col → 292px ._7col → 724px ._8col → 832px
Grid shorthand
._2col-grid → 1fr 1fr, gap 32px
CTAs: color is the variant
Button classes follow .cta-{color} pattern. Each shares the same shape (pill, 100px radius, 12px 22px padding, 14px SemiBold) — only the background changes. Hover states cross-swap colors.
.cta-green → bg: #35a86e, hover → coral
.cta-orange → bg: #ff8d5c, hover → green
.cta-blue → bg: #29b5e8 (Snowflake pages)
.cta-outline → border only, coral
Section structure: wrapper → container → content
Every page section follows this DOM pattern. The .section-n wrapper controls background and padding. The .container constrains width. Content flows inside with spacer divs for vertical rhythm.
Revolutionizing Patient Data Access with Secure REST APIs
Placeholder, a leading professional services firm, required a sophisticated solution to access and utilize data from their Deltek Costpoint ERP Oracle database.
EM
ExxonMobil
Read Case Study →
Retail
Integration Across 200+ Clinics with a Single API Layer
Epic (EpicCare) is the clinical backbone for most major healthcare organizations. Yet, for developers, accessing Epic data remains one of the most complex challenges.
D
Deloitte
Read Case Study →
Technology
The Challenge Wasn’t Just Technical — It Was Organizational
Instantly expose your DynamoDB tables through a secure, documented REST API in just minutes. That’s exactly what DreamFactory integration delivers.
DA
D.A Davidson
Read Case Study →
Healthcare
Unified API Layer for Patient Records Across Dozens of Facilities
A major healthcare network needed to unify data from legacy ERP systems across dozens of facilities while maintaining HIPAA compliance and sub-second response times.
MC
Mayo Clinic
Read Case Study →
Manufacturing
From Legacy SOAP to Modern REST in Weeks
An industrial manufacturer was losing engineering hours maintaining custom integrations between SAP, shop-floor IoT sensors, and BI dashboards. DreamFactory automated it all.
S
Siemens
Read Case Study →
Government
Secure Data Exchange at Scale for Federal Compliance
A federal agency needed a FedRAMP-compliant platform to expose controlled data sets via REST APIs while enforcing role-based access across multiple clearance levels.
US
US DoD
Read Case Study →
Item Page — Latest Case Studies (horizontal)
Finance
Revolutionizing Patient Data Access with Secure REST APIs
Placeholder, a leading professional services firm, required a sophisticated solution to access and utilize data from their Deltek Costpoint ERP Oracle database.
EM
ExxonMobil
Read Case Study →
Healthcare
Unified API Layer for Patient Records Across Dozens of Facilities
A major healthcare network needed to unify data from legacy ERP systems across dozens of facilities while maintaining HIPAA compliance.
MC
Mayo Clinic
Read Case Study →
Government
Secure Data Exchange at Scale for Federal Compliance
A federal agency needed a FedRAMP-compliant platform to expose controlled data sets via REST APIs while enforcing role-based access.
US
US DoD
Read Case Study →
DreamFactory Design System · New Design by Mikołaj