8 brands · 2 tones
Themes
Each card is one (brand, tone) emit — same role surface, different values. Switch the live preview from the header; the rest of the site re-themes in place.
avalag10
background#ffffff
layer-02#f5f5f5
field-01#f7f9fc
interactive#ff5c00
support-success#50cc3d
support-warning#f7b100
support-error#d93636
support-info#6fc1e0
avalag100
background#121212
layer-02#1e1e1e
field-01#1e1e1e
interactive#ff5c00
support-success#50cc3d
support-warning#f7b100
support-error#d93636
support-info#6fc1e0
chatg10
background#ffffff
layer-02#f5f5f5
field-01#f7f9fc
interactive#a422e1
support-success#50cc3d
support-warning#f7b100
support-error#d93636
support-info#6fc1e0
chatg100
background#121212
layer-02#1e1e1e
field-01#1e1e1e
interactive#a422e1
support-success#50cc3d
support-warning#f7b100
support-error#d93636
support-info#6fc1e0
investorg10
background#ffffff
layer-02#f5f5f5
field-01#f7f9fc
interactive#0f62fe
support-success#50cc3d
support-warning#f7b100
support-error#d93636
support-info#6fc1e0
investorg100
background#121212
layer-02#1e1e1e
field-01#1e1e1e
interactive#0f62fe
support-success#50cc3d
support-warning#f7b100
support-error#d93636
support-info#6fc1e0
learningg10
background#ffffff
layer-02#f5f5f5
field-01#f7f9fc
interactive#ff5c00
support-success#50cc3d
support-warning#f7b100
support-error#d93636
support-info#6fc1e0
learningg100
background#121212
layer-02#1e1e1e
field-01#1e1e1e
interactive#ff5c00
support-success#50cc3d
support-warning#f7b100
support-error#d93636
support-info#6fc1e0
neutralg10
background#ffffff
layer-02#f5f5f5
field-01#f7f9fc
interactive#9c9fa6
support-success#50cc3d
support-warning#f7b100
support-error#d93636
support-info#6fc1e0
neutralg100
background#121212
layer-02#1e1e1e
field-01#1e1e1e
interactive#9c9fa6
support-success#50cc3d
support-warning#f7b100
support-error#d93636
support-info#6fc1e0
operationsg10
background#ffffff
layer-02#f5f5f5
field-01#f7f9fc
interactive#22a028
support-success#50cc3d
support-warning#f7b100
support-error#d93636
support-info#6fc1e0
operationsg100
background#121212
layer-02#1e1e1e
field-01#1e1e1e
interactive#22a028
support-success#50cc3d
support-warning#f7b100
support-error#d93636
support-info#6fc1e0
payg10
background#ffffff
layer-02#f5f5f5
field-01#f7f9fc
interactive#a422e1
support-success#50cc3d
support-warning#f7b100
support-error#d93636
support-info#6fc1e0
payg100
background#121212
layer-02#1e1e1e
field-01#1e1e1e
interactive#a422e1
support-success#50cc3d
support-warning#f7b100
support-error#d93636
support-info#6fc1e0
ticketsg10
background#ffffff
layer-02#f5f5f5
field-01#f7f9fc
interactive#5ea4be
support-success#50cc3d
support-warning#f7b100
support-error#d93636
support-info#6fc1e0
ticketsg100
background#121212
layer-02#1e1e1e
field-01#1e1e1e
interactive#5ea4be
support-success#50cc3d
support-warning#f7b100
support-error#d93636
support-info#6fc1e0