First CH Designs
JA

Design Gallery

Good UI, in a reproducible form.

UI designs from First CH's production work, stocked with source code and an AI Script. Copy one straight into your next project.

6 designs / 3 categories

Elements4

BDG-01

Status Badge

Badges for showing state in dashboards and lists — soft tinted background plus a dot, in four states.

Elements
BTN-01

Standard Buttons

The three baseline buttons for white-background sites: primary (amber), secondary (outlined), and text — three levels of emphasis.

Elements
CRD-01

Feature Card

A link card for service or feature lists: icon chip, heading, and description, with a subtle lift on hover.

Elements
INP-01

Text Field

The baseline form input for contact forms — normal and error states, with label, helper text, and error message.

Elements

Typography1

TYP-01

Section Heading

A heading set for the top of page sections: uppercase eyebrow, heading, lead paragraph, and a short amber rule.

Typography

Blocks1

BLK-01

CTA Banner

A call-to-action block for the bottom of a page: soft amber gradient panel with eyebrow, heading, and two buttons. A section-level specimen, not a component.

Blocks