Skip to content
KITREX
Style
Kitrex foundation · renter web platform
Style

Kitrex foundation system

Tokens, primitives, motion wrappers, and states for future renter features.

Foundation

Tokens

Black

#000000

White

#FFFFFF

Brand red

#DF0000

Surface

#0B0B0B

Type scale

Bounded display

Nunito Sans body heading

Readable body copy for renter journeys.

Caption / helper text

Foundation

Actions

Foundation

Forms

Select

Foundation

Surfaces

Card

Reusable elevated surface.
BadgeSuccessWarning

Avatar and divider

Foundation

Feedback

Loading
    ×

    EmptyState

    No foundation data is required to render this state.

    Foundation

    Motion

    Reveal

    Reveal animates transform and opacity only, and renders static under reduced motion.
    Fast
    Reduced-aware
    Tokenized

    Foundation

    Primitive inventory

    • Button
    • IconButton
    • Input
    • Textarea
    • Select
    • Card
    • Badge
    • Chip
    • Avatar
    • Skeleton
    • Spinner
    • Container
    • Divider
    • Modal
    • Sheet
    • Toast
    • EmptyState