Themes
A theme describes how to paint four families of elements: text, media, controls and blocks. Each card below is real markup in its loading state.Open the video and card demo.
Choose the theme of an area with data-charpente-theme, or of an entire site withdefaultTheme. You can also create your own.
<section data-charpente-loading data-charpente-theme="cyberpunk" aria-busy="true" inert> ...</section>export default defineCharpente({ defaultTheme: 'cyberpunk',})Gallery settings
Solid
solidFlat fill with text lines
Camille DurandProject leadA short introduction spanning two or three lines, to show how text is painted line by line.
%22%2F%3E%3Ccircle%20cx%3D%22250%22%20cy%3D%2234%22%20r%3D%2216%22%20fill%3D%22rgba(255%2C255%2C255%2C.6)%22%2F%3E%3Cpath%20d%3D%22M0%20120%20L90%2050%20L150%20100%20L210%2062%20L320%20120Z%22%20fill%3D%22rgba(0%2C0%2C0%2C.22)%22%2F%3E%3C%2Fsvg%3E)
Outline
outlineDotted outlines
Camille DurandProject leadA short introduction spanning two or three lines, to show how text is painted line by line.
Dots
dotsDot pattern
Camille DurandProject leadA short introduction spanning two or three lines, to show how text is painted line by line.
Cyberpunk
cyberpunkCut corners, neon edges and scanlines
Camille DurandProject leadA short introduction spanning two or three lines, to show how text is painted line by line.
Web
webFine cobwebs in the corners
Camille DurandProject leadA short introduction spanning two or three lines, to show how text is painted line by line.
Glass
glassClear glass, light blur, sharp bright rim
Camille DurandProject leadA short introduction spanning two or three lines, to show how text is painted line by line.
Frost
frostMilky frosted glass, strong blur
Camille DurandProject leadA short introduction spanning two or three lines, to show how text is painted line by line.
Smoked
smokedDark smoked glass, discreet edge
Camille DurandProject leadA short introduction spanning two or three lines, to show how text is painted line by line.
Blueprint
blueprintBlue gridded plan
Camille DurandProject leadA short introduction spanning two or three lines, to show how text is painted line by line.
Halftone
halftonePrint halftone dots
Camille DurandProject leadA short introduction spanning two or three lines, to show how text is painted line by line.
Neon
neonGlowing outline
Camille DurandProject leadA short introduction spanning two or three lines, to show how text is painted line by line.
Aurora
auroraNorthern-lights gradient
Camille DurandProject leadA short introduction spanning two or three lines, to show how text is painted line by line.
Brutalist
brutalistCrossed boxes, hazard stripes, hard shadows
Camille DurandProject leadA short introduction spanning two or three lines, to show how text is painted line by line.
Sketch
sketchWobbly outlines and pencil hatching
Camille DurandProject leadA short introduction spanning two or three lines, to show how text is painted line by line.
Topo
topoContour lines of a map
Camille DurandProject leadA short introduction spanning two or three lines, to show how text is painted line by line.
Waves
wavesRolling blue waves
Camille DurandProject leadA short introduction spanning two or three lines, to show how text is painted line by line.
Developer
developerMatrix rain of falling green characters
Camille DurandProject leadA short introduction spanning two or three lines, to show how text is painted line by line.
CRT
crtTube screen with rounded corners, green phosphor and scanlines
Camille DurandProject leadA short introduction spanning two or three lines, to show how text is painted line by line.
Travel
travelMap contours
Camille DurandProject leadA short introduction spanning two or three lines, to show how text is painted line by line.
Wellness
wellnessSoft botanical tones
Camille DurandProject leadA short introduction spanning two or three lines, to show how text is painted line by line.
Birthday
birthdayColored sprinkles
Camille DurandProject leadA short introduction spanning two or three lines, to show how text is painted line by line.
Halloween
halloweenA few large bats, a moon and corner cobwebs
Camille DurandProject leadA short introduction spanning two or three lines, to show how text is painted line by line.
Christmas
christmasPatterned paper, crossed ribbons and satin bows
Camille DurandProject leadA short introduction spanning two or three lines, to show how text is painted line by line.
New year
new-yearGolden confetti
Camille DurandProject leadA short introduction spanning two or three lines, to show how text is painted line by line.
Winter
winterFrosted corners and falling snow
Camille DurandProject leadA short introduction spanning two or three lines, to show how text is painted line by line.
Fresh snow
winter-snowSoft snow caps and icicles
Camille DurandProject leadA short introduction spanning two or three lines, to show how text is painted line by line.
Alpine map
winter-topoFrosted shapes over ivory contour lines
Camille DurandProject leadA short introduction spanning two or three lines, to show how text is painted line by line.
Pride
prideRainbow colors
Camille DurandProject leadA short introduction spanning two or three lines, to show how text is painted line by line.
Summer
summerRising bubbles and sun sparkles
Camille DurandProject leadA short introduction spanning two or three lines, to show how text is painted line by line.
Spring
springFalling petals with flowered borders
Camille DurandProject leadA short introduction spanning two or three lines, to show how text is painted line by line.
Autumn
autumnFalling leaves with ocher borders
Camille DurandProject leadA short introduction spanning two or three lines, to show how text is painted line by line.