Skip to content
CoquetteEV Companion

Style guide

Soft, sweet and seriously readable.

Everything that gives the planner its coquette look: the palette, the type, the cards and icons, the grid paper and the page formats. Use it to keep every new page and listing photo on brand.

Color palette

Five colors, each with one job.

Pink and cream carry the mood, dusty rose draws the lines, white keeps prints bright and charcoal does the reading work.

  • Soft Pastel Pink

    #FFD1DC

    Highlights, active tabs, card labels and color-in fills

    Use as a fill and pair it with charcoal text.

  • Warm Cream

    #FFFDD0

    Header bands, tinted cards and a warm paper feel

    Use at 50 to 80% strength on large areas so pages stay airy.

  • Dusty Rose

    #DCAE96

    Lines, borders, icons, grid paper and chart strokes

    Decorative only. Never use it for small text.

  • Clean White

    #FFFFFF

    Page background and card fill

    The base of every page, so prints stay bright and ink-friendly.

  • Deep Charcoal

    #2C2C2C

    All text, numbers and labels

    Softer than pure black and still highly readable.

Supporting ink

Rosewood Ink

#8E5A45

Accent text: script words, eyebrows and links. A deeper dusty rose added so accent words pass contrast on white and cream.

Contrast checks

Measured with the WCAG formula. Body text needs 4.5:1, large headings 3:1.

  • Charcoal on white14.0:1AAA
  • Charcoal on pink10.2:1AAA
  • Charcoal on cream13.4:1AAA
  • Rosewood on white5.7:1AA
  • Rosewood on cream5.5:1AA
  • Dusty rose on white2.0:1Decorative only

Typography

Clean sans headers, a whisper of handwriting.

Two sans serifs do the work, a mono face keeps numbers tidy and one script word per page adds the coquette touch.

  • Headers

    Medium 500

    My EV Dashboard

    Jost

    A clean geometric sans for page titles and card labels, set in uppercase with wide letter spacing.

  • Handwriting accents

    Regular 400

    my garage

    Sacramento

    A thin monoline script for one or two accent words per page. Never for labels or small text.

  • Body text & field labels

    Regular 400, Medium 500

    Charger brand & model

    DM Sans

    A friendly, highly legible sans for labels, tips and checklists.

  • Numbers & units

    Regular 400, Medium 500

    72.6 kWh · 80% · $0.14

    DM Mono

    Even-width figures keep kWh, percentages and costs neatly aligned in every log.

Type scale on paper

Printed sizes in points for each format. The tablet PDF can be zoomed, so its sizes are the starting point.

RoleTypefaceDigitalUS LetterA4
Cover titleJost Medium, uppercase24.3 pt27.5 pt26.8 pt
Script accentSacramento24.3 pt27.5 pt26.8 pt
Page titleJost Medium, uppercase13.5 pt15.3 pt14.9 pt
Body & tipsDM Sans Regular8.1 pt9.2 pt8.9 pt
Field labelsDM Sans Medium, uppercase6.8 pt7.7 pt7.4 pt
Numbers & unitsDM Mono Regular6.8 pt7.7 pt7.4 pt

Elements

Rounded cards, soft shadows, tiny icons.

The building blocks repeated across every page. Reuse them as they are and new pages will always feel like part of the set.

Cards & surfaces

  • Vehicle profile
    Make & model

    Content card

    Rounded rectangle, 0.15 in corners on US Letter, a 1 px dusty rose border at 45% and a soft dusty rose drop shadow.

  • Tinted cards

    Cream cards hold tips and calculators, pink tints mark results. Labels flip to white pills on pink.

  • The bow

    A custom ribbon bow marks every page header, the footer and the cover. It is the logo of the product line.

Field markers

  • Nickname

    Write-in line

    Uppercase label with a dusty rose rule. Rows are sized for handwriting.

  • kWh

    Number box

    Rounded box with the unit printed in mono at the bottom right.

  • EVPHEVHybrid

    Chip select

    Circle one option. Used for drivetrain, charge port and chemistry.

  • Coffee stopFast charger

    Checkbox

    Small rounded squares, sometimes paired with an icon for quick scanning.

  • Battery gauge

    Ten segments with the healthy 20 to 80% range shaded pink.

  • 12345678910111213141516

    Habit circles

    Numbered day circles and month circles turn routines into streaks.

  • Color-in cells

    Each cell is a fixed amount, here 25 kg of CO₂, colored in with a pen or highlighter.

  • kWh ×= $

    Formula strip

    Fill-in boxes with the math printed between them, so results take seconds.

Icons

Thin line icons in rosewood: battery levels, lightning bolts, leaves and car care. One icon per label, never decoration for its own sake.

  • Battery charging
  • Battery full
  • Battery half
  • Battery low
  • Lightning bolt
  • Charger
  • Leaf
  • Sprout
  • Tree
  • Car
  • Route stop
  • Route
  • Efficiency
  • Service
  • Wishlist
  • Sparkle

Grid paper

Dusty rose lines at low strength sit behind every page. Notes areas switch to dots or ruled lines.

  • Page grid · about 5 mm squares

  • Dot grid · notes and sketches

  • Ruled lines · journals and trip notes

Layout & formats

One grid, three page sizes.

Every page is drawn on the same grid and scales to each format, so the design stays identical while taller pages simply gain extra rows.

  • Digital tablet PDF

    Page size
    7.5 × 10 in, 3:4 portrait
    Top & side margins
    0.34 in
    Bottom margin
    0.26 in
    Tab rail (right)
    0.53 in
    Card gap
    0.15 in

  • US Letter printable

    Page size
    8.5 × 11 in
    Top & side margins
    0.38 in
    Bottom margin
    0.30 in
    Binding gutter (left)
    0.51 in
    Card gap
    0.17 in

  • A4 printable

    Page size
    210 × 297 mm
    Top & side margins
    9.5 mm
    Bottom margin
    7.4 mm
    Binding gutter (left)
    12.6 mm
    Card gap
    4.2 mm

Two-column card grid

Profiles, rates and summaries sit side by side, with full-width logs between them.

Three plus two split

Timelines, charts and schedules take three fifths, their companion cards the other two.

Twelve-month grid

Trackers, tables and charts share one month grid, so readings line up with their plot points.

See every rule in action on the planner pages.