T
    Design System v4.0
    BrandColorsTypeComponents
    Back to Site
    Production Ready

    Authority.
    Performance.

    A premium design language for the automotive aftermarket industry. Built for confidence, clarity, and speed.

    Performance

    Fast interactions. High-octane visuals. Every millisecond counts.

    Authority

    Confident typography. Clear hierarchy. We lead, we don't follow.

    Clarity

    Direct communication. No fluff. Information is accessible.

    Premium

    Sophisticated details. Generous space. Quality in every pixel.

    System Token

    Color System

    Our palette uses semantic tokens mapped to functional roles. We rely on a bold 'Performance Red' for action, balanced by sophisticated warm neutrals.

    Primary Action

    --color-primary
    Primary
    #DC2626
    bg-primary
    Primary Light
    #EF4444
    bg-primary-light
    Primary Active
    #991B1B
    bg-primary-active
    Primary Faint
    RGBA(220,38,38,0.08)
    bg-primary-faint

    Surfaces & Backgrounds

    Base White
    #FFFFFF
    bg-bg-base
    Surface
    #F9FAFB
    bg-bg-surface
    Raised
    #F3F4F6
    bg-bg-raised
    Dark
    #0F1419
    bg-bg-dark

    Typography Colors

    Aa

    Aa

    Text Primary

    text-text-primary

    Aa

    Text Secondary

    text-text-secondary

    Aa

    Text Muted

    text-text-muted

    Aa

    Text Inverse

    text-text-inverse

    System Token

    Typography

    We use Inter for clarity and JetBrains Mono for precision. Our type scale is aggressive, designed to create immediate hierarchy and impact.

    Aggressive

    Design System

    Display

    Performance

    Heading 1

    Building the Future

    Heading 2

    Digital Strategy

    Heading 3

    Core Services

    Heading 4

    Technical Specs

    Body Text

    Body Largetext-body-l

    Thickrim is a digital transformation partner for growing businesses. We handle everything from website design to infrastructure.

    Body Basetext-body

    Most businesses waste time coordinating between their web agency, marketing company, and IT provider. We eliminate that complexity with a single partnership.

    Captiontext-caption

    FIGURE 1.2 - GROWTH TRAJECTORY

    Font Families

    Inter

    --font-sans

    Primary Interface Font

    JetBrains Mono

    --font-mono

    Data & Code

    Caveat

    --font-hand

    Human Touch

    System Token

    Components & Patterns

    Atomic elements designed for interaction. Consistent states, clear affordances, and accessible patterns.

    Navigation & Cards

    Breadcrumbs

    1. Home
    2. Style Guide

    Displays the current page hierarchy.

    Portfolio Card

    Sample Project

    Sample Project

    Digital Transformation

    DesignDevelopment
    View case study

    Used to display case studies in a grid layout.

    Service Card

    Web Development

    Performance-first websites built on modern stacks.

    Learn more

    Interactive card for service listings.

    Buttons

    @/components/ui/button

    Inputs

    @/components/ui/input
    Required

    Please enter a valid email.

    Rich Components

    Performance First

    We build digital experiences that load instantly and convert immediately. No bloat, just results.

    Data Driven

    Every decision is backed by analytics and user behavior data.

    Growth Metric

    Testimonial

    "Thickrim transformed our fragmented digital presence into a cohesive, high-performance engine. We've seen a 300% increase in qualified leads."
    JD
    John Doe
    CEO, AutoPerformance Inc.

    Data Card

    TOTAL REVENUE

    $124,500

    +12.5%
    $40k
    $65k
    $45k
    $80k
    $55k
    $90k
    $70k
    MONSUN

    Ready to implement?

    Use these tokens to build consistent, high-quality interfaces that reflect the Thickrim brand authority.

    THICKRIM

    Strategic digital agency transforming ambitious Chicagoland brands into revenue-generating market leaders.

    Chicago, IL
    (708) 417-5982
    contact@thickrim.com

    Follow Us

    Capabilities

    • Software Development
    • Website Design & Dev
    • Mobile App Development
    • Digital Marketing
    • SEO Services
    • PPC Advertising
    • Brand Identity & Design
    • View All Capabilities →

    Services

    • Monthly Website Maintenance
    • Build Custom Websites
    • Optimize SEO Performance
    • Manage Paid Advertising
    • Automate Marketing Campaigns
    • Design Brand Identity
    • Secure Your Infrastructure
    • View All Services →

    Company

    • About
    • Careers
    • Contact
    • Project Inquiry
    • Status

    © 2025 THICKRIM LLC. All rights reserved.

    Privacy & ComplianceTerms of ServiceSitemap