Skip to content
CtrlK

ArdoBrandConfig

On this page
import type { ArdoBrandConfig } from "ardo/config"

type ArdoBrandConfig = {
    /** Main brand hue used by primary accents and calls to action. */
    color?: ArdoBrandHue;
    /** Accent hue used by secondary accents and code surfaces. Defaults from color. */
    accent?: ArdoBrandHue;
    /** Neutral chrome hue used by backgrounds, borders, text, header, and sidebar. */
    neutral?: ArdoBrandHue;
    /**
     * Saturation of the hue-derived colors. `1` keeps the default, `0.4` mutes the
     * palette, `0` turns it gray. A number applies to color and accent.
     */
    chroma?: ArdoBrandChroma;
    /** Header logo path/URL, optionally with light/dark variants. */
    logo?: ArdoBrandLogo;
};

Properties

NameTypeRequiredDescription
colorArdoBrandHueNoMain brand hue used by primary accents and calls to action.
accentArdoBrandHueNoAccent hue used by secondary accents and code surfaces. Defaults from color.
neutralArdoBrandHueNoNeutral chrome hue used by backgrounds, borders, text, header, and sidebar.
chromaArdoBrandChromaNoSaturation of the hue-derived colors. 1 keeps the default, 0.4 mutes the
palette, 0 turns it gray. A number applies to color and accent.
logoArdoBrandLogoNoHeader logo path/URL, optionally with light/dark variants.