Design system
Occasion themes
Caro dresses up for 31 occasions. An occasion changes four things: the CTA fill, a 4px ribbon above the page, the hero art and the event banner. Links, copy and the brand mark stay Caro. Every fill must give white text at least 4.5:1; the build fails if one does not.
Preview any page by adding ?occasion=<id> (and optionally
&theme=dark) to its URL. Nothing is saved.
Holidays
Opt-in. Visitors choose them from the navigation while the holiday is in season.
-
Christmas
Dec 1 – Dec 25 2026 · opt-in
Get Startedchristmas- White on fill
- 6.64:1 AA
- Ink on paper
- 5.84:1
- Ink on dark
- 5.65:1
Preview home: light mode, Christmas dark mode, Christmas
-
Hanukkah
Dec 4 – Dec 12 2026 · opt-in
Get Startedhanukkah- White on fill
- 8.72:1 AA
- Ink on paper
- 7.68:1
- Ink on dark
- 5.72:1
Preview home: light mode, Hanukkah dark mode, Hanukkah
-
New Year
Dec 31 – Jan 1 2026 · opt-in
Get Startednewyear- White on fill
- 9.90:1 AA
- Ink on paper
- 8.72:1
- Ink on dark
- 5.79:1
Preview home: light mode, New Year dark mode, New Year
-
Diwali
Nov 6 – Nov 11 2026 · opt-in
Get Starteddiwali- White on fill
- 6.98:1 AA
- Ink on paper
- 6.15:1
- Ink on dark
- 5.68:1
Preview home: light mode, Diwali dark mode, Diwali
-
Holi
Mar 2 – Mar 4 2026 · opt-in
Get Startedholi- White on fill
- 6.04:1 AA
- Ink on paper
- 5.32:1
- Ink on dark
- 5.73:1
Preview home: light mode, Holi dark mode, Holi
-
Lunar New Year
Feb 13 – Feb 27 2026 · opt-in
Get Startedlunar-new-year- White on fill
- 6.47:1 AA
- Ink on paper
- 5.70:1
- Ink on dark
- 5.80:1
Preview home: light mode, Lunar New Year dark mode, Lunar New Year
-
Mid-Autumn Festival
Sep 23 – Sep 26 2026 · opt-in
Get Startedmid-autumn- White on fill
- 7.31:1 AA
- Ink on paper
- 6.44:1
- Ink on dark
- 5.78:1
Preview home: light mode, Mid-Autumn Festival dark mode, Mid-Autumn Festival
-
Eid
Mar 19 – Mar 22 2026 and May 26 – May 29 2026 · opt-in
Get Startedeid- White on fill
- 5.48:1 AA
- Ink on paper
- 4.83:1
- Ink on dark
- 5.69:1
Preview home: light mode, Eid dark mode, Eid
National days
Opt-in, and only offered to visitors in that country.
-
Independence Day (US)
Jul 1 – Jul 4 2026 · opt-in
Get Startedjuly-4th- White on fill
- 6.62:1 AA
- Ink on paper
- 5.83:1
- Ink on dark
- 5.71:1
Preview home: light mode, Independence Day (US) dark mode, Independence Day (US)
-
Canada Day
Jun 28 – Jul 1 2026 · opt-in
Get Startedcanada-day- White on fill
- 5.88:1 AA
- Ink on paper
- 5.18:1
- Ink on dark
- 5.77:1
Preview home: light mode, Canada Day dark mode, Canada Day
-
Bastille Day
Jul 10 – Jul 14 2026 · opt-in
Get Startedbastille-day- White on fill
- 7.41:1 AA
- Ink on paper
- 6.52:1
- Ink on dark
- 5.80:1
Preview home: light mode, Bastille Day dark mode, Bastille Day
-
German Unity Day
Oct 1 – Oct 3 2026 · opt-in
Get Startedgerman-unity- White on fill
- 6.48:1 AA
- Ink on paper
- 5.71:1
- Ink on dark
- 5.79:1
Preview home: light mode, German Unity Day dark mode, German Unity Day
-
Yom Ha'atzmaut
Apr 22 2026 · opt-in
Get Startedyom-haatzmaut- White on fill
- 9.30:1 AA
- Ink on paper
- 8.19:1
- Ink on dark
- 5.65:1
Preview home: light mode, Yom Ha'atzmaut dark mode, Yom Ha'atzmaut
-
UAE National Day
Dec 1 – Dec 3 2026 · opt-in
Get Starteduae-national-day- White on fill
- 6.01:1 AA
- Ink on paper
- 5.29:1
- Ink on dark
- 5.63:1
Preview home: light mode, UAE National Day dark mode, UAE National Day
-
Indonesian Independence Day
Aug 14 – Aug 17 2026 · opt-in
Get Startedindonesia-independence- White on fill
- 5.88:1 AA
- Ink on paper
- 5.18:1
- Ink on dark
- 5.77:1
Preview home: light mode, Indonesian Independence Day dark mode, Indonesian Independence Day
-
Philippine Independence Day
Jun 10 – Jun 12 2026 · opt-in
Get Startedphilippines-independence- White on fill
- 9.85:1 AA
- Ink on paper
- 8.68:1
- Ink on dark
- 5.86:1
Preview home: light mode, Philippine Independence Day dark mode, Philippine Independence Day
Humanity events
Automatic banner on the day or month. Six monthly events also theme the site.
-
Martin Luther King Jr. Day
January 19 · banner
Get Startedmlk-day- White on fill
- 12.14:1 AA
- Ink on paper
- 10.69:1
- Ink on dark
- 5.79:1
Preview home: light mode, Martin Luther King Jr. Day dark mode, Martin Luther King Jr. Day
-
Black History Month
February · banner + theme
Get Startedblack-history-month- White on fill
- 6.57:1 AA
- Ink on paper
- 5.78:1
- Ink on dark
- 5.75:1
Preview home: light mode, Black History Month dark mode, Black History Month
-
International Women's Day
March 8 · banner
Get Startedwomens-day- White on fill
- 8.72:1 AA
- Ink on paper
- 7.68:1
- Ink on dark
- 5.83:1
Preview home: light mode, International Women's Day dark mode, International Women's Day
-
Women's History Month
March · banner + theme
Get Startedwomens-history-month- White on fill
- 7.10:1 AA
- Ink on paper
- 6.26:1
- Ink on dark
- 5.69:1
Preview home: light mode, Women's History Month dark mode, Women's History Month
-
Earth Day
April 22 · banner
Get Startedearth-day- White on fill
- 5.02:1 AA
- Ink on paper
- 4.53:1
- Ink on dark
- 5.76:1
Preview home: light mode, Earth Day dark mode, Earth Day
-
Asian American, Native Hawaiian and Pacific Islander Heritage Month
May · banner + theme
Get Startedaapi-heritage-month- White on fill
- 5.47:1 AA
- Ink on paper
- 4.82:1
- Ink on dark
- 5.76:1
Preview home: light mode, Asian American, Native Hawaiian and Pacific Islander Heritage Month dark mode, Asian American, Native Hawaiian and Pacific Islander Heritage Month
-
Mental Health Awareness Month
May · banner
Get Startedmental-health-month- White on fill
- 5.02:1 AA
- Ink on paper
- 4.53:1
- Ink on dark
- 5.76:1
Preview home: light mode, Mental Health Awareness Month dark mode, Mental Health Awareness Month
-
Pride Month
June · banner + theme
Get Startedpride-month- White on fill
- 9.83:1 AA
- Ink on paper
- 8.66:1
- Ink on dark
- 5.85:1
Preview home: light mode, Pride Month dark mode, Pride Month
-
Juneteenth
June 19 · banner
Get Startedjuneteenth- White on fill
- 6.36:1 AA
- Ink on paper
- 5.60:1
- Ink on dark
- 5.81:1
Preview home: light mode, Juneteenth dark mode, Juneteenth
-
Hispanic Heritage Month
September 15-30 - October 1-15 · banner + theme
Get Startedhispanic-heritage-month- White on fill
- 6.47:1 AA
- Ink on paper
- 5.70:1
- Ink on dark
- 5.80:1
Preview home: light mode, Hispanic Heritage Month dark mode, Hispanic Heritage Month
-
International Day of Peace
September 21 · banner
Get Startedpeace-day- White on fill
- 5.93:1 AA
- Ink on paper
- 5.23:1
- Ink on dark
- 5.66:1
Preview home: light mode, International Day of Peace dark mode, International Day of Peace
-
World Mental Health Day
October 10 · banner
Get Startedmental-health-day- White on fill
- 5.02:1 AA
- Ink on paper
- 4.53:1
- Ink on dark
- 5.76:1
Preview home: light mode, World Mental Health Day dark mode, World Mental Health Day
-
Indigenous Peoples' Day
October 12 · banner
Get Startedindigenous-peoples-day- White on fill
- 7.09:1 AA
- Ink on paper
- 6.24:1
- Ink on dark
- 5.72:1
Preview home: light mode, Indigenous Peoples' Day dark mode, Indigenous Peoples' Day
-
Native American Heritage Month
November · banner + theme
Get Startednative-american-heritage-month- White on fill
- 7.31:1 AA
- Ink on paper
- 6.44:1
- Ink on dark
- 5.78:1
Preview home: light mode, Native American Heritage Month dark mode, Native American Heritage Month
-
Human Rights Day
December 10 · banner
Get Startedhuman-rights-day- White on fill
- 5.93:1 AA
- Ink on paper
- 5.23:1
- Ink on dark
- 5.66:1
Preview home: light mode, Human Rights Day dark mode, Human Rights Day