Preview image. Unlock full-res
Dark two-column feature section pairing terminal commands and language icons on the left with a large TypeScript editor on the right.
Summary
A feature block for data packages that stacks three short value props with CLI and IDE visuals across a dark split layout.
Visual description
Dark navy-charcoal background. Section title at top in large white sans: Data packages � read replicas with a twist. Below, two uneven columns. Left column stacks two feature blocks: Publish effortlessly with a small terminal window showing $ dpm publish customer-account-360, then Build confidently with a horizontal row of language logos (Python, C#, GraphQL, and one more partially visible). Right column is dominated by a large code editor chrome labeled first_query.ts with breadcrumb path, syntax-highlighted TypeScript import and main function on dark editor background; beneath it, Query instantly with supporting copy about importing packages without boilerplate. All subheads are short verb phrases in white; body copy is smaller gray sans.
Key takeaway
Pairing a single oversized real code file with bite-sized CLI moments so technical buyers see both workflow speed and in-editor ergonomics. The three-prop rhythm (publish, build, query) maps cleanly onto a split without feeling like a generic icon grid.
Reuse notes
Reference for data or API products selling developer experience. Right column needs a legible, realistic snippet; left terminal commands should match actual CLI naming. Dark treatment assumes the surrounding page stays in the same mode.
