TSX Branding Page

Rhino Rails Branding Guidelines

This is a custom branding page created with TypeScript and React components.

Brand Colors

Primary

Secondary

Danger

Warning

Info

Success

Light

Dark

---

Button Guidelines

This is a custom branding page created with TypeScript and React components.

Basic

Button

Hierarchy

Primary Secondary Tetriary

Contextual

Success Danger Warning Info

Neutral

Light Dark

Sizing

Button Button Button

Rounded

Button Button Button

Outline

Button Button Button

Outline rounded

Button Button Button

Floating

Floating outline

Fixed buttons

Button block

Button Button

With icon

Button

Disabled

Button

---

Color Guidelines

This is a custom branding page created with TypeScript and React components.

Primary (#1b1b1b)

Secondary (#fbbf24)

Success (#0e7235)

Danger (#800000)

Warning (#e4a11b)

Info (#54b4d3)

Light (#f9fafb)

Dark (#1f2937)

---